/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
.MA-gxq_content[data-content-appearance="touch-optimized"] {
  scrollbar-width: none;
  corner-shape: superellipse(1.1);
  border-radius: 28px;
  min-width: 240px;
  overflow: clip auto;
  max-height: min(
    var(--radix-dropdown-menu-content-available-height, 50svh),
    calc(var(--spacing, 0.25rem) * 1.5) + var(--min-items, 6.8) *
      var(--menu-item-height)
  ) !important;
}
.MA-gxq_content[data-content-appearance="touch-optimized"] .__menu-item {
  margin-inline: calc(var(--spacing, 0.25rem) * 0.5);
  gap: calc(var(--spacing, 0.25rem) * 3);
  corner-shape: superellipse(1.1);
  border-radius: 28px;
}
.MA-gxq_content[data-content-appearance="touch-optimized"]
  [role="menuitemradio"][data-state="unchecked"].__menu-item:has(
    > .trailing[data-trailing-style="radio-check"]
  ) {
  justify-content: flex-start;
  gap: calc(var(--spacing, 0.25rem) * 1.5);
  padding-inline-end: calc(var(--spacing, 0.25rem) * 8);
}
.MA-gxq_content[data-content-appearance="touch-optimized"]
  [role="menuitemradio"][data-state="unchecked"].__menu-item
  > .trailing[data-trailing-style="radio-check"] {
  display: none;
}
:is(
  .MA-gxq_content[data-content-appearance="touch-optimized"]
    .__menu-item
    > .icon,
  .MA-gxq_content[data-content-appearance="touch-optimized"]
    .__menu-item
    > .icon-lg,
  .MA-gxq_content[data-content-appearance="touch-optimized"]
    .__menu-item
    > :first-child:not(.icon):not(.icon-lg)
    > .icon,
  .MA-gxq_content[data-content-appearance="touch-optimized"]
    .__menu-item
    > :first-child:not(.icon):not(.icon-lg)
    > .icon-lg
) {
  height: calc(var(--spacing, 0.25rem) * 9);
  width: calc(var(--spacing, 0.25rem) * 9);
  background-color: var(--interactive-bg-secondary-hover);
  color: var(--text-primary);
  border-radius: 3.40282e38px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}
:is(
  .MA-gxq_content[data-content-appearance="touch-optimized"]
    .__menu-item
    > .icon
    > .icon,
  .MA-gxq_content[data-content-appearance="touch-optimized"]
    .__menu-item
    > .icon-lg
    > .icon,
  .MA-gxq_content[data-content-appearance="touch-optimized"]
    .__menu-item
    > :first-child
    > .icon
    > .icon,
  .MA-gxq_content[data-content-appearance="touch-optimized"]
    .__menu-item
    > :first-child
    > .icon-lg
    > .icon
) {
  height: calc(var(--spacing, 0.25rem) * 5);
  width: calc(var(--spacing, 0.25rem) * 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-border-style: solid;
      --tw-font-weight: initial;
      --tw-leading: initial;
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-pan-x: initial;
      --tw-pan-y: initial;
      --tw-pinch-zoom: initial;
      --tw-scroll-snap-strictness: proximity;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-tracking: 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-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;
      --tw-contain-size: initial;
      --tw-contain-layout: initial;
      --tw-contain-paint: initial;
      --tw-contain-style: initial;
      --tw-content: "";
      --tw-mask-linear: linear-gradient(#fff, #fff);
      --tw-mask-radial: linear-gradient(#fff, #fff);
      --tw-mask-conic: linear-gradient(#fff, #fff);
      --tw-mask-left: linear-gradient(#fff, #fff);
      --tw-mask-right: linear-gradient(#fff, #fff);
      --tw-mask-bottom: linear-gradient(#fff, #fff);
      --tw-mask-top: linear-gradient(#fff, #fff);
      --tw-mask-bottom-from-position: 0%;
      --tw-mask-bottom-to-position: 100%;
      --tw-mask-bottom-from-color: black;
      --tw-mask-bottom-to-color: transparent;
      --tw-mask-right-from-position: 0%;
      --tw-mask-right-to-position: 100%;
      --tw-mask-right-from-color: black;
      --tw-mask-right-to-color: transparent;
      --tw-mask-left-from-position: 0%;
      --tw-mask-left-to-position: 100%;
      --tw-mask-left-from-color: black;
      --tw-mask-left-to-color: transparent;
      --mask-shimmer-offset: 0%;
      --tw-mask-shimmer-duration: 4s;
      --tw-mask-shimmer-delay: 0s;
    }
  }
}
.composer-parent {
  --composer-footer_height: var(--composer-bar_footer-current-height, 32px);
  --composer-bar_height: var(--composer-bar_current-height, 52px);
  --composer-bar_width: var(--composer-bar_current-width, 768px);
  --mask-fill: linear-gradient(to bottom, white 0%, white 100%);
  --mask-erase: linear-gradient(to bottom, black 0%, black 100%);
}
.masked-content {
  --content-gradient: linear-gradient(
    0deg,
    #d9d9d9 0%,
    #d8d8d8fc 8.07%,
    #d7d7d7fa 15.54%,
    #d4d4d4f2 22.5%,
    #d0d0d0eb 29.04%,
    #ccccccde 35.26%,
    #c6c6c6d1 41.25%,
    #c0c0c0bf 47.1%,
    #b8b8b8ad 52.9%,
    #b0b0b099 58.75%,
    #a8a8a885 64.74%,
    #9e9e9e6b 70.96%,
    #94949454 77.5%,
    #8a8a8a38 84.46%,
    #7f7f7f1c 91.93%,
    #73737300 100%
  );
  --composer-bar_safe-margins: 20px;
  -webkit-mask-image:
    var(--mask-fill), var(--content-gradient), var(--composer-bar_skeleton);
  -webkit-mask-image:
    var(--mask-fill), var(--content-gradient), var(--composer-bar_skeleton);
  -webkit-mask-image:
    var(--mask-fill), var(--content-gradient), var(--composer-bar_skeleton);
  -webkit-mask-image:
    var(--mask-fill), var(--content-gradient), var(--composer-bar_skeleton);
  mask-image:
    var(--mask-fill), var(--content-gradient), var(--composer-bar_skeleton);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size:
    auto,
    calc(100% - var(--composer-bar_safe-margins))
      calc(var(--composer-bar_height) + var(--composer-bar_mask-grace-area)),
    var(--composer-bar_width) var(--composer-bar_height);
  -webkit-mask-size:
    auto,
    calc(100% - var(--composer-bar_safe-margins))
      calc(var(--composer-bar_height) + var(--composer-bar_mask-grace-area)),
    var(--composer-bar_width) var(--composer-bar_height);
  -webkit-mask-size:
    auto,
    calc(100% - var(--composer-bar_safe-margins))
      calc(var(--composer-bar_height) + var(--composer-bar_mask-grace-area)),
    var(--composer-bar_width) var(--composer-bar_height);
  -webkit-mask-size:
    auto,
    calc(100% - var(--composer-bar_safe-margins))
      calc(var(--composer-bar_height) + var(--composer-bar_mask-grace-area)),
    var(--composer-bar_width) var(--composer-bar_height);
  mask-size:
    auto,
    calc(100% - var(--composer-bar_safe-margins))
      calc(var(--composer-bar_height) + var(--composer-bar_mask-grace-area)),
    var(--composer-bar_width) var(--composer-bar_height);
  -webkit-mask-position:
    top center,
    center calc(100% - var(--composer-footer_height)),
    center calc(100% - var(--composer-footer_height));
  -webkit-mask-position:
    top center,
    center calc(100% - var(--composer-footer_height)),
    center calc(100% - var(--composer-footer_height));
  -webkit-mask-position:
    top center,
    center calc(100% - var(--composer-footer_height)),
    center calc(100% - var(--composer-footer_height));
  -webkit-mask-position:
    top center,
    center calc(100% - var(--composer-footer_height)),
    center calc(100% - var(--composer-footer_height));
  mask-position:
    top center,
    center calc(100% - var(--composer-footer_height)),
    center calc(100% - var(--composer-footer_height));
  -webkit-mask-composite: source-out;
  -webkit-mask-source-type: luminance;
  -webkit-mask-composite: source-out;
  -webkit-mask-source-type: luminance;
  -webkit-mask-composite: source-out;
  -webkit-mask-source-type: luminance;
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
  -webkit-mask-source-type: luminance;
  mask-mode: luminance;
}
@supports (color: color(display-p3 0 0 0)) {
  .masked-content {
    --content-gradient: linear-gradient(
      0deg,
      color(display-p3 0.851 0.851 0.851) 0%,
      color(display-p3 0.8488 0.8488 0.8488/.99) 8.07%,
      color(display-p3 0.8423 0.8423 0.8423/.98) 15.54%,
      color(display-p3 0.8317 0.8317 0.8317/.95) 22.5%,
      color(display-p3 0.8171 0.8171 0.8171/.92) 29.04%,
      color(display-p3 0.7988 0.7988 0.7988/.87) 35.26%,
      color(display-p3 0.777 0.777 0.777/.82) 41.25%,
      color(display-p3 0.7518 0.7518 0.7518/.75) 47.1%,
      color(display-p3 0.7234 0.7234 0.7234/.68) 52.9%,
      color(display-p3 0.692 0.692 0.692/.6) 58.75%,
      color(display-p3 0.6578 0.6578 0.6578/.52) 64.74%,
      color(display-p3 0.621 0.621 0.621/.42) 70.96%,
      color(display-p3 0.5817 0.5817 0.5817/.33) 77.5%,
      color(display-p3 0.5401 0.5401 0.5401/.22) 84.46%,
      color(display-p3 0.4965 0.4965 0.4965/.11) 91.93%,
      color(display-p3 0.451 0.451 0.451/0) 100%
    );
  }
}
@media (prefers-reduced-transparency: reduce) {
  .masked-content {
    -webkit-mask-image: none;
    mask-image: none;
  }
}
.mask-scrollbars {
  --scrollbar-width: 10px;
  clip-path: inset(-100vh var(--scrollbar-width) 0 0);
  clip-path: inset(-100svh var(--scrollbar-width) 0 0);
}
.bg-thread--header {
  height: var(--composer-bar_height);
  background: linear-gradient(
    to bottom,
    transparent 0%,
    transparent 50%,
    var(--main-surface-primary) 50%,
    var(--main-surface-primary) 100%
  );
  -webkit-mask-image: var(--mask-fill), var(--composer-bar_skeleton);
  -webkit-mask-image: var(--mask-fill), var(--composer-bar_skeleton);
  -webkit-mask-image: var(--mask-fill), var(--composer-bar_skeleton);
  -webkit-mask-image: var(--mask-fill), var(--composer-bar_skeleton);
  mask-image: var(--mask-fill), var(--composer-bar_skeleton);
  -webkit-mask-composite: source-out;
  -webkit-mask-source-type: luminance;
  -webkit-mask-composite: source-out;
  -webkit-mask-source-type: luminance;
  -webkit-mask-composite: source-out;
  -webkit-mask-source-type: luminance;
  -webkit-mask-position: top, top;
  mask-position: top, top;
  -webkit-mask-size: auto;
  mask-size: auto;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
  -webkit-mask-source-type: luminance;
  mask-mode: luminance;
}
@media (prefers-reduced-transparency: reduce) {
  .bg-thread--header {
    -webkit-mask-image: none;
    mask-image: none;
  }
}
.bg-thread--footer {
  background: var(--main-surface-primary);
  flex: 1;
}
:root {
  --spring-fast-duration: 0.667s;
  --spring-fast: linear(
    0,
    0.01942 1.83%,
    0.07956 4.02%,
    0.47488 13.851%,
    0.65981 19.572%,
    0.79653 25.733%,
    0.84834 29.083%,
    0.89048 32.693%,
    0.9246 36.734%,
    0.95081 41.254%,
    0.97012 46.425%,
    0.98361 52.535%,
    0.99665 68.277%,
    0.99988
  );
  --spring-common-duration: 0.667s;
  --spring-common: linear(
    0,
    0.00506 1.18%,
    0.02044 2.46%,
    0.08322 5.391%,
    0.46561 17.652%,
    0.63901 24.342%,
    0.76663 31.093%,
    0.85981 38.454%,
    0.89862 42.934%,
    0.92965 47.845%,
    0.95366 53.305%,
    0.97154 59.516%,
    0.99189 74.867%,
    0.9991
  );
  --spring-standard: var(--spring-common);
  --spring-slow-bounce-duration: 1.167s;
  --spring-slow-bounce: linear(
    0,
    0.00172 0.51%,
    0.00682 1.03%,
    0.02721 2.12%,
    0.06135 3.29%,
    0.11043 4.58%,
    0.21945 6.911%,
    0.59552 14.171%,
    0.70414 16.612%,
    0.79359 18.962%,
    0.86872 21.362%,
    0.92924 23.822%,
    0.97589 26.373%,
    1.01 29.083%,
    1.0264 31.043%,
    1.03767 33.133%,
    1.04411 35.404%,
    1.04597 37.944%,
    1.04058 42.454%,
    1.01119 55.646%,
    1.00137 63.716%,
    0.99791 74.127%,
    0.99988
  );
  --spring-bounce-duration: 0.833s;
  --spring-bounce: linear(
    0,
    0.00541 1.29%,
    0.02175 2.68%,
    0.04923 4.19%,
    0.08852 5.861%,
    0.17388 8.851%,
    0.48317 18.732%,
    0.57693 22.162%,
    0.65685 25.503%,
    0.72432 28.793%,
    0.78235 32.163%,
    0.83182 35.664%,
    0.87356 39.354%,
    0.91132 43.714%,
    0.94105 48.455%,
    0.96361 53.705%,
    0.97991 59.676%,
    0.9903 66.247%,
    0.99664 74.237%,
    0.99968 84.358%,
    1.00048
  );
  --spring-fast-bounce-duration: 1s;
  --spring-fast-bounce: linear(
    0,
    0.00683 1.14%,
    0.02731 2.35%,
    0.11137 5.091%,
    0.59413 15.612%,
    0.78996 20.792%,
    0.92396 25.953%,
    0.97109 28.653%,
    1.00624 31.503%,
    1.03801 36.154%,
    1.0477 41.684%,
    1.00242 68.787%,
    0.99921
  );
  --easing-spring-elegant-duration: 0.58171s;
  --easing-spring-elegant: linear(
    0 0%,
    0.005927 1%,
    0.022466 2%,
    0.047872 3%,
    0.080554 4%,
    0.119068 5%,
    0.162116 6%,
    0.208536 7%,
    0.2573 8%,
    0.3075 9%,
    0.358346 10%,
    0.409157 11%,
    0.45935 12%,
    0.508438 13%,
    0.556014 14%,
    0.601751 15%,
    0.645389 16%,
    0.686733 17%,
    0.72564 18%,
    0.762019 19%,
    0.795818 20%,
    0.827026 21%,
    0.855662 22%,
    0.881772 23%,
    0.905423 24%,
    0.926704 25%,
    0.945714 26%,
    0.962568 27%,
    0.977386 28%,
    0.990295 29%,
    1.00143 30%,
    1.01091 31%,
    1.01888 32%,
    1.02547 33%,
    1.03079 34%,
    1.03498 35%,
    1.03816 36%,
    1.04042 37%,
    1.04189 38%,
    1.04266 39%,
    1.04283 40%,
    1.04247 41%,
    1.04168 42%,
    1.04052 43%,
    1.03907 44%,
    1.03737 45%,
    1.03549 46%,
    1.03348 47%,
    1.03138 48%,
    1.02922 49%,
    1.02704 50%,
    1.02486 51%,
    1.02272 52%,
    1.02063 53%,
    1.01861 54%,
    1.01667 55%,
    1.01482 56%,
    1.01307 57%,
    1.01142 58%,
    1.00989 59%,
    1.00846 60%,
    1.00715 61%,
    1.00594 62%,
    1.00485 63%,
    1.00386 64%,
    1.00296 65%,
    1.00217 66%,
    1.00147 67%,
    1.00085 68%,
    1.00031 69%,
    0.999849 70%,
    0.999457 71%,
    0.999128 72%,
    0.998858 73%,
    0.99864 74%,
    0.99847 75%,
    0.998342 76%,
    0.998253 77%,
    0.998196 78%,
    0.998169 79%,
    0.998167 80%,
    0.998186 81%,
    0.998224 82%,
    0.998276 83%,
    0.998341 84%,
    0.998415 85%,
    0.998497 86%,
    0.998584 87%,
    0.998675 88%,
    0.998768 89%,
    0.998861 90%,
    0.998954 91%,
    0.999045 92%,
    0.999134 93%,
    0.99922 94%,
    0.999303 95%,
    0.999381 96%,
    0.999455 97%,
    0.999525 98%,
    0.999589 99%,
    0.99965 100%
  );
  --easing-common: linear(
    0,
    0,
    0.0001,
    0.0002,
    0.0003,
    0.0005,
    0.0007,
    0.001,
    0.0013,
    0.0016,
    0.002,
    0.0024,
    0.0029,
    0.0033,
    0.0039,
    0.0044,
    0.005,
    0.0057,
    0.0063,
    0.007,
    0.0079,
    0.0086,
    0.0094,
    0.0103,
    0.0112,
    0.0121,
    0.0132 1.84%,
    0.0153,
    0.0175,
    0.0201,
    0.0226,
    0.0253,
    0.0283,
    0.0313,
    0.0345,
    0.038,
    0.0416,
    0.0454,
    0.0493,
    0.0535,
    0.0576,
    0.0621,
    0.0667,
    0.0714,
    0.0764,
    0.0816 5.04%,
    0.0897,
    0.098 5.62%,
    0.1071,
    0.1165,
    0.1263 6.56%,
    0.137,
    0.1481 7.25%,
    0.1601 7.62%,
    0.1706 7.94%,
    0.1819 8.28%,
    0.194,
    0.2068 9.02%,
    0.2331 9.79%,
    0.2898 11.44%,
    0.3151 12.18%,
    0.3412 12.95%,
    0.3533,
    0.365 13.66%,
    0.3786,
    0.3918,
    0.4045,
    0.4167,
    0.4288,
    0.4405,
    0.452,
    0.4631 16.72%,
    0.4759,
    0.4884,
    0.5005,
    0.5124,
    0.5242,
    0.5354,
    0.5467,
    0.5576,
    0.5686,
    0.5791,
    0.5894,
    0.5995,
    0.6094,
    0.6194,
    0.6289,
    0.6385,
    0.6477,
    0.6569,
    0.6659 24.45%,
    0.6702,
    0.6747,
    0.6789,
    0.6833,
    0.6877,
    0.6919,
    0.696,
    0.7002,
    0.7043,
    0.7084,
    0.7125,
    0.7165,
    0.7205,
    0.7244,
    0.7283,
    0.7321,
    0.7358,
    0.7396,
    0.7433,
    0.7471,
    0.7507,
    0.7544,
    0.7579,
    0.7615,
    0.7649,
    0.7685,
    0.7718,
    0.7752,
    0.7786,
    0.782,
    0.7853,
    0.7885,
    0.7918,
    0.7951,
    0.7982,
    0.8013,
    0.8043,
    0.8075,
    0.8104,
    0.8135,
    0.8165,
    0.8195,
    0.8224,
    0.8253,
    0.8281,
    0.8309,
    0.8336,
    0.8365,
    0.8391,
    0.8419,
    0.8446,
    0.8472,
    0.8499,
    0.8524,
    0.855,
    0.8575,
    0.8599,
    0.8625 37.27%,
    0.8651,
    0.8678,
    0.8703,
    0.8729,
    0.8754,
    0.8779,
    0.8803,
    0.8827,
    0.8851,
    0.8875,
    0.8898,
    0.892,
    0.8942,
    0.8965,
    0.8987,
    0.9009,
    0.903,
    0.9051,
    0.9071,
    0.9092,
    0.9112,
    0.9132,
    0.9151,
    0.9171,
    0.919,
    0.9209,
    0.9227,
    0.9245,
    0.9262,
    0.928,
    0.9297,
    0.9314,
    0.9331,
    0.9347,
    0.9364,
    0.9379,
    0.9395,
    0.941,
    0.9425,
    0.944,
    0.9454,
    0.9469,
    0.9483,
    0.9497,
    0.951,
    0.9524,
    0.9537,
    0.955,
    0.9562,
    0.9574,
    0.9586,
    0.9599,
    0.961,
    0.9622,
    0.9633,
    0.9644,
    0.9655,
    0.9665,
    0.9676,
    0.9686,
    0.9696,
    0.9705,
    0.9715,
    0.9724,
    0.9733,
    0.9742,
    0.975,
    0.9758,
    0.9766,
    0.9774,
    0.9782,
    0.9789,
    0.9796,
    0.9804,
    0.9811,
    0.9817,
    0.9824,
    0.9831,
    0.9837,
    0.9843,
    0.9849,
    0.9855,
    0.986,
    0.9866,
    0.9871,
    0.9877,
    0.9882,
    0.9887,
    0.9892,
    0.9896 70.56%,
    0.9905 71.67%,
    0.9914 72.82%,
    0.9922,
    0.9929 75.2%,
    0.9936 76.43%,
    0.9942 77.71%,
    0.9948 79.03%,
    0.9954 80.39%,
    0.9959 81.81%,
    0.9963 83.28%,
    0.9968 84.82%,
    0.9972 86.41%,
    0.9975 88.07%,
    0.9979 89.81%,
    0.9982 91.64%,
    0.9984 93.56%,
    0.9987 95.58%,
    0.9989 97.72%,
    0.9991
  );
}
@supports not (white-space-collapse: collapse) {
  :root :root {
    --easing-common: ease-in-out;
    --spring-common: ease-in-out;
    --spring-bounce: ease-in-out;
    --spring-fast: ease-in-out;
    --spring-fast-bounce: ease-in-out;
    --spring-slow-bounce: ease-in-out;
  }
}
@supports not (transition-timing-function: linear(0, 0 0%)) {
  :root :root {
    --easing-common: ease-in-out;
    --spring-common: ease-in-out;
    --spring-bounce: ease-in-out;
    --spring-fast: ease-in-out;
    --spring-fast-bounce: ease-in-out;
    --spring-slow-bounce: ease-in-out;
  }
}
@font-face {
  font-family: Circle;
  src: url(data:font/woff2;base64,d09GMk9UVE8AAAM0AAkAAAAABcgAAALuAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADYJIBmAAfgE2AiQDDAQGBYRyByAbIwVRlKvJFsDPBJtObcFDgzooFmKOOuZpZMG4Jg7aB8Nn8fzDvXrufz9r8tgCAU4XFVvjosSo0yqWv9Z+b8++or6Y3y3ikk0laqIkfBkSQzINien2vweAH79N8JdohCbbWndr/HZ5v86kXxrEqV+cqnlKNBcLjY0Bj8Ka512LSgsolgt1Wa1Wr27atM/jBW21RrW55g21jw81IoJNHn2c/z24BlCQTVVvW09zVvtAY1dzeOZwYxugoDCNO2g8kMZDDRpPRuPFajC3qWY31RzV9+loj/h/e6ud/0/bfxcbEILkKpVrQNhwTzuJycoVI0S9RjZZES7WjkQvApCsAhsUn3SuWdP3UZ0zRZT+X1OW1h0OGr9NflM3xRvmiClHqQORzvz/tQbQb7L8b7XUFdZrb+h13MhqctFw/8PP+snI1CnebrExOvET/Fh/hn+knPwQZw89wnNvi+62ERUZoHLr9BC1nCwROqghul1go6hTCVTs54ZppNw6x+jkYtzYdoEMTuGT8KCP/A/hDIeWUloqM4VXWm2g5T0CrvPF5g3kAs04zXJGkI7P96za7LmtKwgBAmhGzB07gBpPeEUAKyzEwwWJxIBzFaQeHZwg6BYQxo6W2Qwz739fUTpv+v/c+Xy3Sv6VF/uN3w8uFpdbNkDuXnWVGkBhvGn75R1LYEgq295Z+QHimbpBIbxAAQtPAhA2QAAaMjYQQHHzONnK8R1EFN9lrZmfUxvmFzjzl5dsLLNQqwDEx+49z7B0yrNi3SQ58LwmAy/AqeOtOWduzoY8+2s/wMFgbxAWiEesMNZAalIE2r8JllitrXeokZEbwVJpR0hSXFLwa+wftjSPNWMSERMRGxMrEi0DVYcfdnhxQ66Eqt62nmYsq32gsaspM4cb2ypPtQ531Q+IIoj9J0lKy0pzkjTFKxoOtd8ODLb39mD0t/UONT71Ry6QDBlaIonr767vbJaUtzSPNQOBmOXFihFLROyYXvXnrUOTszoAAA==)
    format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: Circle;
  src: url(data:font/woff2;base64,d09GMk9UVE8AAANIAAkAAAAABkwAAAMCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADYJQBmAAfgE2AiQDDAQGBYVwByAbqQVRlMVNBfiRkLl5oxlVNKr4xQKiOJqYMp0zZd4iyiabvWs/aWpaEhyiBiMQGoNCIoys0xiDZnJteLRGXET3IpoQq697VFOmBlImcVhpy3pWuy6ZGDJnDoFpIwM96olCINQDUebsKzfc8cml+mMBP82Lfx5kKvx3Td2DFtCONwWq1Ru/VIs7/gTVpl7hgkiHscva/P1RKvnkOj2uDshaX5Id6vvRLs7Q7ZY7RUIphhAYQskQ6gJDmGIIZ4YIVbgw4aJK86iJ8ai2EeK+a2PFayPSEw4h7uwclpQxdejLyi11M9Iy2h0j4eJMBI28mehJINkCFioovm/Yah6VpgBJUm48kUyWnPA1xAhNmKY1S5qwFaT01WKAtvHEg6QZc9todjOVtRlP+hmjzDDS5vtMPD748Cgn0q2zV69y9Mytow/50QcHH4tnHBQWHuslA/3B8O2e6uPdV9vO1B/lSKo5WCl4o2ahQUcDvW2kuxvh3SOtegPX6+drRCVHhYM1R9HgaP3ZtqvIQwHcGn6o8wf644VngrsJ4QBWcbQHGrW2K7XgmT5uPpAHTOivlgPGIeL+mbnYY7xhj5AEAtSqfMIBaNDgjWfcMFRmHIrAIqAO7J4cqgRylIjSHx27HeBe+8o/qp1Xbb/IqsC9ZI03+w/fbWoexLpPI+sf04PMBbjGKDw6XInbdQiytiHo/3RWkeUd9IkyXjTYfUMA4QsCKCpfBGjhAhFgEqQAAWZZygUw+FhGgI2LIwiw404iwEWQixiaHEGSvMqDgqv5QpHqDyV0WChLs4GKVj5Q18zvoKFe1Xk/BxaI0I2NKfxfK8J/W710UVzebArQ6NFEpCWN1fGWFBQegKAjSBCctI7wij+coRcCJGQgy7A42Q3Te14v7+6FuamjlQMEsKxdJHYlel9kJ5adv7kxHe2kcBAeviIZGBpwSO2aZ7b9TXUzD/i7C8jF1drRAeiL2ZWjm6Rq8sFp4jKIQOBI9iJbyNGt7alX974oJIgBsRgsHDkMjr/FbPeiAAAA)
    format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-display: swap;
  font-family: OpenAI Sans;
  font-style: normal;
  font-weight: 400;
  src: url(https://cdn.openai.com/common/fonts/openai-sans/v2/OpenAISans-Regular.woff2)
    format("woff2");
}
@font-face {
  font-family: Atkinson Hyperlegible Mono;
  font-style: normal;
  font-optical-sizing: auto;
  font-feature-settings:
    "ccmp" on,
    "frac" on,
    "locl" on,
    "mark" on,
    "mkmk" on;
  font-weight: 200 800;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-synthesis: none;
  font-display: swap;
  src: url(https://cdn.openai.com/common/fonts/mono/hyperlegible-mono-latin.woff2)
    format("woff2");
  unicode-range:
    U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Atkinson Hyperlegible Mono;
  font-style: normal;
  font-optical-sizing: auto;
  font-weight: 200 800;
  font-display: swap;
  src: url(https://cdn.openai.com/common/fonts/mono/hyperlegible-mono-latin-ext.woff2)
    format("woff2");
  unicode-range:
    U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0,
    U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-display: swap;
  font-family: OpenAI Sans;
  font-style: italic;
  font-weight: 400;
  src: url(https://cdn.openai.com/common/fonts/openai-sans/v2/OpenAISans-RegularItalic.woff2)
    format("woff2");
}
@font-face {
  font-display: swap;
  font-family: OpenAI Sans;
  font-style: normal;
  font-weight: 500;
  src: url(https://cdn.openai.com/common/fonts/openai-sans/v2/OpenAISans-Medium.woff2)
    format("woff2");
}
@font-face {
  font-display: swap;
  font-family: OpenAI Sans;
  font-style: italic;
  font-weight: 500;
  src: url(https://cdn.openai.com/common/fonts/openai-sans/v2/OpenAISans-MediumItalic.woff2)
    format("woff2");
}
@font-face {
  font-display: swap;
  font-family: OpenAI Sans;
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/OpenAISans-Semibold.woff2)
    format("woff2");
}
@font-face {
  font-display: swap;
  font-family: OpenAI Sans;
  font-style: italic;
  font-weight: 600;
  src: url(https://cdn.openai.com/common/fonts/openai-sans/v2/OpenAISans-SemiboldItalic.woff2)
    format("woff2");
}
@font-face {
  font-display: swap;
  font-family: OpenAI Sans;
  font-style: normal;
  font-weight: 700;
  src: url(https://cdn.openai.com/common/fonts/openai-sans/v2/OpenAISans-Bold.woff2)
    format("woff2");
}
@font-face {
  font-display: swap;
  font-family: OpenAI Sans;
  font-style: italic;
  font-weight: 700;
  src: url(https://cdn.openai.com/common/fonts/openai-sans/v2/OpenAISans-BoldItalic.woff2)
    format("woff2");
}
@layer theme {
  :root,
  :host {
    --font-sans:
      "ui-sans-serif", "-apple-system", "system-ui", "Segoe UI", "Helvetica",
      "Apple Color Emoji", "Arial", "sans-serif", "Segoe UI Emoji",
      "Segoe UI Symbol";
    --font-mono:
      "ui-monospace", "SFMono-Regular", "SF Mono", "Menlo", "Consolas",
      "Liberation Mono", "monospace";
    --spacing: 0.25rem;
    --breakpoint-md: 48rem;
    --breakpoint-lg: 64rem;
    --breakpoint-xl: 80rem;
    --breakpoint-2xl: 96rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --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);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --font-weight-extralight: 200;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-black: 900;
    --tracking-tighter: -0.05em;
    --tracking-tight: -0.025em;
    --tracking-normal: 0em;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-xs: 0.125rem;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --radius-4xl: 2rem;
    --shadow-xs: 0 0 15px #0000001a;
    --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    --drop-shadow-xs: 0 1px 1px #0000000d;
    --drop-shadow-sm: 0 1px 2px #00000026;
    --drop-shadow-md: 0 3px 3px #0000001f;
    --drop-shadow-lg: 0 4px 4px #00000026;
    --drop-shadow-xl: 0 9px 7px #0000001a;
    --drop-shadow-2xl: 0 25px 25px #00000026;
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --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;
    --animate-bounce: bounce 1s infinite;
    --blur-xs: 4px;
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-lg: 16px;
    --blur-xl: 24px;
    --blur-2xl: 40px;
    --blur-3xl: 64px;
    --aspect-video: 16 / 9;
    --default-transition-duration: 0.15s;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family:
      "ui-sans-serif", "-apple-system", "system-ui", "Segoe UI", "Helvetica",
      "Apple Color Emoji", "Arial", "sans-serif", "Segoe UI Emoji",
      "Segoe UI Symbol";
    --default-mono-font-family:
      "ui-monospace", "SFMono-Regular", "SF Mono", "Menlo", "Consolas",
      "Liberation Mono", "monospace";
    --text-heading-2: 1.5rem;
    --text-heading-2--line-height: 1.75rem;
    --text-heading-2--letter-spacing: -0.015625rem;
    --text-heading-2--font-weight: 600;
    --text-heading-app: 1.75rem;
    --text-heading-app--line-height: 2.125rem;
    --text-heading-app--letter-spacing: 0.02375rem;
    --text-heading-app--font-weight: 500;
    --text-heading-3: 1.125rem;
    --text-heading-3--line-height: 1.625rem;
    --text-heading-3--letter-spacing: -0.028125rem;
    --text-heading-3--font-weight: 600;
    --text-body-regular: 1rem;
    --text-body-regular--line-height: 1.625rem;
    --text-body-regular--letter-spacing: -0.025rem;
    --text-body-regular--font-weight: 400;
    --text-body-small-regular: 0.875rem;
    --text-body-small-regular--line-height: 1.125rem;
    --text-body-small-regular--letter-spacing: -0.01875rem;
    --text-body-small-regular--font-weight: 400;
    --text-footnote-regular: 0.8125rem;
    --text-footnote-regular--line-height: 1.125rem;
    --text-footnote-regular--letter-spacing: -0.005rem;
    --text-footnote-regular--font-weight: 400;
    --text-footnote-medium: 0.8125rem;
    --text-footnote-medium--line-height: 1.25rem;
    --text-footnote-medium--letter-spacing: -0.005rem;
    --text-footnote-medium--font-weight: 500;
    --text-monospace: 0.9375rem;
    --text-monospace--line-height: 1.375rem;
    --text-monospace--letter-spacing: -0.025rem;
    --text-monospace--font-weight: 400;
    --text-caption-regular: 0.75rem;
    --text-caption-regular--line-height: 1rem;
    --text-caption-regular--letter-spacing: -0.00625rem;
    --text-caption-regular--font-weight: 400;
    --interactive-bg-default-primary: var(
      --interactive-bg-primary-default-context
    );
    --interactive-bg-default-secondary: var(--interactive-bg-secondary-default);
    --interactive-bg-default-accent: var(--interactive-bg-accent-default);
    --interactive-bg-default-control: var(--interactive-bg-control-default);
    --interactive-bg-default-primary-inverted: var(
      --interactive-bg-primary-inverted-context
    );
    --interactive-bg-default-danger-primary: var(
      --interactive-bg-danger-primary-default-context
    );
    --interactive-bg-default-danger-secondary: var(
      --interactive-bg-danger-secondary-default
    );
    --interactive-bg-default-danger-soft: var(
      --interactive-bg-danger-soft-default-context
    );
    --interactive-bg-default-danger-ghost: transparent;
    --interactive-bg-hover-primary: var(--interactive-bg-primary-hover-context);
    --interactive-bg-hover-secondary: var(--interactive-bg-secondary-hover);
    --interactive-bg-hover-accent: var(--interactive-bg-accent-hover);
    --interactive-bg-hover-primary-inverted: var(
      --interactive-bg-primary-inverted-context
    );
    --interactive-bg-hover-danger-primary: var(
      --interactive-bg-danger-primary-hover-context
    );
    --interactive-bg-hover-danger-secondary: var(
      --interactive-bg-danger-secondary-hover
    );
    --interactive-bg-hover-danger-soft: var(
      --interactive-bg-danger-soft-hover-context
    );
    --interactive-bg-hover-danger-ghost: var(
      --interactive-bg-danger-ghost-hover-context
    );
    --interactive-bg-press-primary: var(--interactive-bg-primary-press-context);
    --interactive-bg-press-secondary: var(--interactive-bg-secondary-press);
    --interactive-bg-press-accent: var(--interactive-bg-accent-press);
    --interactive-bg-press-primary-inverted: var(
      --interactive-bg-primary-inverted-context
    );
    --interactive-bg-press-danger-primary: var(
      --interactive-bg-danger-primary-press-context
    );
    --interactive-bg-press-danger-secondary: var(
      --interactive-bg-danger-secondary-press
    );
    --interactive-bg-press-danger-soft: var(
      --interactive-bg-danger-soft-press-context
    );
    --interactive-bg-press-danger-ghost: var(
      --interactive-bg-danger-ghost-press-context
    );
    --interactive-bg-inactive-primary: var(
      --interactive-bg-primary-inactive-context
    );
    --interactive-bg-inactive-secondary: var(
      --interactive-bg-secondary-inactive
    );
    --interactive-bg-inactive-accent: var(--interactive-bg-accent-inactive);
    --interactive-bg-inactive-primary-inverted: var(
      --interactive-bg-primary-inverted-context
    );
    --interactive-bg-inactive-danger-primary: var(
      --interactive-bg-danger-primary-inactive-context
    );
    --interactive-bg-inactive-danger-secondary: var(
      --interactive-bg-danger-secondary-inactive
    );
    --interactive-bg-inactive-danger-soft: var(
      --interactive-bg-danger-soft-inactive-context
    );
    --interactive-bg-inactive-danger-ghost: transparent;
    --interactive-bg-selected-primary: var(
      --interactive-bg-primary-selected-context
    );
    --interactive-bg-selected-secondary: var(
      --interactive-bg-secondary-selected
    );
    --interactive-bg-selected-accent: var(--interactive-bg-accent-default);
    --interactive-bg-selected-primary-inverted: var(
      --interactive-bg-primary-inverted-context
    );
    --interactive-bg-selected-danger-primary: var(
      --interactive-bg-danger-primary-selected-context
    );
    --interactive-bg-selected-danger-secondary: var(
      --interactive-bg-danger-secondary-default
    );
    --interactive-bg-selected-danger-soft: var(
      --interactive-bg-danger-soft-selected-context
    );
    --interactive-bg-selected-danger-ghost: var(
      --interactive-bg-danger-ghost-selected-context
    );
    --interactive-button-bg-default-primary: var(
      --interactive-bg-default-primary
    );
    --interactive-button-bg-default-secondary: var(
      --interactive-bg-secondary-default
    );
    --interactive-button-bg-default-destructive: var(
      --interactive-bg-default-danger-primary
    );
    --interactive-button-bg-default-sec-destructive: var(
      --interactive-bg-default-danger-secondary
    );
    --interactive-button-bg-default-danger-soft: var(
      --interactive-bg-default-danger-soft
    );
    --interactive-button-bg-default-danger-ghost: var(
      --interactive-bg-default-danger-ghost
    );
    --interactive-button-bg-hover-primary: var(--interactive-bg-hover-primary);
    --interactive-button-bg-hover-secondary: var(
      --interactive-bg-secondary-hover
    );
    --interactive-button-bg-hover-destructive: var(
      --interactive-bg-hover-danger-primary
    );
    --interactive-button-bg-hover-sec-destructive: var(
      --interactive-bg-hover-danger-secondary
    );
    --interactive-button-bg-hover-danger-soft: var(
      --interactive-bg-hover-danger-soft
    );
    --interactive-button-bg-hover-danger-ghost: var(
      --interactive-bg-hover-danger-ghost
    );
    --interactive-button-bg-press-primary: var(--interactive-bg-press-primary);
    --interactive-button-bg-press-secondary: var(
      --interactive-bg-secondary-press
    );
    --interactive-button-bg-press-destructive: var(
      --interactive-bg-press-danger-primary
    );
    --interactive-button-bg-press-sec-destructive: var(
      --interactive-bg-press-danger-secondary
    );
    --interactive-button-bg-press-danger-soft: var(
      --interactive-bg-press-danger-soft
    );
    --interactive-button-bg-press-danger-ghost: var(
      --interactive-bg-press-danger-ghost
    );
    --interactive-button-bg-inactive-primary: var(
      --interactive-bg-inactive-primary
    );
    --interactive-button-bg-inactive-secondary: var(
      --interactive-bg-secondary-inactive
    );
    --interactive-button-bg-inactive-destructive: var(
      --interactive-bg-inactive-danger-primary
    );
    --interactive-button-bg-inactive-sec-destructive: var(
      --interactive-bg-inactive-danger-secondary
    );
    --interactive-button-bg-inactive-danger-soft: var(
      --interactive-bg-inactive-danger-soft
    );
    --interactive-button-bg-inactive-danger-ghost: var(
      --interactive-bg-inactive-danger-ghost
    );
    --interactive-button-bg-selected-primary: var(
      --interactive-bg-selected-primary
    );
    --interactive-button-bg-selected-secondary: var(
      --interactive-bg-secondary-selected
    );
    --interactive-button-bg-selected-destructive: var(
      --interactive-bg-selected-danger-primary
    );
    --interactive-button-bg-selected-sec-destructive: var(
      --interactive-bg-selected-danger-secondary
    );
    --interactive-button-bg-selected-danger-soft: var(
      --interactive-bg-selected-danger-soft
    );
    --interactive-button-bg-selected-danger-ghost: var(
      --interactive-bg-selected-danger-ghost
    );
    --interactive-border-default-secondary: var(
      --interactive-border-secondary-default
    );
    --interactive-border-default-primary-inverted: var(
      --interactive-border-primary-inverted-context
    );
    --interactive-border-default-tertiary: var(
      --interactive-border-tertiary-default
    );
    --interactive-border-default-danger-secondary: var(
      --interactive-border-danger-secondary-default
    );
    --interactive-border-default-danger-soft: transparent;
    --interactive-border-hover-secondary: var(
      --interactive-border-secondary-hover
    );
    --interactive-border-hover-primary-inverted: var(
      --interactive-border-primary-inverted-context
    );
    --interactive-border-hover-tertiary: var(
      --interactive-border-tertiary-hover
    );
    --interactive-border-hover-danger-secondary: var(
      --interactive-border-danger-secondary-hover
    );
    --interactive-border-hover-danger-soft: transparent;
    --interactive-border-press-secondary: var(
      --interactive-border-secondary-press
    );
    --interactive-border-press-primary-inverted: var(
      --interactive-border-primary-inverted-context
    );
    --interactive-border-press-tertiary: var(
      --interactive-border-tertiary-press
    );
    --interactive-border-press-danger-secondary: var(
      --interactive-border-danger-secondary-press
    );
    --interactive-border-press-danger-soft: transparent;
    --interactive-border-inactive-secondary: var(
      --interactive-border-secondary-inactive
    );
    --interactive-border-inactive-primary-inverted: var(
      --interactive-border-primary-inverted-context
    );
    --interactive-border-inactive-tertiary: var(
      --interactive-border-tertiary-inactive
    );
    --interactive-border-inactive-danger-secondary: var(
      --interactive-border-danger-secondary-inactive
    );
    --interactive-border-inactive-danger-soft: transparent;
    --interactive-border-selected-secondary: var(
      --interactive-border-secondary-default
    );
    --interactive-border-selected-primary-inverted: var(
      --interactive-border-primary-inverted-context
    );
    --interactive-border-selected-tertiary: var(
      --interactive-border-tertiary-default
    );
    --interactive-border-selected-danger-secondary: var(
      --interactive-border-danger-secondary-default
    );
    --interactive-border-selected-danger-soft: transparent;
    --interactive-button-border-default-primary: transparent;
    --interactive-button-border-default-secondary: var(
      --interactive-border-secondary-default
    );
    --interactive-button-border-default-destructive: transparent;
    --interactive-button-border-default-sec-destructive: var(
      --interactive-border-danger-secondary-default
    );
    --interactive-button-border-default-danger-soft: var(
      --interactive-border-default-danger-soft
    );
    --interactive-button-border-default-danger-ghost: transparent;
    --interactive-button-border-hover-primary: transparent;
    --interactive-button-border-hover-secondary: var(
      --interactive-border-secondary-hover
    );
    --interactive-button-border-hover-destructive: transparent;
    --interactive-button-border-hover-sec-destructive: var(
      --interactive-border-danger-secondary-hover
    );
    --interactive-button-border-hover-danger-soft: var(
      --interactive-border-hover-danger-soft
    );
    --interactive-button-border-hover-danger-ghost: transparent;
    --interactive-button-border-press-primary: transparent;
    --interactive-button-border-press-secondary: var(
      --interactive-border-secondary-press
    );
    --interactive-button-border-press-destructive: transparent;
    --interactive-button-border-press-sec-destructive: var(
      --interactive-border-danger-secondary-press
    );
    --interactive-button-border-press-danger-soft: var(
      --interactive-border-press-danger-soft
    );
    --interactive-button-border-press-danger-ghost: transparent;
    --interactive-button-border-inactive-primary: transparent;
    --interactive-button-border-inactive-secondary: var(
      --interactive-border-secondary-inactive
    );
    --interactive-button-border-inactive-destructive: transparent;
    --interactive-button-border-inactive-sec-destructive: var(
      --interactive-border-danger-secondary-inactive
    );
    --interactive-button-border-inactive-danger-soft: var(
      --interactive-border-inactive-danger-soft
    );
    --interactive-button-border-inactive-danger-ghost: transparent;
    --interactive-button-border-selected-primary: transparent;
    --interactive-button-border-selected-secondary: var(
      --interactive-border-secondary-default
    );
    --interactive-button-border-selected-destructive: transparent;
    --interactive-button-border-selected-sec-destructive: var(
      --interactive-border-danger-secondary-default
    );
    --interactive-button-border-selected-danger-soft: var(
      --interactive-border-selected-danger-soft
    );
    --interactive-button-border-selected-danger-ghost: transparent;
    --interactive-label-default-primary: var(
      --interactive-label-primary-context
    );
    --interactive-label-default-secondary: var(
      --interactive-label-secondary-default
    );
    --interactive-label-default-primary-inverted: var(
      --interactive-label-primary-inverted-context
    );
    --interactive-label-default-tertiary: var(
      --interactive-label-tertiary-default
    );
    --interactive-label-default-accent: var(--interactive-label-accent-default);
    --interactive-label-default-danger-primary: var(
      --interactive-label-danger-primary-context
    );
    --interactive-label-default-danger-secondary: var(
      --interactive-label-danger-secondary-default
    );
    --interactive-label-default-danger-soft: var(
      --interactive-label-danger-soft-context
    );
    --interactive-label-default-danger-ghost: var(
      --interactive-label-danger-ghost-context
    );
    --interactive-label-hover-primary: var(--interactive-label-primary-context);
    --interactive-label-hover-secondary: var(
      --interactive-label-secondary-hover
    );
    --interactive-label-hover-primary-inverted: var(
      --interactive-label-primary-inverted-context
    );
    --interactive-label-hover-tertiary: var(--interactive-label-tertiary-hover);
    --interactive-label-hover-accent: var(--interactive-label-accent-hover);
    --interactive-label-hover-danger-primary: var(
      --interactive-label-danger-primary-context
    );
    --interactive-label-hover-danger-secondary: var(
      --interactive-label-danger-secondary-hover
    );
    --interactive-label-hover-danger-soft: var(
      --interactive-label-default-danger-soft
    );
    --interactive-label-hover-danger-ghost: var(
      --interactive-label-danger-ghost-context
    );
    --interactive-label-press-primary: var(--interactive-label-primary-context);
    --interactive-label-press-secondary: var(
      --interactive-label-secondary-press
    );
    --interactive-label-press-primary-inverted: var(
      --interactive-label-primary-inverted-context
    );
    --interactive-label-press-tertiary: var(--interactive-label-tertiary-press);
    --interactive-label-press-accent: var(--interactive-label-accent-press);
    --interactive-label-press-danger-primary: var(
      --interactive-label-danger-primary-press-context
    );
    --interactive-label-press-danger-secondary: var(
      --interactive-label-danger-secondary-press
    );
    --interactive-label-press-danger-soft: var(
      --interactive-label-danger-soft-press-context
    );
    --interactive-label-press-danger-ghost: var(
      --interactive-label-danger-ghost-press-context
    );
    --interactive-label-inactive-primary: var(
      --interactive-label-primary-inactive-context
    );
    --interactive-label-inactive-primary-inverted: var(
      --interactive-label-primary-inverted-context
    );
    --interactive-label-inactive-secondary: var(
      --interactive-label-secondary-inactive
    );
    --interactive-label-inactive-tertiary: var(
      --interactive-label-tertiary-inactive
    );
    --interactive-label-inactive-accent: var(
      --interactive-label-accent-inactive
    );
    --interactive-label-inactive-danger-primary: var(
      --interactive-label-danger-primary-inactive-context
    );
    --interactive-label-inactive-danger-secondary: var(
      --interactive-label-danger-secondary-inactive
    );
    --interactive-label-inactive-danger-soft: var(
      --interactive-label-danger-soft-inactive-context
    );
    --interactive-label-inactive-danger-ghost: var(
      --interactive-label-danger-ghost-inactive-context
    );
    --interactive-label-selected-primary: var(
      --interactive-label-primary-context
    );
    --interactive-label-selected-primary-inverted: var(
      --interactive-label-primary-inverted-context
    );
    --interactive-label-selected-secondary: var(
      --interactive-label-secondary-selected
    );
    --interactive-label-selected-tertiary: var(
      --interactive-label-tertiary-selected
    );
    --interactive-label-selected-accent: var(
      --interactive-label-accent-selected
    );
    --interactive-label-selected-danger-primary: var(
      --interactive-label-danger-primary-context
    );
    --interactive-label-selected-danger-secondary: var(
      --interactive-label-danger-secondary-default
    );
    --interactive-label-selected-danger-soft: var(
      --interactive-label-default-danger-soft
    );
    --interactive-label-selected-danger-ghost: var(
      --interactive-label-danger-ghost-context
    );
    --interactive-button-label-default-primary: var(
      --interactive-label-default-primary
    );
    --interactive-button-label-default-secondary: var(
      --interactive-label-secondary-default
    );
    --interactive-button-label-default-destructive: var(
      --interactive-label-default-danger-primary
    );
    --interactive-button-label-default-sec-destructive: var(
      --interactive-label-default-danger-secondary
    );
    --interactive-button-label-default-danger-soft: var(
      --interactive-label-default-danger-soft
    );
    --interactive-button-label-default-danger-ghost: var(
      --interactive-label-default-danger-ghost
    );
    --interactive-button-label-hover-primary: var(
      --interactive-label-hover-primary
    );
    --interactive-button-label-hover-secondary: var(
      --interactive-label-secondary-hover
    );
    --interactive-button-label-hover-destructive: var(
      --interactive-label-hover-danger-primary
    );
    --interactive-button-label-hover-sec-destructive: var(
      --interactive-label-hover-danger-secondary
    );
    --interactive-button-label-hover-danger-soft: var(
      --interactive-label-hover-danger-soft
    );
    --interactive-button-label-hover-danger-ghost: var(
      --interactive-label-hover-danger-ghost
    );
    --interactive-button-label-press-primary: var(
      --interactive-label-press-primary
    );
    --interactive-button-label-press-secondary: var(
      --interactive-label-secondary-press
    );
    --interactive-button-label-press-destructive: var(
      --interactive-label-press-danger-primary
    );
    --interactive-button-label-press-sec-destructive: var(
      --interactive-label-press-danger-secondary
    );
    --interactive-button-label-press-danger-soft: var(
      --interactive-label-press-danger-soft
    );
    --interactive-button-label-press-danger-ghost: var(
      --interactive-label-press-danger-ghost
    );
    --interactive-button-label-inactive-primary: var(
      --interactive-label-inactive-primary
    );
    --interactive-button-label-inactive-secondary: var(
      --interactive-label-secondary-inactive
    );
    --interactive-button-label-inactive-destructive: var(
      --interactive-label-inactive-danger-primary
    );
    --interactive-button-label-inactive-sec-destructive: var(
      --interactive-label-inactive-danger-secondary
    );
    --interactive-button-label-inactive-danger-soft: var(
      --interactive-label-inactive-danger-soft
    );
    --interactive-button-label-inactive-danger-ghost: var(
      --interactive-label-inactive-danger-ghost
    );
    --interactive-button-label-selected-primary: var(
      --interactive-label-selected-primary
    );
    --interactive-button-label-selected-secondary: var(
      --interactive-label-secondary-selected
    );
    --interactive-button-label-selected-destructive: var(
      --interactive-label-selected-danger-primary
    );
    --interactive-button-label-selected-sec-destructive: var(
      --interactive-label-selected-danger-secondary
    );
    --interactive-button-label-selected-danger-soft: var(
      --interactive-label-selected-danger-soft
    );
    --interactive-button-label-selected-danger-ghost: var(
      --interactive-label-selected-danger-ghost
    );
    --interactive-icon-default-primary: var(--interactive-icon-primary-context);
    --interactive-icon-default-secondary: var(
      --interactive-icon-secondary-default
    );
    --interactive-icon-default-primary-inverted: var(
      --interactive-icon-primary-inverted-context
    );
    --interactive-icon-default-tertiary: var(
      --interactive-icon-tertiary-default
    );
    --interactive-icon-default-accent: var(--interactive-icon-accent-default);
    --interactive-icon-default-danger-primary: var(
      --interactive-icon-danger-primary-context
    );
    --interactive-icon-default-danger-secondary: var(
      --interactive-icon-danger-secondary-default
    );
    --interactive-icon-default-danger-soft: var(
      --interactive-icon-danger-soft-context
    );
    --interactive-icon-default-danger-ghost: var(
      --interactive-icon-danger-ghost-context
    );
    --interactive-icon-hover-primary: var(--interactive-icon-primary-context);
    --interactive-icon-hover-secondary: var(--interactive-icon-secondary-hover);
    --interactive-icon-hover-primary-inverted: var(
      --interactive-icon-primary-inverted-context
    );
    --interactive-icon-hover-tertiary: var(--interactive-icon-tertiary-hover);
    --interactive-icon-hover-accent: var(--interactive-icon-accent-hover);
    --interactive-icon-hover-danger-primary: var(
      --interactive-icon-danger-primary-context
    );
    --interactive-icon-hover-danger-secondary: var(
      --interactive-icon-danger-secondary-hover
    );
    --interactive-icon-hover-danger-soft: var(
      --interactive-icon-default-danger-soft
    );
    --interactive-icon-hover-danger-ghost: var(
      --interactive-icon-danger-ghost-context
    );
    --interactive-icon-press-primary: var(--interactive-icon-primary-context);
    --interactive-icon-press-secondary: var(--interactive-icon-secondary-press);
    --interactive-icon-press-primary-inverted: var(
      --interactive-icon-primary-inverted-context
    );
    --interactive-icon-press-tertiary: var(--interactive-icon-tertiary-press);
    --interactive-icon-press-accent: var(--interactive-icon-accent-press);
    --interactive-icon-press-danger-primary: var(
      --interactive-icon-danger-primary-press-context
    );
    --interactive-icon-press-danger-secondary: var(
      --interactive-icon-danger-secondary-press
    );
    --interactive-icon-press-danger-soft: var(
      --interactive-icon-danger-soft-press-context
    );
    --interactive-icon-press-danger-ghost: var(
      --interactive-icon-danger-ghost-press-context
    );
    --interactive-icon-inactive-primary: var(
      --interactive-icon-primary-inactive-context
    );
    --interactive-icon-inactive-primary-inverted: var(
      --interactive-icon-primary-inverted-context
    );
    --interactive-icon-inactive-secondary: var(
      --interactive-icon-secondary-inactive
    );
    --interactive-icon-inactive-tertiary: var(
      --interactive-icon-tertiary-inactive
    );
    --interactive-icon-inactive-accent: var(--interactive-icon-accent-inactive);
    --interactive-icon-inactive-danger-primary: var(
      --interactive-icon-danger-primary-inactive-context
    );
    --interactive-icon-inactive-danger-secondary: var(
      --interactive-icon-danger-secondary-inactive
    );
    --interactive-icon-inactive-danger-soft: var(
      --interactive-icon-danger-soft-inactive-context
    );
    --interactive-icon-inactive-danger-ghost: var(
      --interactive-icon-danger-ghost-inactive-context
    );
    --interactive-icon-selected-primary: var(
      --interactive-icon-primary-context
    );
    --interactive-icon-selected-primary-inverted: var(
      --interactive-icon-primary-inverted-context
    );
    --interactive-icon-selected-secondary: var(
      --interactive-icon-secondary-selected
    );
    --interactive-icon-selected-tertiary: var(
      --interactive-icon-tertiary-selected
    );
    --interactive-icon-selected-accent: var(--interactive-icon-accent-selected);
    --interactive-icon-selected-danger-primary: var(
      --interactive-icon-danger-primary-context
    );
    --interactive-icon-selected-danger-secondary: var(
      --interactive-icon-danger-secondary-default
    );
    --interactive-icon-selected-danger-soft: var(
      --interactive-icon-default-danger-soft
    );
    --interactive-icon-selected-danger-ghost: var(
      --interactive-icon-danger-ghost-context
    );
    --interactive-button-icon-default-primary: var(
      --interactive-icon-default-primary
    );
    --interactive-button-icon-default-secondary: var(
      --interactive-icon-secondary-default
    );
    --interactive-button-icon-default-destructive: var(
      --interactive-icon-default-danger-primary
    );
    --interactive-button-icon-default-sec-destructive: var(
      --interactive-icon-default-danger-secondary
    );
    --interactive-button-icon-default-danger-soft: var(
      --interactive-icon-default-danger-soft
    );
    --interactive-button-icon-default-danger-ghost: var(
      --interactive-icon-default-danger-ghost
    );
    --interactive-button-icon-hover-primary: var(
      --interactive-icon-hover-primary
    );
    --interactive-button-icon-hover-secondary: var(
      --interactive-icon-secondary-hover
    );
    --interactive-button-icon-hover-destructive: var(
      --interactive-icon-hover-danger-primary
    );
    --interactive-button-icon-hover-sec-destructive: var(
      --interactive-icon-hover-danger-secondary
    );
    --interactive-button-icon-hover-danger-soft: var(
      --interactive-icon-hover-danger-soft
    );
    --interactive-button-icon-hover-danger-ghost: var(
      --interactive-icon-hover-danger-ghost
    );
    --interactive-button-icon-press-primary: var(
      --interactive-icon-press-primary
    );
    --interactive-button-icon-press-secondary: var(
      --interactive-icon-secondary-press
    );
    --interactive-button-icon-press-destructive: var(
      --interactive-icon-press-danger-primary
    );
    --interactive-button-icon-press-sec-destructive: var(
      --interactive-icon-press-danger-secondary
    );
    --interactive-button-icon-press-danger-soft: var(
      --interactive-icon-press-danger-soft
    );
    --interactive-button-icon-press-danger-ghost: var(
      --interactive-icon-press-danger-ghost
    );
    --interactive-button-icon-inactive-primary: var(
      --interactive-icon-inactive-primary
    );
    --interactive-button-icon-inactive-secondary: var(
      --interactive-icon-secondary-inactive
    );
    --interactive-button-icon-inactive-destructive: var(
      --interactive-icon-inactive-danger-primary
    );
    --interactive-button-icon-inactive-sec-destructive: var(
      --interactive-icon-inactive-danger-secondary
    );
    --interactive-button-icon-inactive-danger-soft: var(
      --interactive-icon-inactive-danger-soft
    );
    --interactive-button-icon-inactive-danger-ghost: var(
      --interactive-icon-inactive-danger-ghost
    );
    --interactive-button-icon-selected-primary: var(
      --interactive-icon-selected-primary
    );
    --interactive-button-icon-selected-secondary: var(
      --interactive-icon-secondary-selected
    );
    --interactive-button-icon-selected-destructive: var(
      --interactive-icon-selected-danger-primary
    );
    --interactive-button-icon-selected-sec-destructive: var(
      --interactive-icon-selected-danger-secondary
    );
    --interactive-button-icon-selected-danger-soft: var(
      --interactive-icon-selected-danger-soft
    );
    --interactive-button-icon-selected-danger-ghost: var(
      --interactive-icon-selected-danger-ghost
    );
    --tap-padding-pointer: 32px;
    --tap-padding-mobile: 44px;
    --focus-outline-margin-default: 4px;
  }
  :root {
    --green-25: #edfaf2;
    --green-50: #d9f4e4;
    --green-75: #b8ebcc;
    --green-100: #8cdfad;
    --green-200: #66d492;
    --green-300: #40c977;
    --green-400: #04b84c;
    --green-500: #00a240;
    --green-600: #008635;
    --green-700: #00692a;
    --green-800: #004f1f;
    --green-900: #003716;
    --green-950: #011c0b;
    --green-1000: #001207;
    --green-a25: #04b84c14;
    --green-a50: #04b84c26;
    --green-a75: #04b84c4a;
    --green-a100: #04b84c73;
    --green-a200: #04b84c99;
    --green-a300: #04b84cbf;
    --purple-25: #f9f5fe;
    --purple-50: #efe5fe;
    --purple-75: #e0cefd;
    --purple-100: #ceb0fb;
    --purple-200: #be95fa;
    --purple-300: #ad7bf9;
    --purple-400: #924ff7;
    --purple-500: #8046d9;
    --purple-600: #6b3ab4;
    --purple-700: #532d8d;
    --purple-800: #3f226a;
    --purple-900: #2c184a;
    --purple-950: #160c25;
    --purple-1000: #100a19;
    --purple-a25: #924ff70f;
    --purple-a50: #924ff726;
    --purple-a75: #924ff747;
    --purple-a100: #924ff773;
    --purple-a200: #924ff799;
    --purple-a300: #924ff7bf;
    --blue-25: #f5faff;
    --blue-50: #e5f3ff;
    --blue-75: #cce6ff;
    --blue-100: #99ceff;
    --blue-200: #66b5ff;
    --blue-300: #339cff;
    --blue-400: #0285ff;
    --blue-500: #0169cc;
    --blue-600: #004f99;
    --blue-700: #003f7a;
    --blue-800: #013566;
    --blue-900: #00284d;
    --blue-950: #000e1a;
    --blue-1000: #000d19;
    --blue-a25: #0285ff0a;
    --blue-a50: #0285ff21;
    --blue-a75: #0285ff40;
    --blue-a100: #0285ff66;
    --blue-a200: #0285ff99;
    --blue-a300: #0285ffcc;
    --orange-25: #fff5f0;
    --orange-50: #ffe7d9;
    --orange-75: #ffcfb4;
    --orange-100: #ffb790;
    --orange-200: #ff9e6c;
    --orange-300: #ff8549;
    --orange-400: #fb6a22;
    --orange-500: #e25507;
    --orange-600: #b9480d;
    --orange-700: #923b0f;
    --orange-800: #6d2e0f;
    --orange-900: #4a2206;
    --orange-950: #281105;
    --orange-1000: #211107;
    --orange-a25: #fb6a2212;
    --orange-a50: #fb6a2229;
    --orange-a75: #fb6a2254;
    --orange-a100: #fb6a227a;
    --orange-a200: #fb6a22a6;
    --orange-a300: #fb6a22cf;
    --red-25: #fff0f0;
    --red-50: #ffe1e0;
    --red-75: #ffc6c5;
    --red-100: #ffa4a2;
    --red-200: #ff8583;
    --red-300: #ff6764;
    --red-400: #fa423e;
    --red-500: #e02e2a;
    --red-600: #ba2623;
    --red-700: #911e1b;
    --red-800: #6e1615;
    --red-900: #4d100e;
    --red-950: #280b0a;
    --red-1000: #1f0909;
    --red-a25: #fa423e14;
    --red-a50: #fa423e29;
    --red-a75: #fa423e4c;
    --red-a100: #fa423e7a;
    --red-a200: #fa423ea3;
    --red-a300: #fa423ec9;
    --pink-25: #fff4f9;
    --pink-50: #ffe8f3;
    --pink-75: #ffd4e8;
    --pink-100: #ffbada;
    --pink-200: #ffa3ce;
    --pink-300: #ff8cc1;
    --pink-400: #ff66ad;
    --pink-500: #e04c91;
    --pink-600: #ba437a;
    --pink-700: #963c67;
    --pink-800: #6e2c4a;
    --pink-900: #4d1f34;
    --pink-950: #29101c;
    --pink-1000: #1a0a11;
    --pink-a25: #ff66ad14;
    --pink-a50: #ff66ad29;
    --pink-a75: #ff66ad47;
    --pink-a100: #ff66ad73;
    --pink-a200: #ff66ad99;
    --pink-a300: #ff66adc2;
    --yellow-25: #fffbed;
    --yellow-50: #fff6d9;
    --yellow-75: #ffeeb8;
    --yellow-100: #ffe48c;
    --yellow-200: #ffdb66;
    --yellow-300: #ffd240;
    --yellow-400: #ffc300;
    --yellow-500: #e0ac00;
    --yellow-600: #ba8e00;
    --yellow-700: #916f00;
    --yellow-800: #6e5400;
    --yellow-900: #4d3b00;
    --yellow-950: #261d00;
    --yellow-1000: #1a1400;
    --yellow-a25: #ffc30014;
    --yellow-a50: #ffc30026;
    --yellow-a75: #ffc30045;
    --yellow-a100: #ffc30073;
    --yellow-a200: #ffc30096;
    --yellow-a300: #ffc300bd;
  }
  html,
  .light,
  .dark .light {
    --interactive-bg-primary-default-context: var(
      --interactive-bg-primary-default
    );
    --interactive-bg-primary-hover-context: var(--interactive-bg-primary-hover);
    --interactive-bg-primary-press-context: var(--interactive-bg-primary-press);
    --interactive-bg-primary-inactive-context: var(
      --interactive-bg-primary-inactive
    );
    --interactive-bg-primary-selected-context: var(
      --interactive-bg-primary-selected
    );
    --interactive-bg-primary-inverted-context: var(--bg-primary-inverted);
    --interactive-border-primary-inverted-context: var(--bg-primary-inverted);
    --interactive-label-primary-context: var(
      --interactive-label-primary-default
    );
    --interactive-label-primary-inactive-context: var(
      --interactive-label-primary-inactive
    );
    --interactive-label-primary-inverted-context: var(--text-inverted);
    --interactive-icon-primary-context: var(--interactive-icon-primary-default);
    --interactive-icon-primary-inactive-context: var(
      --interactive-icon-primary-inactive
    );
    --interactive-icon-primary-inverted-context: var(--icon-inverted);
    --interactive-bg-danger-primary-default-context: var(--red-500);
    --interactive-bg-danger-primary-hover-context: var(--red-600);
    --interactive-bg-danger-primary-press-context: var(--red-500);
    --interactive-bg-danger-primary-inactive-context: #0d0d0d0f;
    --interactive-bg-danger-primary-selected-context: var(--red-500);
    --interactive-label-danger-primary-context: var(--white);
    --interactive-label-danger-primary-press-context: var(--white);
    --interactive-label-danger-primary-inactive-context: var(--gray-500);
    --interactive-icon-danger-primary-context: var(--white);
    --interactive-icon-danger-primary-press-context: var(--white);
    --interactive-icon-danger-primary-inactive-context: var(--gray-500);
    --interactive-bg-danger-soft-default-context: var(--red-50);
    --interactive-bg-danger-soft-hover-context: var(--red-75);
    --interactive-bg-danger-soft-press-context: var(--red-50);
    --interactive-bg-danger-soft-inactive-context: #0d0d0d0f;
    --interactive-bg-danger-soft-selected-context: var(--red-50);
    --interactive-label-danger-soft-context: var(--red-600);
    --interactive-label-danger-soft-press-context: var(--red-500);
    --interactive-label-danger-soft-inactive-context: var(--red-200);
    --interactive-icon-danger-soft-context: var(--red-600);
    --interactive-icon-danger-soft-press-context: var(--red-500);
    --interactive-icon-danger-soft-inactive-context: var(--red-200);
    --interactive-bg-danger-ghost-hover-context: var(--red-a50);
    --interactive-bg-danger-ghost-press-context: var(--red-a25);
    --interactive-bg-danger-ghost-selected-context: var(--red-a50);
    --interactive-label-danger-ghost-context: var(--red-500);
    --interactive-label-danger-ghost-press-context: var(--red-400);
    --interactive-label-danger-ghost-inactive-context: var(--gray-500);
    --interactive-icon-danger-ghost-context: var(--red-500);
    --interactive-icon-danger-ghost-press-context: var(--red-400);
    --interactive-icon-danger-ghost-inactive-context: var(--gray-500);
    --interactive-outline-focus-primary: var(--interactive-focus-ring-primary);
    --interactive-outline-focus-secondary: var(
      --interactive-focus-ring-secondary
    );
    --interactive-outline-focus-danger: var(--interactive-focus-ring-danger);
    --interactive-button-outline-focus-primary: var(
      --interactive-outline-focus-primary
    );
    --interactive-button-outline-focus-secondary: var(
      --interactive-outline-focus-secondary
    );
    --interactive-button-outline-focus-destructive: var(
      --interactive-outline-focus-danger
    );
    --interactive-button-outline-focus-sec-destructive: var(
      --interactive-outline-focus-danger
    );
    --interactive-button-outline-focus-danger-soft: var(
      --interactive-outline-focus-danger
    );
    --interactive-button-outline-focus-danger-ghost: var(
      --interactive-outline-focus-danger
    );
    --interactive-button-bg-default-secondary: var(
      --interactive-bg-secondary-default
    );
    --interactive-button-bg-hover-secondary: var(
      --interactive-bg-secondary-hover
    );
    --interactive-button-bg-press-secondary: var(
      --interactive-bg-secondary-press
    );
    --interactive-button-bg-inactive-secondary: var(
      --interactive-bg-secondary-inactive
    );
    --interactive-button-bg-selected-secondary: var(
      --interactive-bg-secondary-selected
    );
    --interactive-button-border-default-secondary: var(
      --interactive-border-secondary-default
    );
    --interactive-button-border-hover-secondary: var(
      --interactive-border-secondary-hover
    );
    --interactive-button-border-press-secondary: var(
      --interactive-border-secondary-press
    );
    --interactive-button-border-inactive-secondary: var(
      --interactive-border-secondary-inactive
    );
    --interactive-button-border-selected-secondary: var(
      --interactive-border-secondary-default
    );
    --interactive-button-label-default-secondary: var(
      --interactive-label-secondary-default
    );
    --interactive-button-label-hover-secondary: var(
      --interactive-label-secondary-hover
    );
    --interactive-button-label-press-secondary: var(
      --interactive-label-secondary-press
    );
    --interactive-button-label-inactive-secondary: var(
      --interactive-label-secondary-inactive
    );
    --interactive-button-label-selected-secondary: var(
      --interactive-label-secondary-selected
    );
    --interactive-button-icon-default-secondary: var(
      --interactive-icon-secondary-default
    );
    --interactive-button-icon-hover-secondary: var(
      --interactive-icon-secondary-hover
    );
    --interactive-button-icon-press-secondary: var(
      --interactive-icon-secondary-press
    );
    --interactive-button-icon-inactive-secondary: var(
      --interactive-icon-secondary-inactive
    );
    --interactive-button-icon-selected-secondary: var(
      --interactive-icon-secondary-selected
    );
    --interactive-button-bg-default-danger-soft: var(
      --interactive-bg-danger-soft-default-context
    );
    --interactive-button-bg-hover-danger-soft: var(
      --interactive-bg-danger-soft-hover-context
    );
    --interactive-button-bg-press-danger-soft: var(
      --interactive-bg-danger-soft-press-context
    );
    --interactive-button-bg-inactive-danger-soft: var(
      --interactive-bg-danger-soft-inactive-context
    );
    --interactive-button-bg-selected-danger-soft: var(
      --interactive-bg-danger-soft-selected-context
    );
    --interactive-button-border-default-danger-soft: transparent;
    --interactive-button-border-hover-danger-soft: transparent;
    --interactive-button-border-press-danger-soft: transparent;
    --interactive-button-border-inactive-danger-soft: transparent;
    --interactive-button-border-selected-danger-soft: transparent;
    --interactive-button-label-default-danger-soft: var(
      --interactive-label-danger-soft-context
    );
    --interactive-button-label-hover-danger-soft: var(
      --interactive-label-danger-soft-context
    );
    --interactive-button-label-press-danger-soft: var(
      --interactive-label-danger-soft-context
    );
    --interactive-button-label-inactive-danger-soft: var(
      --interactive-label-danger-soft-inactive-context
    );
    --interactive-button-label-selected-danger-soft: var(
      --interactive-label-danger-soft-context
    );
    --interactive-button-icon-default-danger-soft: var(
      --interactive-icon-danger-soft-context
    );
    --interactive-button-icon-hover-danger-soft: var(
      --interactive-icon-danger-soft-context
    );
    --interactive-button-icon-press-danger-soft: var(
      --interactive-icon-danger-soft-context
    );
    --interactive-button-icon-inactive-danger-soft: var(
      --interactive-icon-danger-soft-inactive-context
    );
    --interactive-button-icon-selected-danger-soft: var(
      --interactive-icon-danger-soft-context
    );
  }
  .dark {
    --interactive-bg-primary-default-context: var(
      --interactive-bg-primary-default
    );
    --interactive-bg-primary-hover-context: var(--interactive-bg-primary-hover);
    --interactive-bg-primary-press-context: var(--interactive-bg-primary-press);
    --interactive-bg-primary-inactive-context: var(
      --interactive-bg-primary-inactive
    );
    --interactive-bg-primary-selected-context: var(
      --interactive-bg-primary-selected
    );
    --interactive-bg-primary-inverted-context: var(--bg-primary-inverted);
    --interactive-border-primary-inverted-context: var(--bg-primary-inverted);
    --interactive-label-primary-context: var(
      --interactive-label-primary-default
    );
    --interactive-label-primary-inactive-context: var(
      --interactive-label-primary-inactive
    );
    --interactive-label-primary-inverted-context: var(--text-inverted);
    --interactive-icon-primary-context: var(--interactive-icon-primary-default);
    --interactive-icon-primary-inactive-context: var(
      --interactive-icon-primary-inactive
    );
    --interactive-icon-primary-inverted-context: var(--icon-inverted);
    --interactive-bg-danger-primary-default-context: var(--red-500);
    --interactive-bg-danger-primary-hover-context: var(--red-600);
    --interactive-bg-danger-primary-press-context: var(--red-500);
    --interactive-bg-danger-primary-inactive-context: #ffffff0f;
    --interactive-bg-danger-primary-selected-context: var(--red-500);
    --interactive-label-danger-primary-context: var(--white);
    --interactive-label-danger-primary-press-context: var(--white);
    --interactive-label-danger-primary-inactive-context: var(--gray-500);
    --interactive-icon-danger-primary-context: var(--white);
    --interactive-icon-danger-primary-press-context: var(--white);
    --interactive-icon-danger-primary-inactive-context: var(--gray-500);
    --interactive-bg-danger-soft-default-context: var(--red-a50);
    --interactive-bg-danger-soft-hover-context: var(--red-a75);
    --interactive-bg-danger-soft-press-context: var(--red-a50);
    --interactive-bg-danger-soft-inactive-context: #ffffff0f;
    --interactive-bg-danger-soft-selected-context: var(--red-a50);
    --interactive-label-danger-soft-context: var(--red-300);
    --interactive-label-danger-soft-press-context: var(--red-200);
    --interactive-label-danger-soft-inactive-context: var(--red-100);
    --interactive-icon-danger-soft-context: var(--red-300);
    --interactive-icon-danger-soft-press-context: var(--red-200);
    --interactive-icon-danger-soft-inactive-context: var(--red-100);
    --interactive-bg-danger-ghost-hover-context: var(--red-a50);
    --interactive-bg-danger-ghost-press-context: var(--red-a25);
    --interactive-bg-danger-ghost-selected-context: var(--red-a50);
    --interactive-label-danger-ghost-context: var(--red-400);
    --interactive-label-danger-ghost-press-context: var(--red-300);
    --interactive-label-danger-ghost-inactive-context: var(--gray-500);
    --interactive-icon-danger-ghost-context: var(--red-400);
    --interactive-icon-danger-ghost-press-context: var(--red-300);
    --interactive-icon-danger-ghost-inactive-context: var(--gray-500);
    --interactive-outline-focus-primary: var(--interactive-focus-ring-primary);
    --interactive-outline-focus-secondary: var(
      --interactive-focus-ring-secondary
    );
    --interactive-outline-focus-danger: var(--interactive-focus-ring-danger);
    --interactive-button-outline-focus-primary: var(
      --interactive-outline-focus-primary
    );
    --interactive-button-outline-focus-secondary: var(
      --interactive-outline-focus-secondary
    );
    --interactive-button-outline-focus-destructive: var(
      --interactive-outline-focus-danger
    );
    --interactive-button-outline-focus-sec-destructive: var(
      --interactive-outline-focus-danger
    );
    --interactive-button-outline-focus-danger-soft: var(
      --interactive-outline-focus-danger
    );
    --interactive-button-outline-focus-danger-ghost: var(
      --interactive-outline-focus-danger
    );
    --interactive-button-bg-default-secondary: var(
      --interactive-bg-secondary-default
    );
    --interactive-button-bg-hover-secondary: var(
      --interactive-bg-secondary-hover
    );
    --interactive-button-bg-press-secondary: var(
      --interactive-bg-secondary-press
    );
    --interactive-button-bg-inactive-secondary: var(
      --interactive-bg-secondary-inactive
    );
    --interactive-button-bg-selected-secondary: var(
      --interactive-bg-secondary-selected
    );
    --interactive-button-border-default-secondary: var(
      --interactive-border-secondary-default
    );
    --interactive-button-border-hover-secondary: var(
      --interactive-border-secondary-hover
    );
    --interactive-button-border-press-secondary: var(
      --interactive-border-secondary-press
    );
    --interactive-button-border-inactive-secondary: var(
      --interactive-border-secondary-inactive
    );
    --interactive-button-border-selected-secondary: var(
      --interactive-border-secondary-default
    );
    --interactive-button-label-default-secondary: var(
      --interactive-label-secondary-default
    );
    --interactive-button-label-hover-secondary: var(
      --interactive-label-secondary-hover
    );
    --interactive-button-label-press-secondary: var(
      --interactive-label-secondary-press
    );
    --interactive-button-label-inactive-secondary: var(
      --interactive-label-secondary-inactive
    );
    --interactive-button-label-selected-secondary: var(
      --interactive-label-secondary-selected
    );
    --interactive-button-icon-default-secondary: var(
      --interactive-icon-secondary-default
    );
    --interactive-button-icon-hover-secondary: var(
      --interactive-icon-secondary-hover
    );
    --interactive-button-icon-press-secondary: var(
      --interactive-icon-secondary-press
    );
    --interactive-button-icon-inactive-secondary: var(
      --interactive-icon-secondary-inactive
    );
    --interactive-button-icon-selected-secondary: var(
      --interactive-icon-secondary-selected
    );
    --interactive-button-bg-default-danger-soft: var(
      --interactive-bg-danger-soft-default-context
    );
    --interactive-button-bg-hover-danger-soft: var(
      --interactive-bg-danger-soft-hover-context
    );
    --interactive-button-bg-press-danger-soft: var(
      --interactive-bg-danger-soft-press-context
    );
    --interactive-button-bg-inactive-danger-soft: var(
      --interactive-bg-danger-soft-inactive-context
    );
    --interactive-button-bg-selected-danger-soft: var(
      --interactive-bg-danger-soft-selected-context
    );
    --interactive-button-border-default-danger-soft: transparent;
    --interactive-button-border-hover-danger-soft: transparent;
    --interactive-button-border-press-danger-soft: transparent;
    --interactive-button-border-inactive-danger-soft: transparent;
    --interactive-button-border-selected-danger-soft: transparent;
    --interactive-button-label-default-danger-soft: var(
      --interactive-label-danger-soft-context
    );
    --interactive-button-label-hover-danger-soft: var(
      --interactive-label-danger-soft-context
    );
    --interactive-button-label-press-danger-soft: var(
      --interactive-label-danger-soft-context
    );
    --interactive-button-label-inactive-danger-soft: var(
      --interactive-label-danger-soft-inactive-context
    );
    --interactive-button-label-selected-danger-soft: var(
      --interactive-label-danger-soft-context
    );
    --interactive-button-icon-default-danger-soft: var(
      --interactive-icon-danger-soft-context
    );
    --interactive-button-icon-hover-danger-soft: var(
      --interactive-icon-danger-soft-context
    );
    --interactive-button-icon-press-danger-soft: var(
      --interactive-icon-danger-soft-context
    );
    --interactive-button-icon-inactive-danger-soft: var(
      --interactive-icon-danger-soft-inactive-context
    );
    --interactive-button-icon-selected-danger-soft: var(
      --interactive-icon-danger-soft-context
    );
  }
  html,
  .light,
  .dark .light,
  .dark {
    --interactive-bg-default-primary: var(
      --interactive-bg-primary-default-context
    );
    --interactive-bg-default-secondary: var(--interactive-bg-secondary-default);
    --interactive-bg-default-accent: var(--interactive-bg-accent-default);
    --interactive-bg-default-control: var(--interactive-bg-control-default);
    --interactive-bg-default-primary-inverted: var(
      --interactive-bg-primary-inverted-context
    );
    --interactive-bg-default-danger-primary: var(
      --interactive-bg-danger-primary-default-context
    );
    --interactive-bg-default-danger-secondary: var(
      --interactive-bg-danger-secondary-default
    );
    --interactive-bg-default-danger-soft: var(
      --interactive-bg-danger-soft-default-context
    );
    --interactive-bg-default-danger-ghost: transparent;
    --interactive-bg-hover-primary: var(--interactive-bg-primary-hover-context);
    --interactive-bg-hover-secondary: var(--interactive-bg-secondary-hover);
    --interactive-bg-hover-accent: var(--interactive-bg-accent-hover);
    --interactive-bg-hover-primary-inverted: var(
      --interactive-bg-primary-inverted-context
    );
    --interactive-bg-hover-danger-primary: var(
      --interactive-bg-danger-primary-hover-context
    );
    --interactive-bg-hover-danger-secondary: var(
      --interactive-bg-danger-secondary-hover
    );
    --interactive-bg-hover-danger-soft: var(
      --interactive-bg-danger-soft-hover-context
    );
    --interactive-bg-hover-danger-ghost: var(
      --interactive-bg-danger-ghost-hover-context
    );
    --interactive-bg-press-primary: var(--interactive-bg-primary-press-context);
    --interactive-bg-press-secondary: var(--interactive-bg-secondary-press);
    --interactive-bg-press-accent: var(--interactive-bg-accent-press);
    --interactive-bg-press-primary-inverted: var(
      --interactive-bg-primary-inverted-context
    );
    --interactive-bg-press-danger-primary: var(
      --interactive-bg-danger-primary-press-context
    );
    --interactive-bg-press-danger-secondary: var(
      --interactive-bg-danger-secondary-press
    );
    --interactive-bg-press-danger-soft: var(
      --interactive-bg-danger-soft-press-context
    );
    --interactive-bg-press-danger-ghost: var(
      --interactive-bg-danger-ghost-press-context
    );
    --interactive-bg-inactive-primary: var(
      --interactive-bg-primary-inactive-context
    );
    --interactive-bg-inactive-secondary: var(
      --interactive-bg-secondary-inactive
    );
    --interactive-bg-inactive-accent: var(--interactive-bg-accent-inactive);
    --interactive-bg-inactive-primary-inverted: var(
      --interactive-bg-primary-inverted-context
    );
    --interactive-bg-inactive-danger-primary: var(
      --interactive-bg-danger-primary-inactive-context
    );
    --interactive-bg-inactive-danger-secondary: var(
      --interactive-bg-danger-secondary-inactive
    );
    --interactive-bg-inactive-danger-soft: var(
      --interactive-bg-danger-soft-inactive-context
    );
    --interactive-bg-inactive-danger-ghost: transparent;
    --interactive-bg-selected-primary: var(
      --interactive-bg-primary-selected-context
    );
    --interactive-bg-selected-secondary: var(
      --interactive-bg-secondary-selected
    );
    --interactive-bg-selected-accent: var(--interactive-bg-accent-default);
    --interactive-bg-selected-primary-inverted: var(
      --interactive-bg-primary-inverted-context
    );
    --interactive-bg-selected-danger-primary: var(
      --interactive-bg-danger-primary-selected-context
    );
    --interactive-bg-selected-danger-secondary: var(
      --interactive-bg-danger-secondary-default
    );
    --interactive-bg-selected-danger-soft: var(
      --interactive-bg-danger-soft-selected-context
    );
    --interactive-bg-selected-danger-ghost: var(
      --interactive-bg-danger-ghost-selected-context
    );
    --interactive-button-bg-default-primary: var(
      --interactive-bg-default-primary
    );
    --interactive-button-bg-default-secondary: var(
      --interactive-bg-secondary-default
    );
    --interactive-button-bg-default-destructive: var(
      --interactive-bg-default-danger-primary
    );
    --interactive-button-bg-default-sec-destructive: var(
      --interactive-bg-default-danger-secondary
    );
    --interactive-button-bg-default-danger-soft: var(
      --interactive-bg-default-danger-soft
    );
    --interactive-button-bg-default-danger-ghost: var(
      --interactive-bg-default-danger-ghost
    );
    --interactive-button-bg-hover-primary: var(--interactive-bg-hover-primary);
    --interactive-button-bg-hover-secondary: var(
      --interactive-bg-secondary-hover
    );
    --interactive-button-bg-hover-destructive: var(
      --interactive-bg-hover-danger-primary
    );
    --interactive-button-bg-hover-sec-destructive: var(
      --interactive-bg-hover-danger-secondary
    );
    --interactive-button-bg-hover-danger-soft: var(
      --interactive-bg-hover-danger-soft
    );
    --interactive-button-bg-hover-danger-ghost: var(
      --interactive-bg-hover-danger-ghost
    );
    --interactive-button-bg-press-primary: var(--interactive-bg-press-primary);
    --interactive-button-bg-press-secondary: var(
      --interactive-bg-secondary-press
    );
    --interactive-button-bg-press-destructive: var(
      --interactive-bg-press-danger-primary
    );
    --interactive-button-bg-press-sec-destructive: var(
      --interactive-bg-press-danger-secondary
    );
    --interactive-button-bg-press-danger-soft: var(
      --interactive-bg-press-danger-soft
    );
    --interactive-button-bg-press-danger-ghost: var(
      --interactive-bg-press-danger-ghost
    );
    --interactive-button-bg-inactive-primary: var(
      --interactive-bg-inactive-primary
    );
    --interactive-button-bg-inactive-secondary: var(
      --interactive-bg-secondary-inactive
    );
    --interactive-button-bg-inactive-destructive: var(
      --interactive-bg-inactive-danger-primary
    );
    --interactive-button-bg-inactive-sec-destructive: var(
      --interactive-bg-inactive-danger-secondary
    );
    --interactive-button-bg-inactive-danger-soft: var(
      --interactive-bg-inactive-danger-soft
    );
    --interactive-button-bg-inactive-danger-ghost: var(
      --interactive-bg-inactive-danger-ghost
    );
    --interactive-button-bg-selected-primary: var(
      --interactive-bg-selected-primary
    );
    --interactive-button-bg-selected-secondary: var(
      --interactive-bg-secondary-selected
    );
    --interactive-button-bg-selected-destructive: var(
      --interactive-bg-selected-danger-primary
    );
    --interactive-button-bg-selected-sec-destructive: var(
      --interactive-bg-selected-danger-secondary
    );
    --interactive-button-bg-selected-danger-soft: var(
      --interactive-bg-selected-danger-soft
    );
    --interactive-button-bg-selected-danger-ghost: var(
      --interactive-bg-selected-danger-ghost
    );
    --interactive-border-default-secondary: var(
      --interactive-border-secondary-default
    );
    --interactive-border-default-primary-inverted: var(
      --interactive-border-primary-inverted-context
    );
    --interactive-border-default-tertiary: var(
      --interactive-border-tertiary-default
    );
    --interactive-border-default-danger-secondary: var(
      --interactive-border-danger-secondary-default
    );
    --interactive-border-default-danger-soft: transparent;
    --interactive-border-hover-secondary: var(
      --interactive-border-secondary-hover
    );
    --interactive-border-hover-primary-inverted: var(
      --interactive-border-primary-inverted-context
    );
    --interactive-border-hover-tertiary: var(
      --interactive-border-tertiary-hover
    );
    --interactive-border-hover-danger-secondary: var(
      --interactive-border-danger-secondary-hover
    );
    --interactive-border-hover-danger-soft: transparent;
    --interactive-border-press-secondary: var(
      --interactive-border-secondary-press
    );
    --interactive-border-press-primary-inverted: var(
      --interactive-border-primary-inverted-context
    );
    --interactive-border-press-tertiary: var(
      --interactive-border-tertiary-press
    );
    --interactive-border-press-danger-secondary: var(
      --interactive-border-danger-secondary-press
    );
    --interactive-border-press-danger-soft: transparent;
    --interactive-border-inactive-secondary: var(
      --interactive-border-secondary-inactive
    );
    --interactive-border-inactive-primary-inverted: var(
      --interactive-border-primary-inverted-context
    );
    --interactive-border-inactive-tertiary: var(
      --interactive-border-tertiary-inactive
    );
    --interactive-border-inactive-danger-secondary: var(
      --interactive-border-danger-secondary-inactive
    );
    --interactive-border-inactive-danger-soft: transparent;
    --interactive-border-selected-secondary: var(
      --interactive-border-secondary-default
    );
    --interactive-border-selected-primary-inverted: var(
      --interactive-border-primary-inverted-context
    );
    --interactive-border-selected-tertiary: var(
      --interactive-border-tertiary-default
    );
    --interactive-border-selected-danger-secondary: var(
      --interactive-border-danger-secondary-default
    );
    --interactive-border-selected-danger-soft: transparent;
    --interactive-button-border-default-primary: transparent;
    --interactive-button-border-default-secondary: var(
      --interactive-border-secondary-default
    );
    --interactive-button-border-default-destructive: transparent;
    --interactive-button-border-default-sec-destructive: var(
      --interactive-border-danger-secondary-default
    );
    --interactive-button-border-default-danger-soft: var(
      --interactive-border-default-danger-soft
    );
    --interactive-button-border-default-danger-ghost: transparent;
    --interactive-button-border-hover-primary: transparent;
    --interactive-button-border-hover-secondary: var(
      --interactive-border-secondary-hover
    );
    --interactive-button-border-hover-destructive: transparent;
    --interactive-button-border-hover-sec-destructive: var(
      --interactive-border-danger-secondary-hover
    );
    --interactive-button-border-hover-danger-soft: var(
      --interactive-border-hover-danger-soft
    );
    --interactive-button-border-hover-danger-ghost: transparent;
    --interactive-button-border-press-primary: transparent;
    --interactive-button-border-press-secondary: var(
      --interactive-border-secondary-press
    );
    --interactive-button-border-press-destructive: transparent;
    --interactive-button-border-press-sec-destructive: var(
      --interactive-border-danger-secondary-press
    );
    --interactive-button-border-press-danger-soft: var(
      --interactive-border-press-danger-soft
    );
    --interactive-button-border-press-danger-ghost: transparent;
    --interactive-button-border-inactive-primary: transparent;
    --interactive-button-border-inactive-secondary: var(
      --interactive-border-secondary-inactive
    );
    --interactive-button-border-inactive-destructive: transparent;
    --interactive-button-border-inactive-sec-destructive: var(
      --interactive-border-danger-secondary-inactive
    );
    --interactive-button-border-inactive-danger-soft: var(
      --interactive-border-inactive-danger-soft
    );
    --interactive-button-border-inactive-danger-ghost: transparent;
    --interactive-button-border-selected-primary: transparent;
    --interactive-button-border-selected-secondary: var(
      --interactive-border-secondary-default
    );
    --interactive-button-border-selected-destructive: transparent;
    --interactive-button-border-selected-sec-destructive: var(
      --interactive-border-danger-secondary-default
    );
    --interactive-button-border-selected-danger-soft: var(
      --interactive-border-selected-danger-soft
    );
    --interactive-button-border-selected-danger-ghost: transparent;
    --interactive-label-default-primary: var(
      --interactive-label-primary-context
    );
    --interactive-label-default-secondary: var(
      --interactive-label-secondary-default
    );
    --interactive-label-default-primary-inverted: var(
      --interactive-label-primary-inverted-context
    );
    --interactive-label-default-tertiary: var(
      --interactive-label-tertiary-default
    );
    --interactive-label-default-accent: var(--interactive-label-accent-default);
    --interactive-label-default-danger-primary: var(
      --interactive-label-danger-primary-context
    );
    --interactive-label-default-danger-secondary: var(
      --interactive-label-danger-secondary-default
    );
    --interactive-label-default-danger-soft: var(
      --interactive-label-danger-soft-context
    );
    --interactive-label-default-danger-ghost: var(
      --interactive-label-danger-ghost-context
    );
    --interactive-label-hover-primary: var(--interactive-label-primary-context);
    --interactive-label-hover-secondary: var(
      --interactive-label-secondary-hover
    );
    --interactive-label-hover-primary-inverted: var(
      --interactive-label-primary-inverted-context
    );
    --interactive-label-hover-tertiary: var(--interactive-label-tertiary-hover);
    --interactive-label-hover-accent: var(--interactive-label-accent-hover);
    --interactive-label-hover-danger-primary: var(
      --interactive-label-danger-primary-context
    );
    --interactive-label-hover-danger-secondary: var(
      --interactive-label-danger-secondary-hover
    );
    --interactive-label-hover-danger-soft: var(
      --interactive-label-default-danger-soft
    );
    --interactive-label-hover-danger-ghost: var(
      --interactive-label-danger-ghost-context
    );
    --interactive-label-press-primary: var(--interactive-label-primary-context);
    --interactive-label-press-secondary: var(
      --interactive-label-secondary-press
    );
    --interactive-label-press-primary-inverted: var(
      --interactive-label-primary-inverted-context
    );
    --interactive-label-press-tertiary: var(--interactive-label-tertiary-press);
    --interactive-label-press-accent: var(--interactive-label-accent-press);
    --interactive-label-press-danger-primary: var(
      --interactive-label-danger-primary-press-context
    );
    --interactive-label-press-danger-secondary: var(
      --interactive-label-danger-secondary-press
    );
    --interactive-label-press-danger-soft: var(
      --interactive-label-danger-soft-press-context
    );
    --interactive-label-press-danger-ghost: var(
      --interactive-label-danger-ghost-press-context
    );
    --interactive-label-inactive-primary: var(
      --interactive-label-primary-inactive-context
    );
    --interactive-label-inactive-primary-inverted: var(
      --interactive-label-primary-inverted-context
    );
    --interactive-label-inactive-secondary: var(
      --interactive-label-secondary-inactive
    );
    --interactive-label-inactive-tertiary: var(
      --interactive-label-tertiary-inactive
    );
    --interactive-label-inactive-accent: var(
      --interactive-label-accent-inactive
    );
    --interactive-label-inactive-danger-primary: var(
      --interactive-label-danger-primary-inactive-context
    );
    --interactive-label-inactive-danger-secondary: var(
      --interactive-label-danger-secondary-inactive
    );
    --interactive-label-inactive-danger-soft: var(
      --interactive-label-danger-soft-inactive-context
    );
    --interactive-label-inactive-danger-ghost: var(
      --interactive-label-danger-ghost-inactive-context
    );
    --interactive-label-selected-primary: var(
      --interactive-label-primary-context
    );
    --interactive-label-selected-primary-inverted: var(
      --interactive-label-primary-inverted-context
    );
    --interactive-label-selected-secondary: var(
      --interactive-label-secondary-selected
    );
    --interactive-label-selected-tertiary: var(
      --interactive-label-tertiary-selected
    );
    --interactive-label-selected-accent: var(
      --interactive-label-accent-selected
    );
    --interactive-label-selected-danger-primary: var(
      --interactive-label-danger-primary-context
    );
    --interactive-label-selected-danger-secondary: var(
      --interactive-label-danger-secondary-default
    );
    --interactive-label-selected-danger-soft: var(
      --interactive-label-default-danger-soft
    );
    --interactive-label-selected-danger-ghost: var(
      --interactive-label-danger-ghost-context
    );
    --interactive-button-label-default-primary: var(
      --interactive-label-default-primary
    );
    --interactive-button-label-default-secondary: var(
      --interactive-label-secondary-default
    );
    --interactive-button-label-default-destructive: var(
      --interactive-label-default-danger-primary
    );
    --interactive-button-label-default-sec-destructive: var(
      --interactive-label-default-danger-secondary
    );
    --interactive-button-label-default-danger-soft: var(
      --interactive-label-default-danger-soft
    );
    --interactive-button-label-default-danger-ghost: var(
      --interactive-label-default-danger-ghost
    );
    --interactive-button-label-hover-primary: var(
      --interactive-label-hover-primary
    );
    --interactive-button-label-hover-secondary: var(
      --interactive-label-secondary-hover
    );
    --interactive-button-label-hover-destructive: var(
      --interactive-label-hover-danger-primary
    );
    --interactive-button-label-hover-sec-destructive: var(
      --interactive-label-hover-danger-secondary
    );
    --interactive-button-label-hover-danger-soft: var(
      --interactive-label-hover-danger-soft
    );
    --interactive-button-label-hover-danger-ghost: var(
      --interactive-label-hover-danger-ghost
    );
    --interactive-button-label-press-primary: var(
      --interactive-label-press-primary
    );
    --interactive-button-label-press-secondary: var(
      --interactive-label-secondary-press
    );
    --interactive-button-label-press-destructive: var(
      --interactive-label-press-danger-primary
    );
    --interactive-button-label-press-sec-destructive: var(
      --interactive-label-press-danger-secondary
    );
    --interactive-button-label-press-danger-soft: var(
      --interactive-label-press-danger-soft
    );
    --interactive-button-label-press-danger-ghost: var(
      --interactive-label-press-danger-ghost
    );
    --interactive-button-label-inactive-primary: var(
      --interactive-label-inactive-primary
    );
    --interactive-button-label-inactive-secondary: var(
      --interactive-label-secondary-inactive
    );
    --interactive-button-label-inactive-destructive: var(
      --interactive-label-inactive-danger-primary
    );
    --interactive-button-label-inactive-sec-destructive: var(
      --interactive-label-inactive-danger-secondary
    );
    --interactive-button-label-inactive-danger-soft: var(
      --interactive-label-inactive-danger-soft
    );
    --interactive-button-label-inactive-danger-ghost: var(
      --interactive-label-inactive-danger-ghost
    );
    --interactive-button-label-selected-primary: var(
      --interactive-label-selected-primary
    );
    --interactive-button-label-selected-secondary: var(
      --interactive-label-secondary-selected
    );
    --interactive-button-label-selected-destructive: var(
      --interactive-label-selected-danger-primary
    );
    --interactive-button-label-selected-sec-destructive: var(
      --interactive-label-selected-danger-secondary
    );
    --interactive-button-label-selected-danger-soft: var(
      --interactive-label-selected-danger-soft
    );
    --interactive-button-label-selected-danger-ghost: var(
      --interactive-label-selected-danger-ghost
    );
    --interactive-icon-default-primary: var(--interactive-icon-primary-context);
    --interactive-icon-default-secondary: var(
      --interactive-icon-secondary-default
    );
    --interactive-icon-default-primary-inverted: var(
      --interactive-icon-primary-inverted-context
    );
    --interactive-icon-default-tertiary: var(
      --interactive-icon-tertiary-default
    );
    --interactive-icon-default-accent: var(--interactive-icon-accent-default);
    --interactive-icon-default-danger-primary: var(
      --interactive-icon-danger-primary-context
    );
    --interactive-icon-default-danger-secondary: var(
      --interactive-icon-danger-secondary-default
    );
    --interactive-icon-default-danger-soft: var(
      --interactive-icon-danger-soft-context
    );
    --interactive-icon-default-danger-ghost: var(
      --interactive-icon-danger-ghost-context
    );
    --interactive-icon-hover-primary: var(--interactive-icon-primary-context);
    --interactive-icon-hover-secondary: var(--interactive-icon-secondary-hover);
    --interactive-icon-hover-primary-inverted: var(
      --interactive-icon-primary-inverted-context
    );
    --interactive-icon-hover-tertiary: var(--interactive-icon-tertiary-hover);
    --interactive-icon-hover-accent: var(--interactive-icon-accent-hover);
    --interactive-icon-hover-danger-primary: var(
      --interactive-icon-danger-primary-context
    );
    --interactive-icon-hover-danger-secondary: var(
      --interactive-icon-danger-secondary-hover
    );
    --interactive-icon-hover-danger-soft: var(
      --interactive-icon-default-danger-soft
    );
    --interactive-icon-hover-danger-ghost: var(
      --interactive-icon-danger-ghost-context
    );
    --interactive-icon-press-primary: var(--interactive-icon-primary-context);
    --interactive-icon-press-secondary: var(--interactive-icon-secondary-press);
    --interactive-icon-press-primary-inverted: var(
      --interactive-icon-primary-inverted-context
    );
    --interactive-icon-press-tertiary: var(--interactive-icon-tertiary-press);
    --interactive-icon-press-accent: var(--interactive-icon-accent-press);
    --interactive-icon-press-danger-primary: var(
      --interactive-icon-danger-primary-press-context
    );
    --interactive-icon-press-danger-secondary: var(
      --interactive-icon-danger-secondary-press
    );
    --interactive-icon-press-danger-soft: var(
      --interactive-icon-danger-soft-press-context
    );
    --interactive-icon-press-danger-ghost: var(
      --interactive-icon-danger-ghost-press-context
    );
    --interactive-icon-inactive-primary: var(
      --interactive-icon-primary-inactive-context
    );
    --interactive-icon-inactive-primary-inverted: var(
      --interactive-icon-primary-inverted-context
    );
    --interactive-icon-inactive-secondary: var(
      --interactive-icon-secondary-inactive
    );
    --interactive-icon-inactive-tertiary: var(
      --interactive-icon-tertiary-inactive
    );
    --interactive-icon-inactive-accent: var(--interactive-icon-accent-inactive);
    --interactive-icon-inactive-danger-primary: var(
      --interactive-icon-danger-primary-inactive-context
    );
    --interactive-icon-inactive-danger-secondary: var(
      --interactive-icon-danger-secondary-inactive
    );
    --interactive-icon-inactive-danger-soft: var(
      --interactive-icon-danger-soft-inactive-context
    );
    --interactive-icon-inactive-danger-ghost: var(
      --interactive-icon-danger-ghost-inactive-context
    );
    --interactive-icon-selected-primary: var(
      --interactive-icon-primary-context
    );
    --interactive-icon-selected-primary-inverted: var(
      --interactive-icon-primary-inverted-context
    );
    --interactive-icon-selected-secondary: var(
      --interactive-icon-secondary-selected
    );
    --interactive-icon-selected-tertiary: var(
      --interactive-icon-tertiary-selected
    );
    --interactive-icon-selected-accent: var(--interactive-icon-accent-selected);
    --interactive-icon-selected-danger-primary: var(
      --interactive-icon-danger-primary-context
    );
    --interactive-icon-selected-danger-secondary: var(
      --interactive-icon-danger-secondary-default
    );
    --interactive-icon-selected-danger-soft: var(
      --interactive-icon-default-danger-soft
    );
    --interactive-icon-selected-danger-ghost: var(
      --interactive-icon-danger-ghost-context
    );
    --interactive-button-icon-default-primary: var(
      --interactive-icon-default-primary
    );
    --interactive-button-icon-default-secondary: var(
      --interactive-icon-secondary-default
    );
    --interactive-button-icon-default-destructive: var(
      --interactive-icon-default-danger-primary
    );
    --interactive-button-icon-default-sec-destructive: var(
      --interactive-icon-default-danger-secondary
    );
    --interactive-button-icon-default-danger-soft: var(
      --interactive-icon-default-danger-soft
    );
    --interactive-button-icon-default-danger-ghost: var(
      --interactive-icon-default-danger-ghost
    );
    --interactive-button-icon-hover-primary: var(
      --interactive-icon-hover-primary
    );
    --interactive-button-icon-hover-secondary: var(
      --interactive-icon-secondary-hover
    );
    --interactive-button-icon-hover-destructive: var(
      --interactive-icon-hover-danger-primary
    );
    --interactive-button-icon-hover-sec-destructive: var(
      --interactive-icon-hover-danger-secondary
    );
    --interactive-button-icon-hover-danger-soft: var(
      --interactive-icon-hover-danger-soft
    );
    --interactive-button-icon-hover-danger-ghost: var(
      --interactive-icon-hover-danger-ghost
    );
    --interactive-button-icon-press-primary: var(
      --interactive-icon-press-primary
    );
    --interactive-button-icon-press-secondary: var(
      --interactive-icon-secondary-press
    );
    --interactive-button-icon-press-destructive: var(
      --interactive-icon-press-danger-primary
    );
    --interactive-button-icon-press-sec-destructive: var(
      --interactive-icon-press-danger-secondary
    );
    --interactive-button-icon-press-danger-soft: var(
      --interactive-icon-press-danger-soft
    );
    --interactive-button-icon-press-danger-ghost: var(
      --interactive-icon-press-danger-ghost
    );
    --interactive-button-icon-inactive-primary: var(
      --interactive-icon-inactive-primary
    );
    --interactive-button-icon-inactive-secondary: var(
      --interactive-icon-secondary-inactive
    );
    --interactive-button-icon-inactive-destructive: var(
      --interactive-icon-inactive-danger-primary
    );
    --interactive-button-icon-inactive-sec-destructive: var(
      --interactive-icon-inactive-danger-secondary
    );
    --interactive-button-icon-inactive-danger-soft: var(
      --interactive-icon-inactive-danger-soft
    );
    --interactive-button-icon-inactive-danger-ghost: var(
      --interactive-icon-inactive-danger-ghost
    );
    --interactive-button-icon-selected-primary: var(
      --interactive-icon-selected-primary
    );
    --interactive-button-icon-selected-secondary: var(
      --interactive-icon-secondary-selected
    );
    --interactive-button-icon-selected-destructive: var(
      --interactive-icon-selected-danger-primary
    );
    --interactive-button-icon-selected-sec-destructive: var(
      --interactive-icon-selected-danger-secondary
    );
    --interactive-button-icon-selected-danger-soft: var(
      --interactive-icon-selected-danger-soft
    );
    --interactive-button-icon-selected-danger-ghost: var(
      --interactive-icon-selected-danger-ghost
    );
  }
}
@layer base {
  *,
  :after,
  :before,
  ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }
  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }
  html,
  :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    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;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: 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 {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }
  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 {
    vertical-align: middle;
    display: block;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  button,
  input,
  select,
  optgroup,
  textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }
  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }
  :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)) {
      ::placeholder {
        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 {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }
  ::-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"]) {
    appearance: button;
  }
  ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button {
    height: auto;
  }
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
  html,
  .light,
  .dark .light {
    --text-quaternary: #00000030;
  }
  .dark {
    --text-quaternary: #ffffff69;
  }
  :root {
    --mkt-header-height: calc(16 * var(--spacing));
  }
  @media (pointer: coarse) {
    :root {
      --mkt-header-height: calc(18 * var(--spacing));
    }
  }
  *,
  :after,
  :before,
  ::backdrop {
    border-color: var(--border-light, currentColor);
  }
  ::file-selector-button {
    border-color: var(--border-light, currentColor);
  }
  button:not(:disabled),
  [role="button"]:not(:disabled) {
    cursor: pointer;
  }
  html,
  body {
    background-color: var(--bg-primary);
    color: var(--text-primary);
  }
  ::selection {
    background-color: var(--theme-user-selection-bg);
    text-shadow: none;
  }
  select:not([multiple]):where(:not([size]), [size="1"]),
  .form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239B9B9B' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
  }
  :root {
    --default-theme-user-msg-bg: var(--message-surface);
    --default-theme-user-msg-text: var(--text-primary);
    --default-theme-submit-btn-bg: #000;
    --default-theme-submit-btn-text: #fff;
    --default-theme-secondary-btn-bg: var(--gray-100);
    --default-theme-secondary-btn-text: var(--text-primary);
    --default-theme-user-selection-bg: var(--blue-300);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --default-theme-user-selection-bg: color-mix(
        in oklab,
        var(--blue-300) 35%,
        transparent
      );
    }
  }
  :root {
    --default-theme-attribution-highlight-bg: var(--yellow-75);
    --default-theme-entity-accent: var(--blue-500);
    --formatted-text-highlight-bg: #bae6fdb3;
    --blue-theme-user-msg-bg: var(--blue-50);
    --blue-theme-user-msg-text: var(--blue-900);
    --blue-theme-submit-btn-bg: var(--blue-400);
    --blue-theme-submit-btn-text: #fff;
    --blue-theme-secondary-btn-bg: var(--blue-50);
    --blue-theme-secondary-btn-text: var(--blue-900);
    --blue-theme-user-selection-bg: var(--blue-300);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --blue-theme-user-selection-bg: color-mix(
        in oklab,
        var(--blue-300) 35%,
        transparent
      );
    }
  }
  :root {
    --blue-theme-entity-accent: var(--blue-500);
    --green-theme-user-msg-bg: var(--green-50);
    --green-theme-user-msg-text: var(--green-900);
    --green-theme-submit-btn-bg: var(--green-400);
    --green-theme-submit-btn-text: #fff;
    --green-theme-secondary-btn-bg: var(--green-50);
    --green-theme-secondary-btn-text: var(--green-900);
    --green-theme-user-selection-bg: var(--green-300);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --green-theme-user-selection-bg: color-mix(
        in oklab,
        var(--green-300) 35%,
        transparent
      );
    }
  }
  :root {
    --green-theme-entity-accent: var(--green-500);
    --yellow-theme-user-msg-bg: var(--yellow-50);
    --yellow-theme-user-msg-text: var(--yellow-900);
    --yellow-theme-submit-btn-bg: var(--yellow-400);
    --yellow-theme-submit-btn-text: #fff;
    --yellow-theme-secondary-btn-bg: var(--yellow-50);
    --yellow-theme-secondary-btn-text: var(--yellow-900);
    --yellow-theme-user-selection-bg: var(--yellow-300);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --yellow-theme-user-selection-bg: color-mix(
        in oklab,
        var(--yellow-300) 35%,
        transparent
      );
    }
  }
  :root {
    --yellow-theme-entity-accent: var(--yellow-500);
    --purple-theme-user-msg-bg: var(--purple-50);
    --purple-theme-user-msg-text: var(--purple-900);
    --purple-theme-submit-btn-bg: var(--purple-400);
    --purple-theme-submit-btn-text: #fff;
    --purple-theme-secondary-btn-bg: var(--purple-50);
    --purple-theme-secondary-btn-text: var(--purple-900);
    --purple-theme-user-selection-bg: var(--purple-300);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --purple-theme-user-selection-bg: color-mix(
        in oklab,
        var(--purple-300) 35%,
        transparent
      );
    }
  }
  :root {
    --purple-theme-entity-accent: var(--purple-500);
    --pink-theme-user-msg-bg: var(--pink-50);
    --pink-theme-user-msg-text: var(--pink-900);
    --pink-theme-submit-btn-bg: var(--pink-400);
    --pink-theme-submit-btn-text: #fff;
    --pink-theme-secondary-btn-bg: var(--pink-50);
    --pink-theme-secondary-btn-text: var(--pink-900);
    --pink-theme-user-selection-bg: var(--pink-300);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --pink-theme-user-selection-bg: color-mix(
        in oklab,
        var(--pink-300) 35%,
        transparent
      );
    }
  }
  :root {
    --pink-theme-entity-accent: var(--pink-500);
    --orange-theme-user-msg-bg: var(--orange-50);
    --orange-theme-user-msg-text: var(--orange-900);
    --orange-theme-submit-btn-bg: var(--orange-400);
    --orange-theme-submit-btn-text: #fff;
    --orange-theme-secondary-btn-bg: var(--orange-50);
    --orange-theme-secondary-btn-text: var(--orange-900);
    --orange-theme-user-selection-bg: var(--orange-300);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --orange-theme-user-selection-bg: color-mix(
        in oklab,
        var(--orange-300) 35%,
        transparent
      );
    }
  }
  :root {
    --orange-theme-entity-accent: var(--orange-500);
    --black-theme-user-msg-bg: #000;
    --black-theme-user-msg-text: #fff;
    --black-theme-submit-btn-bg: #000;
    --black-theme-submit-btn-text: #fff;
    --black-theme-secondary-btn-bg: var(--gray-100);
    --black-theme-secondary-btn-text: var(--text-primary);
    --black-theme-user-selection-bg: var(--gray-300);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --black-theme-user-selection-bg: color-mix(
        in oklab,
        var(--gray-300) 40%,
        transparent
      );
    }
  }
  :root {
    --black-theme-entity-accent: var(--gray-500);
  }
  .dark,
  .light .dark {
    --default-theme-submit-btn-bg: #fff;
    --default-theme-submit-btn-text: #000;
    --default-theme-user-msg-text: var(--text-primary);
    --default-theme-secondary-btn-bg: var(--gray-700);
    --default-theme-secondary-btn-text: #fff;
    --default-theme-user-selection-bg: color-mix(
      in oklab,
      var(--blue-200) 40%,
      transparent
    );
    --default-theme-attribution-highlight-bg: var(--yellow-800);
    --formatted-text-highlight-bg: #0ea5e94d;
    --blue-theme-user-msg-bg: var(--blue-700);
    --blue-theme-user-msg-text: var(--blue-25);
    --blue-theme-submit-btn-bg: var(--blue-500);
    --blue-theme-secondary-btn-bg: var(--blue-600);
    --blue-theme-secondary-btn-text: var(--blue-25);
    --blue-theme-user-selection-bg: color-mix(
      in oklab,
      var(--blue-400) 60%,
      transparent
    );
    --default-theme-entity-accent: var(--blue-300);
    --green-theme-user-msg-bg: var(--green-700);
    --green-theme-user-msg-text: var(--green-25);
    --green-theme-submit-btn-bg: var(--green-500);
    --green-theme-secondary-btn-bg: var(--green-600);
    --green-theme-secondary-btn-text: var(--green-25);
    --green-theme-user-selection-bg: color-mix(
      in oklab,
      var(--green-400) 60%,
      transparent
    );
    --green-theme-entity-accent: var(--green-300);
    --yellow-theme-user-msg-bg: var(--yellow-700);
    --yellow-theme-user-msg-text: var(--yellow-25);
    --yellow-theme-submit-btn-bg: var(--yellow-500);
    --yellow-theme-secondary-btn-bg: var(--yellow-600);
    --yellow-theme-secondary-btn-text: var(--yellow-25);
    --yellow-theme-user-selection-bg: color-mix(
      in oklab,
      var(--yellow-400) 50%,
      transparent
    );
    --yellow-theme-entity-accent: var(--yellow-300);
    --purple-theme-user-msg-bg: var(--purple-700);
    --purple-theme-user-msg-text: var(--purple-25);
    --purple-theme-submit-btn-bg: var(--purple-500);
    --purple-theme-secondary-btn-bg: var(--purple-600);
    --purple-theme-secondary-btn-text: var(--purple-25);
    --purple-theme-user-selection-bg: color-mix(
      in oklab,
      var(--purple-400) 60%,
      transparent
    );
    --purple-theme-entity-accent: var(--purple-300);
    --pink-theme-user-msg-bg: var(--pink-700);
    --pink-theme-user-msg-text: var(--pink-25);
    --pink-theme-submit-btn-bg: var(--pink-500);
    --pink-theme-secondary-btn-bg: var(--pink-600);
    --pink-theme-secondary-btn-text: var(--pink-25);
    --pink-theme-user-selection-bg: color-mix(
      in oklab,
      var(--pink-400) 60%,
      transparent
    );
    --pink-theme-entity-accent: var(--pink-300);
    --orange-theme-user-msg-bg: var(--orange-700);
    --orange-theme-user-msg-text: var(--orange-25);
    --orange-theme-submit-btn-bg: var(--orange-500);
    --orange-theme-secondary-btn-bg: var(--orange-600);
    --orange-theme-secondary-btn-text: var(--orange-25);
    --orange-theme-user-selection-bg: color-mix(
      in oklab,
      var(--orange-400) 60%,
      transparent
    );
    --orange-theme-entity-accent: var(--orange-300);
    --black-theme-user-msg-bg: var(--gray-100);
    --black-theme-user-msg-text: #000;
    --black-theme-submit-btn-bg: #fff;
    --black-theme-submit-btn-text: #000;
    --black-theme-secondary-btn-bg: var(--gray-700);
    --black-theme-secondary-btn-text: #fff;
    --black-theme-user-selection-bg: color-mix(
      in oklab,
      var(--gray-600) 40%,
      transparent
    );
    --black-theme-entity-accent: var(--gray-300);
  }
  :root,
  [data-chat-theme="default"],
  [data-chat-theme="default"] .dark {
    --theme-user-msg-bg: var(--default-theme-user-msg-bg);
    --theme-user-msg-text: var(--default-theme-user-msg-text);
    --theme-submit-btn-bg: var(--default-theme-submit-btn-bg);
    --theme-submit-btn-text: var(--default-theme-submit-btn-text);
    --theme-secondary-btn-bg: var(--default-theme-secondary-btn-bg);
    --theme-secondary-btn-text: var(--default-theme-secondary-btn-text);
    --theme-user-selection-bg: var(--default-theme-user-selection-bg);
    --theme-attribution-highlight-bg: var(
      --default-theme-attribution-highlight-bg
    );
    --theme-entity-accent: var(--default-theme-entity-accent);
  }
  [data-chat-theme="blue"],
  [data-chat-theme="blue"] .dark {
    --theme-user-msg-bg: var(--blue-theme-user-msg-bg);
    --theme-user-msg-text: var(--blue-theme-user-msg-text);
    --theme-submit-btn-bg: var(--blue-theme-submit-btn-bg);
    --theme-submit-btn-text: var(--blue-theme-submit-btn-text);
    --theme-secondary-btn-bg: var(--blue-theme-secondary-btn-bg);
    --theme-secondary-btn-text: var(--blue-theme-secondary-btn-text);
    --theme-user-selection-bg: var(--blue-theme-user-selection-bg);
    --theme-attribution-highlight-bg: var(--blue-theme-user-selection-bg);
    --theme-entity-accent: var(--blue-theme-entity-accent);
  }
  [data-chat-theme="green"],
  [data-chat-theme="green"] .dark {
    --theme-user-msg-bg: var(--green-theme-user-msg-bg);
    --theme-user-msg-text: var(--green-theme-user-msg-text);
    --theme-submit-btn-bg: var(--green-theme-submit-btn-bg);
    --theme-submit-btn-text: var(--green-theme-submit-btn-text);
    --theme-secondary-btn-bg: var(--green-theme-secondary-btn-bg);
    --theme-secondary-btn-text: var(--green-theme-secondary-btn-text);
    --theme-user-selection-bg: var(--green-theme-user-selection-bg);
    --theme-attribution-highlight-bg: var(--green-theme-user-selection-bg);
    --theme-entity-accent: var(--green-theme-entity-accent);
  }
  [data-chat-theme="yellow"],
  [data-chat-theme="yellow"] .dark {
    --theme-user-msg-bg: var(--yellow-theme-user-msg-bg);
    --theme-user-msg-text: var(--yellow-theme-user-msg-text);
    --theme-submit-btn-bg: var(--yellow-theme-submit-btn-bg);
    --theme-submit-btn-text: var(--yellow-theme-submit-btn-text);
    --theme-secondary-btn-bg: var(--yellow-theme-secondary-btn-bg);
    --theme-secondary-btn-text: var(--yellow-theme-secondary-btn-text);
    --theme-user-selection-bg: var(--yellow-theme-user-selection-bg);
    --theme-attribution-highlight-bg: var(--yellow-theme-user-selection-bg);
    --theme-entity-accent: var(--yellow-theme-entity-accent);
  }
  [data-chat-theme="purple"],
  [data-chat-theme="purple"] .dark {
    --theme-user-msg-bg: var(--purple-theme-user-msg-bg);
    --theme-user-msg-text: var(--purple-theme-user-msg-text);
    --theme-submit-btn-bg: var(--purple-theme-submit-btn-bg);
    --theme-submit-btn-text: var(--purple-theme-submit-btn-text);
    --theme-secondary-btn-bg: var(--purple-theme-secondary-btn-bg);
    --theme-secondary-btn-text: var(--purple-theme-secondary-btn-text);
    --theme-user-selection-bg: var(--purple-theme-user-selection-bg);
    --theme-attribution-highlight-bg: var(--purple-theme-user-selection-bg);
    --theme-entity-accent: var(--purple-theme-entity-accent);
  }
  [data-chat-theme="pink"],
  [data-chat-theme="pink"] .dark {
    --theme-user-msg-bg: var(--pink-theme-user-msg-bg);
    --theme-user-msg-text: var(--pink-theme-user-msg-text);
    --theme-submit-btn-bg: var(--pink-theme-submit-btn-bg);
    --theme-submit-btn-text: var(--pink-theme-submit-btn-text);
    --theme-secondary-btn-bg: var(--pink-theme-secondary-btn-bg);
    --theme-secondary-btn-text: var(--pink-theme-secondary-btn-text);
    --theme-user-selection-bg: var(--pink-theme-user-selection-bg);
    --theme-attribution-highlight-bg: var(--pink-theme-user-selection-bg);
    --theme-entity-accent: var(--pink-theme-entity-accent);
  }
  [data-chat-theme="orange"],
  [data-chat-theme="orange"] .dark {
    --theme-user-msg-bg: var(--orange-theme-user-msg-bg);
    --theme-user-msg-text: var(--orange-theme-user-msg-text);
    --theme-submit-btn-bg: var(--orange-theme-submit-btn-bg);
    --theme-submit-btn-text: var(--orange-theme-submit-btn-text);
    --theme-secondary-btn-bg: var(--orange-theme-secondary-btn-bg);
    --theme-secondary-btn-text: var(--orange-theme-secondary-btn-text);
    --theme-user-selection-bg: var(--orange-theme-user-selection-bg);
    --theme-entity-accent: var(--orange-theme-entity-accent);
  }
  [data-chat-theme="black"],
  [data-chat-theme="black"] .dark {
    --theme-user-msg-bg: var(--black-theme-user-msg-bg);
    --theme-user-msg-text: var(--black-theme-user-msg-text);
    --theme-submit-btn-bg: var(--black-theme-submit-btn-bg);
    --theme-submit-btn-text: var(--black-theme-submit-btn-text);
    --theme-secondary-btn-bg: var(--black-theme-secondary-btn-bg);
    --theme-secondary-btn-text: var(--black-theme-secondary-btn-text);
    --theme-user-selection-bg: var(--black-theme-user-selection-bg);
    --theme-attribution-highlight-bg: var(--black-theme-user-selection-bg);
    --theme-entity-accent: var(--black-theme-entity-accent);
  }
  h1 {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  h2,
  h3 {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  input[type="number"]::-webkit-inner-spin-button {
    appearance: none;
    margin: 0;
  }
  input[type="number"]::-webkit-outer-spin-button {
    appearance: none;
    margin: 0;
  }
  @keyframes hive-log-fadeout {
    0% {
      background: #0285ff1a;
    }
    to {
      background-color: #0000;
    }
  }
  .hive-log {
    cursor: pointer;
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 0.5);
    --tw-font-weight: var(--font-weight-medium);
    font-size: 10px;
    font-weight: var(--font-weight-medium);
    color: #8f8f8f;
    background-color: #0000000d;
    border-radius: 3.40282e38px;
  }
  @media (hover: hover) {
    .hive-log:hover {
      background-color: var(--main-surface-tertiary);
      color: var(--text-primary);
    }
  }
  :root,
  [dir="ltr"] {
    --start: left;
    --end: right;
    --to-end-unit: 1;
    --is-ltr: unset;
    --is-rtl: ;
  }
  [dir="rtl"] {
    --start: right;
    --end: left;
    --to-end-unit: -1;
    --is-ltr: ;
    --is-rtl: unset;
  }
  [data-rtl-flip]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    transform-origin: 50%;
    --tw-scale-x: -1;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  ::view-transition {
    pointer-events: none;
  }
  ::view-transition-group(*) {
    pointer-events: none;
  }
  ::view-transition-image-pair(*) {
    pointer-events: none;
  }
  ::view-transition-old(*) {
    pointer-events: none;
  }
  ::view-transition-new(*) {
    pointer-events: none;
  }
  :root {
    --safe-area-max-inset-bottom: env(safe-area-max-inset-bottom, 36px);
    --user-chat-width: 70%;
    --sidebar-width: 260px;
    --sidebar-section-margin-top: 1.25rem;
    --sidebar-section-first-margin-top: 0.5rem;
    --sidebar-expanded-section-margin-bottom: 1.25rem;
    --sidebar-collapsed-section-margin-bottom: 0.75rem;
    --sidebar-rail-width: calc(13 * var(--spacing));
    --header-height: calc(13 * var(--spacing));
    --stage-scroll-gutter: stable both-edges;
  }
  @media (pointer: coarse) {
    :root {
      --sidebar-rail-width: calc(14 * var(--spacing));
      --header-height: calc(14 * var(--spacing));
    }
  }
  :root:has(.images-app) {
    --sidebar-bg: #ffffff29;
    --sidebar-login-pane-bg: #fff;
    --sidebar-mask-bg: transparent;
    --sidebar-moweb-bg: transparent;
    --sidebar-sticky-backdrop: blur(14px);
  }
  :root:has(.images-app):where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --sidebar-bg: #00000029;
    --sidebar-login-pane-bg: #171717;
  }
  :root:has(:is(.deep-research-app, .mattress-app)) {
    --sidebar-bg: #ffffff29;
    --sidebar-mask-bg: transparent;
    --sidebar-moweb-bg: transparent;
    --sidebar-sticky-backdrop: blur(14px);
  }
  :root:has(:is(.deep-research-app, .mattress-app)):where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --sidebar-bg: #00000029;
  }
  :root:has(:is(.deep-research-app, .mattress-app)) #page-header {
    background-color: #0000 !important;
  }
  :root {
    --white: #fff;
    --black: #000;
    --gray-0: #fff;
    --gray-25: #fcfcfc;
    --gray-50: #f9f9f9;
    --gray-75: #f2f2f2;
    --gray-100: #ececec;
    --gray-150: #e8e8e8;
    --gray-200: #e3e3e3;
    --gray-250: #d8d8d8;
    --gray-300: #cdcdcd;
    --gray-350: silver;
    --gray-400: #b4b4b4;
    --gray-450: #a8a8a8;
    --gray-500: #9b9b9b;
    --gray-550: #818181;
    --gray-600: #676767;
    --gray-650: #545454;
    --gray-700: #424242;
    --gray-750: #2f2f2f;
    --gray-800: #212121;
    --gray-850: #1c1c1c;
    --gray-900: #171717;
    --gray-925: #121212;
    --gray-950: #0d0d0d;
    --gray-975: #0c0c0c;
    --gray-1000: #0b0b0b;
    --brand-purple: #ab68ff;
  }
  @media (-webkit-min-device-pixel-ratio: 2),
    (min--moz-device-pixel-ratio: 2),
    (-o-min-device-pixel-ratio: 2),
    (min-device-pixel-ratio: 2),
    (min-resolution: 192dpi),
    (min-resolution: 2dppx) {
    :root {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
  }
  html,
  .light,
  .dark .light {
    --main-surface-background: #fffffff2;
    --message-surface: #e9e9e980;
    --composer-surface: var(--message-surface);
    --composer-blue-bg: #daeeff;
    --composer-blue-hover: #bddcf4;
    --composer-blue-hover-tint: #0084ff24;
    --composer-surface-primary: var(--main-surface-primary);
    --dot-color: var(--black);
    --text-primary: var(--gray-950);
    --icon-surface: 13 13 13;
    --text-primary-inverse: var(--gray-100);
    --content-primary: #01172b;
    --content-secondary: #44505b;
    --text-secondary: #0009;
    --text-tertiary: #0000004a;
    --text-quaternary: #00000030;
    --tag-blue: #08f;
    --tag-blue-light: #0af;
    --text-error: #f93a37;
    --text-danger: var(--red-500);
    --text-placeholder: #000000b3;
    --surface-error: 249 58 55;
    --border-xlight: #0000000d;
    --border-light: #0000001a;
    --border-medium: #00000026;
    --border-heavy: #0003;
    --border-xheavy: #00000040;
    --hint-text: #08f;
    --hint-bg: #b3dbff;
    --border-sharp: #0000000d;
    --icon-secondary: #676767;
    --main-surface-primary: var(--white);
    --main-surface-primary-inverse: var(--gray-800);
    --main-surface-secondary: var(--gray-50);
    --main-surface-secondary-selected: #0000001a;
    --main-surface-tertiary: var(--gray-100);
    --sidebar-surface-primary: var(--gray-50);
    --sidebar-surface-secondary: var(--gray-100);
    --sidebar-surface-tertiary: var(--gray-200);
    --sidebar-title-primary: #28282880;
    --sidebar-surface: #fcfcfc;
    --sidebar-body-primary: #0d0d0d;
    --sidebar-icon: #7d7d7d;
    --surface-hover: #00000012;
    --link: #2964aa;
    --link-hover: #749ac8;
    --selection: #007aff;
    --scrollbar-color: #0000001a;
    --scrollbar-color-hover: #0003;
  }
  @supports (color: oklch(0.99 0 0)) {
    html,
    .light,
    .dark .light {
      --sidebar-surface-floating-lightness: 1;
      --sidebar-surface-floating-alpha: 1;
      --sidebar-surface-pinned-lightness: 0.99;
      --sidebar-surface-pinned-alpha: 1;
    }
  }
  @media (prefers-reduced-transparency: reduce) {
    html,
    .light,
    .dark .light {
      --message-surface: #f4f4f4;
    }
  }
  .dark {
    --main-surface-background: #212121e6;
    --message-surface: #323232d9;
    --composer-blue-bg: #2a4a6d;
    --composer-blue-hover: #1a416a;
    --composer-blue-text: #48aaff;
    --composer-surface-primary: #303030;
    --dot-color: var(--white);
    --text-primary: var(--gray-100);
    --icon-surface: 240 240 240;
    --text-primary-inverse: var(--gray-950);
    --text-secondary: #ffffffb3;
    --text-tertiary: #ffffff94;
    --text-quaternary: #ffffff69;
    --text-placeholder: #fffc;
    --content-primary: #f2f6fa;
    --content-secondary: #dbe2e8;
    --text-error: #f93a37;
    --border-xlight: #ffffff0d;
    --border-light: #ffffff1a;
    --border-medium: #ffffff26;
    --border-heavy: #fff3;
    --border-xheavy: #ffffff40;
    --border-sharp: #ffffff0d;
    --main-surface-primary: var(--gray-800);
    --main-surface-primary-inverse: var(--white);
    --main-surface-secondary: var(--gray-750);
    --main-surface-secondary-selected: #ffffff26;
    --main-surface-tertiary: var(--gray-700);
    --sidebar-surface-primary: var(--gray-900);
    --sidebar-surface-secondary: var(--gray-800);
    --sidebar-surface-tertiary: var(--gray-750);
    --sidebar-title-primary: #f0f0f080;
    --sidebar-surface: #2b2b2b;
    --sidebar-body-primary: #ededed;
    --sidebar-icon: #a4a4a4;
    --surface-hover: #ffffff26;
    --link: #7ab7ff;
    --link-hover: #5e83b3;
    --surface-error: 249 58 55;
    --scrollbar-color: #ffffff1a;
    --scrollbar-color-hover: #fff3;
  }
  @supports (color: oklch(0.99 0 0)) {
    .dark {
      --sidebar-surface-floating-lightness: 0.3;
      --sidebar-surface-floating-alpha: 1;
      --sidebar-surface-pinned-lightness: 0.29;
      --sidebar-surface-pinned-alpha: 1;
    }
  }
  @media (prefers-reduced-transparency: reduce) {
    .dark {
      --message-surface: #2f2f2f;
    }
  }
  .dark :not(.light).popover,
  .dark.popover,
  .popover .dark {
    --main-surface-primary: var(--gray-750);
    --main-surface-secondary: var(--gray-700);
    --main-surface-tertiary: var(--gray-600);
    --sidebar-surface-primary: var(--gray-750);
  }
  .popover,
  .light.popover,
  .light .popover,
  .dark .light.popover {
    --main-surface-primary: var(--white);
    --main-surface-secondary: var(--gray-100);
    --main-surface-tertiary: var(--gray-200);
    --sidebar-surface-primary: var(--white);
  }
  .dark .popover.sidebar {
    --main-surface-secondary: #393939 !important;
  }
  .light .canvas-open {
    --main-surface-primary: #f9f9f9;
    --message-surface: #eee;
  }
  textarea:focus {
    box-shadow: none;
    border-color: inherit;
    outline: none;
  }
  @supports (height: 100cqh) {
    :root {
      --cqh-full: 100cqh;
      --cqw-full: 100cqw;
    }
  }
  @supports not (height: 100cqh) {
    :root {
      --cqh-full: 100dvh;
      --cqw-full: 100dvw;
    }
  }
  [data-chat-theme="blue"].mini-root,
  [data-chat-theme="blue"].mini-root .dark {
    --interactive-bg-accent-default: var(
      --blue-theme-interactive-bg-accent-default
    ) !important;
    --interactive-bg-accent-hover: var(
      --blue-theme-interactive-bg-accent-hover
    ) !important;
    --interactive-bg-accent-muted-hover: var(
      --blue-theme-interactive-bg-accent-muted-hover
    ) !important;
    --interactive-bg-accent-muted-context: var(
      --blue-theme-interactive-bg-accent-muted-context
    ) !important;
    --interactive-bg-accent-press: var(
      --blue-theme-interactive-bg-accent-press
    ) !important;
    --interactive-bg-accent-muted-press: var(
      --blue-theme-interactive-bg-accent-muted-press
    ) !important;
    --interactive-bg-accent-inactive: var(
      --blue-theme-interactive-bg-accent-inactive
    ) !important;
    --interactive-label-accent-default: var(
      --blue-theme-interactive-label-accent
    ) !important;
    --interactive-label-accent-hover: var(
      --blue-theme-interactive-label-accent
    ) !important;
    --interactive-label-accent-press: var(
      --blue-theme-interactive-label-accent
    ) !important;
    --interactive-label-accent-inactive: var(
      --blue-theme-interactive-label-accent
    ) !important;
    --interactive-label-accent-selected: var(
      --blue-theme-interactive-label-accent
    ) !important;
  }
  [data-chat-theme="green"].mini-root,
  [data-chat-theme="green"].mini-root .dark {
    --interactive-bg-accent-default: var(
      --green-theme-interactive-bg-accent-default
    ) !important;
    --interactive-bg-accent-hover: var(
      --green-theme-interactive-bg-accent-hover
    ) !important;
    --interactive-bg-accent-muted-hover: var(
      --green-theme-interactive-bg-accent-muted-hover
    ) !important;
    --interactive-bg-accent-muted-context: var(
      --green-theme-interactive-bg-accent-muted-context
    ) !important;
    --interactive-bg-accent-press: var(
      --green-theme-interactive-bg-accent-press
    ) !important;
    --interactive-bg-accent-muted-press: var(
      --green-theme-interactive-bg-accent-muted-press
    ) !important;
    --interactive-bg-accent-inactive: var(
      --green-theme-interactive-bg-accent-inactive
    ) !important;
    --interactive-label-accent-default: var(
      --green-theme-interactive-label-accent
    ) !important;
    --interactive-label-accent-hover: var(
      --green-theme-interactive-label-accent
    ) !important;
    --interactive-label-accent-press: var(
      --green-theme-interactive-label-accent
    ) !important;
    --interactive-label-accent-inactive: var(
      --green-theme-interactive-label-accent
    ) !important;
    --interactive-label-accent-selected: var(
      --green-theme-interactive-label-accent
    ) !important;
  }
  [data-chat-theme="yellow"].mini-root,
  [data-chat-theme="yellow"].mini-root .dark {
    --interactive-bg-accent-default: var(
      --yellow-theme-interactive-bg-accent-default
    ) !important;
    --interactive-bg-accent-hover: var(
      --yellow-theme-interactive-bg-accent-hover
    ) !important;
    --interactive-bg-accent-muted-hover: var(
      --yellow-theme-interactive-bg-accent-muted-hover
    ) !important;
    --interactive-bg-accent-muted-context: var(
      --yellow-theme-interactive-bg-accent-muted-context
    ) !important;
    --interactive-bg-accent-press: var(
      --yellow-theme-interactive-bg-accent-press
    ) !important;
    --interactive-bg-accent-muted-press: var(
      --yellow-theme-interactive-bg-accent-muted-press
    ) !important;
    --interactive-bg-accent-inactive: var(
      --yellow-theme-interactive-bg-accent-inactive
    ) !important;
    --interactive-label-accent-default: var(
      --yellow-theme-interactive-label-accent
    ) !important;
    --interactive-label-accent-hover: var(
      --yellow-theme-interactive-label-accent
    ) !important;
    --interactive-label-accent-press: var(
      --yellow-theme-interactive-label-accent
    ) !important;
    --interactive-label-accent-inactive: var(
      --yellow-theme-interactive-label-accent
    ) !important;
    --interactive-label-accent-selected: var(
      --yellow-theme-interactive-label-accent
    ) !important;
  }
  [data-chat-theme="purple"].mini-root,
  [data-chat-theme="purple"].mini-root .dark {
    --interactive-bg-accent-default: var(
      --purple-theme-interactive-bg-accent-default
    ) !important;
    --interactive-bg-accent-hover: var(
      --purple-theme-interactive-bg-accent-hover
    ) !important;
    --interactive-bg-accent-muted-hover: var(
      --purple-theme-interactive-bg-accent-muted-hover
    ) !important;
    --interactive-bg-accent-muted-context: var(
      --purple-theme-interactive-bg-accent-muted-context
    ) !important;
    --interactive-bg-accent-press: var(
      --purple-theme-interactive-bg-accent-press
    ) !important;
    --interactive-bg-accent-muted-press: var(
      --purple-theme-interactive-bg-accent-muted-press
    ) !important;
    --interactive-bg-accent-inactive: var(
      --purple-theme-interactive-bg-accent-inactive
    ) !important;
    --interactive-label-accent-default: var(
      --purple-theme-interactive-label-accent
    ) !important;
    --interactive-label-accent-hover: var(
      --purple-theme-interactive-label-accent
    ) !important;
    --interactive-label-accent-press: var(
      --purple-theme-interactive-label-accent
    ) !important;
    --interactive-label-accent-inactive: var(
      --purple-theme-interactive-label-accent
    ) !important;
    --interactive-label-accent-selected: var(
      --purple-theme-interactive-label-accent
    ) !important;
  }
  [data-chat-theme="pink"].mini-root,
  [data-chat-theme="pink"].mini-root .dark {
    --interactive-bg-accent-default: var(
      --pink-theme-interactive-bg-accent-default
    ) !important;
    --interactive-bg-accent-hover: var(
      --pink-theme-interactive-bg-accent-hover
    ) !important;
    --interactive-bg-accent-muted-hover: var(
      --pink-theme-interactive-bg-accent-muted-hover
    ) !important;
    --interactive-bg-accent-muted-context: var(
      --pink-theme-interactive-bg-accent-muted-context
    ) !important;
    --interactive-bg-accent-press: var(
      --pink-theme-interactive-bg-accent-press
    ) !important;
    --interactive-bg-accent-muted-press: var(
      --pink-theme-interactive-bg-accent-muted-press
    ) !important;
    --interactive-bg-accent-inactive: var(
      --pink-theme-interactive-bg-accent-inactive
    ) !important;
    --interactive-label-accent-default: var(
      --pink-theme-interactive-label-accent
    ) !important;
    --interactive-label-accent-hover: var(
      --pink-theme-interactive-label-accent
    ) !important;
    --interactive-label-accent-press: var(
      --pink-theme-interactive-label-accent
    ) !important;
    --interactive-label-accent-inactive: var(
      --pink-theme-interactive-label-accent
    ) !important;
    --interactive-label-accent-selected: var(
      --pink-theme-interactive-label-accent
    ) !important;
  }
  [data-chat-theme="orange"].mini-root,
  [data-chat-theme="orange"].mini-root .dark {
    --interactive-bg-accent-default: var(
      --orange-theme-interactive-bg-accent-default
    ) !important;
    --interactive-bg-accent-hover: var(
      --orange-theme-interactive-bg-accent-hover
    ) !important;
    --interactive-bg-accent-muted-hover: var(
      --orange-theme-interactive-bg-accent-muted-hover
    ) !important;
    --interactive-bg-accent-muted-context: var(
      --orange-theme-interactive-bg-accent-muted-context
    ) !important;
    --interactive-bg-accent-press: var(
      --orange-theme-interactive-bg-accent-press
    ) !important;
    --interactive-bg-accent-muted-press: var(
      --orange-theme-interactive-bg-accent-muted-press
    ) !important;
    --interactive-bg-accent-inactive: var(
      --orange-theme-interactive-bg-accent-inactive
    ) !important;
    --interactive-label-accent-default: var(
      --orange-theme-interactive-label-accent
    ) !important;
    --interactive-label-accent-hover: var(
      --orange-theme-interactive-label-accent
    ) !important;
    --interactive-label-accent-press: var(
      --orange-theme-interactive-label-accent
    ) !important;
    --interactive-label-accent-inactive: var(
      --orange-theme-interactive-label-accent
    ) !important;
    --interactive-label-accent-selected: var(
      --orange-theme-interactive-label-accent
    ) !important;
  }
  [data-chat-theme="black"].mini-root,
  [data-chat-theme="black"].mini-root .dark {
    --interactive-bg-accent-default: var(
      --black-theme-interactive-bg-accent-default
    ) !important;
    --interactive-bg-accent-hover: var(
      --black-theme-interactive-bg-accent-hover
    ) !important;
    --interactive-bg-accent-muted-hover: var(
      --black-theme-interactive-bg-accent-muted-hover
    ) !important;
    --interactive-bg-accent-muted-context: var(
      --black-theme-interactive-bg-accent-muted-context
    ) !important;
    --interactive-bg-accent-press: var(
      --black-theme-interactive-bg-accent-press
    ) !important;
    --interactive-bg-accent-muted-press: var(
      --black-theme-interactive-bg-accent-muted-press
    ) !important;
    --interactive-bg-accent-inactive: var(
      --black-theme-interactive-bg-accent-inactive
    ) !important;
    --interactive-label-accent-default: var(
      --black-theme-interactive-label-accent
    ) !important;
    --interactive-label-accent-hover: var(
      --black-theme-interactive-label-accent
    ) !important;
    --interactive-label-accent-press: var(
      --black-theme-interactive-label-accent
    ) !important;
    --interactive-label-accent-inactive: var(
      --black-theme-interactive-label-accent
    ) !important;
    --interactive-label-accent-selected: var(
      --black-theme-interactive-label-accent
    ) !important;
  }
  :root.mini-ua-root,
  :root.mini-ua-root.dark,
  :root.mini-ua-root.light .dark {
    --default-theme-user-msg-bg: var(--blue-theme-user-msg-bg);
    --default-theme-user-msg-text: var(--blue-theme-user-msg-text);
    --default-theme-submit-btn-bg: var(--blue-theme-submit-btn-bg);
    --default-theme-submit-btn-text: var(--blue-theme-submit-btn-text);
    --default-theme-secondary-btn-bg: var(--blue-theme-secondary-btn-bg);
    --default-theme-secondary-btn-text: var(--blue-theme-secondary-btn-text);
    --default-theme-user-selection-bg: var(--blue-theme-user-selection-bg);
    --default-theme-attribution-highlight-bg: var(
      --blue-theme-attribution-highlight-bg
    );
    --default-theme-entity-accent: var(--blue-theme-entity-accent);
  }
  body.mini-ua-root.mini[data-window-style="sidebar_view"] {
    --sidechat-shadow: none !important;
  }
  input:where([type="text"]),
  input:where(:not([type])),
  input:where([type="email"]),
  input:where([type="url"]),
  input:where([type="password"]),
  input:where([type="number"]),
  input:where([type="date"]),
  input:where([type="datetime-local"]),
  input:where([type="month"]),
  input:where([type="search"]),
  input:where([type="tel"]),
  input:where([type="time"]),
  input:where([type="week"]),
  select:where([multiple]),
  textarea,
  select {
    appearance: none;
    border-color: var(--gray-500);
    --tw-shadow: 0 0 #0000;
    background-color: #fff;
    border-width: 1px;
    border-radius: 0;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }
  :is(
    input:where([type="text"]),
    input:where(:not([type])),
    input:where([type="email"]),
    input:where([type="url"]),
    input:where([type="password"]),
    input:where([type="number"]),
    input:where([type="date"]),
    input:where([type="datetime-local"]),
    input:where([type="month"]),
    input:where([type="search"]),
    input:where([type="tel"]),
    input:where([type="time"]),
    input:where([type="week"]),
    select:where([multiple]),
    textarea,
    select
  ):focus {
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty,);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: var(--blue-600);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
      var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
      calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow:
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: var(--blue-600);
    outline: 2px solid #0000;
  }
  input::placeholder,
  textarea::placeholder {
    color: var(--gray-500);
    opacity: 1;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-date-and-time-value {
    min-height: 1.5em;
  }
  ::-webkit-date-and-time-value {
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit {
    padding-top: 0;
    padding-bottom: 0;
  }
  ::-webkit-datetime-edit-year-field {
    padding-top: 0;
    padding-bottom: 0;
  }
  ::-webkit-datetime-edit-month-field {
    padding-top: 0;
    padding-bottom: 0;
  }
  ::-webkit-datetime-edit-day-field {
    padding-top: 0;
    padding-bottom: 0;
  }
  ::-webkit-datetime-edit-hour-field {
    padding-top: 0;
    padding-bottom: 0;
  }
  ::-webkit-datetime-edit-minute-field {
    padding-top: 0;
    padding-bottom: 0;
  }
  ::-webkit-datetime-edit-second-field {
    padding-top: 0;
    padding-bottom: 0;
  }
  ::-webkit-datetime-edit-millisecond-field {
    padding-top: 0;
    padding-bottom: 0;
  }
  ::-webkit-datetime-edit-meridiem-field {
    padding-top: 0;
    padding-bottom: 0;
  }
  select {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
  }
  select:where([multiple]),
  select:where([size]:not([size="1"])) {
    background-image: initial;
    background-position: initial;
    background-repeat: unset;
    background-size: initial;
    print-color-adjust: unset;
    padding-right: 0.75rem;
  }
  input:where([type="checkbox"]),
  input:where([type="radio"]) {
    appearance: none;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    width: 1rem;
    height: 1rem;
    color: var(--blue-600);
    border-color: var(--gray-500);
    --tw-shadow: 0 0 #0000;
    background-color: #fff;
    background-origin: border-box;
    border-width: 1px;
    flex-shrink: 0;
    padding: 0;
    display: inline-block;
  }
  input:where([type="checkbox"]) {
    border-radius: 0;
  }
  input:where([type="radio"]) {
    border-radius: 100%;
  }
  input:where([type="checkbox"]):focus,
  input:where([type="radio"]):focus {
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty,);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: var(--blue-600);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
      var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
      calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow:
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    outline: 2px solid #0000;
  }
  input:where([type="checkbox"]):checked,
  input:where([type="radio"]):checked {
    background-color: currentColor;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-color: #0000;
  }
  input:where([type="checkbox"]):checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
  }
  @media (forced-colors: active) {
    input:where([type="checkbox"]):checked {
      appearance: auto;
    }
  }
  input:where([type="radio"]):checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
  }
  @media (forced-colors: active) {
    input:where([type="radio"]):checked {
      appearance: auto;
    }
  }
  input:where([type="checkbox"]):checked:hover,
  input:where([type="checkbox"]):checked:focus,
  input:where([type="radio"]):checked:hover,
  input:where([type="radio"]):checked:focus {
    background-color: currentColor;
    border-color: #0000;
  }
  input:where([type="checkbox"]):indeterminate {
    background-color: currentColor;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-color: #0000;
  }
  @media (forced-colors: active) {
    input:where([type="checkbox"]):indeterminate {
      appearance: auto;
    }
  }
  input:where([type="checkbox"]):indeterminate:hover,
  input:where([type="checkbox"]):indeterminate:focus {
    background-color: currentColor;
    border-color: #0000;
  }
  input:where([type="file"]) {
    background: unset;
    border-color: inherit;
    font-size: unset;
    line-height: inherit;
    border-width: 0;
    border-radius: 0;
    padding: 0;
  }
  input:where([type="file"]):focus {
    outline: 1px solid buttontext;
    outline: 1px auto -webkit-focus-ring-color;
  }
  .text-mkt-h1,
  .text-mkt-h2,
  .text-mkt-h3,
  .text-mkt-h4,
  .text-mkt-h5,
  .text-mkt-h6 {
    --tw-font-weight: 500;
  }
}
@layer components {
  table.mkt-bordered,
  table.mkt-bordered :where(tr) {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border-medium);
  }
  table.mkt-bordered :where(td, th) {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border-medium);
    padding: calc(var(--spacing) * 2) !important;
  }
  @property --mkt-scrollable-mask-left {
    syntax: "<color>";
    inherits: false;
    initial-value: #000;
  }
  @property --mkt-scrollable-mask-right {
    syntax: "<color>";
    inherits: false;
    initial-value: #000;
  }
  .mkt-style-scrollbars {
    scrollbar-gutter: stable;
  }
  .mkt-style-scrollbars::-webkit-scrollbar {
    -webkit-appearance: none;
    background-color: #0000;
    width: 16px;
  }
  .mkt-style-scrollbars::-webkit-scrollbar-corner {
    background-color: #0000;
  }
  .mkt-style-scrollbars::-webkit-scrollbar-thumb {
    background-clip: padding-box;
    background-color: var(--scrollbar-color);
    border: 6px solid #0000;
    border-radius: 9999px;
  }
  .mkt-style-scrollbars::-webkit-scrollbar-thumb:hover {
    background-color: var(--scrollbar-color-hover);
  }
  .mkt-fade-scrollview-vertically {
    -webkit-mask-image:
      linear-gradient(90deg, #0000 0%, #fff 97% 100%),
      linear-gradient(#000 75%, #00000003 100%);
    mask-image:
      linear-gradient(90deg, #0000 0%, #fff 97% 100%),
      linear-gradient(#000 75%, #00000003 100%);
  }
  .mkt-scrollable {
    overscroll-behavior-x: contain;
    transition-property:
      --mkt-scrollable-mask-left, --mkt-scrollable-mask-right;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 0.3s;
    -webkit-mask-image: linear-gradient(
      to right,
      var(--mkt-scrollable-mask-left) 0%,
      black 2rem,
      black calc(100% - 2rem),
      var(--mkt-scrollable-mask-right) 100%
    );
    -webkit-mask-image: linear-gradient(
      to right,
      var(--mkt-scrollable-mask-left) 0%,
      black 2rem,
      black calc(100% - 2rem),
      var(--mkt-scrollable-mask-right) 100%
    );
    -webkit-mask-image: linear-gradient(
      to right,
      var(--mkt-scrollable-mask-left) 0%,
      black 2rem,
      black calc(100% - 2rem),
      var(--mkt-scrollable-mask-right) 100%
    );
    -webkit-mask-image: linear-gradient(
      to right,
      var(--mkt-scrollable-mask-left) 0%,
      black 2rem,
      black calc(100% - 2rem),
      var(--mkt-scrollable-mask-right) 100%
    );
    mask-image: linear-gradient(
      to right,
      var(--mkt-scrollable-mask-left) 0%,
      black 2rem,
      black calc(100% - 2rem),
      var(--mkt-scrollable-mask-right) 100%
    );
    transition-property:
      --mkt-scrollable-mask-left, --mkt-scrollable-mask-right;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    overflow: auto clip;
  }
  .mkt-scrollable::-webkit-scrollbar {
    display: none;
  }
  @property --top-fade {
    syntax: "<length>";
    inherits: false;
    initial-value: 0;
  }
  @property --bottom-fade {
    syntax: "<length>";
    inherits: false;
    initial-value: 0;
  }
  @property --edge-fade-distance {
    syntax: "<length>";
    inherits: false;
    initial-value: 0.5lh;
  }
  @keyframes edge-fade {
    0% {
      --top-fade: 0;
    }
    3%,
    to {
      --top-fade: var(--edge-fade-distance, 0.5lh);
    }
    0%,
    97% {
      --bottom-fade: var(--edge-fade-distance, 0.5lh);
    }
    to {
      --bottom-fade: 0;
    }
  }
  @supports (scroll-timeline: --scroll-fade) {
    .vertical-scroll-fade-mask {
      -webkit-mask: linear-gradient(
        to bottom in oklch,
        #80808000,
        #cecece var(--top-fade) calc(100% - var(--bottom-fade)),
        #80808000
      );
      -webkit-mask: linear-gradient(
        to bottom in oklch,
        #80808000,
        #cecece var(--top-fade) calc(100% - var(--bottom-fade)),
        #80808000
      );
      -webkit-mask: linear-gradient(
        to bottom in oklch,
        #80808000,
        #cecece var(--top-fade) calc(100% - var(--bottom-fade)),
        #80808000
      );
      -webkit-mask: linear-gradient(
        to bottom in oklch,
        #80808000,
        #cecece var(--top-fade) calc(100% - var(--bottom-fade)),
        #80808000
      );
      mask: linear-gradient(
        to bottom in oklch,
        #80808000,
        #cecece var(--top-fade) calc(100% - var(--bottom-fade)),
        #80808000
      );
      scroll-timeline: --scroll-fade y;
      animation-name: edge-fade;
      animation-timing-function: linear;
      animation-fill-mode: both;
      animation-timeline: --scroll-fade;
    }
    @supports (color: lab(0% 0 0)) {
      .vertical-scroll-fade-mask {
        -webkit-mask: linear-gradient(
          to bottom in oklch,
          lab(53.6% 0 0/0),
          lab(82.6% 0.0000298023 -0.0000119209) var(--top-fade)
            calc(100% - var(--bottom-fade)),
          lab(53.6% 0 0/0)
        );
        -webkit-mask: linear-gradient(
          to bottom in oklch,
          lab(53.6% 0 0/0),
          lab(82.6% 0.0000298023 -0.0000119209) var(--top-fade)
            calc(100% - var(--bottom-fade)),
          lab(53.6% 0 0/0)
        );
        -webkit-mask: linear-gradient(
          to bottom in oklch,
          lab(53.6% 0 0/0),
          lab(82.6% 0.0000298023 -0.0000119209) var(--top-fade)
            calc(100% - var(--bottom-fade)),
          lab(53.6% 0 0/0)
        );
        -webkit-mask: linear-gradient(
          to bottom in oklch,
          lab(53.6% 0 0/0),
          lab(82.6% 0.0000298023 -0.0000119209) var(--top-fade)
            calc(100% - var(--bottom-fade)),
          lab(53.6% 0 0/0)
        );
        mask: linear-gradient(
          to bottom in oklch,
          lab(53.6% 0 0/0),
          lab(82.6% 0.0000298023 -0.0000119209) var(--top-fade)
            calc(100% - var(--bottom-fade)),
          lab(53.6% 0 0/0)
        );
      }
    }
    .horizontal-scroll-fade-mask {
      -webkit-mask: linear-gradient(
        to right in oklch,
        #80808000,
        #cecece var(--top-fade) calc(100% - var(--bottom-fade)),
        #80808000
      );
      -webkit-mask: linear-gradient(
        to right in oklch,
        #80808000,
        #cecece var(--top-fade) calc(100% - var(--bottom-fade)),
        #80808000
      );
      -webkit-mask: linear-gradient(
        to right in oklch,
        #80808000,
        #cecece var(--top-fade) calc(100% - var(--bottom-fade)),
        #80808000
      );
      -webkit-mask: linear-gradient(
        to right in oklch,
        #80808000,
        #cecece var(--top-fade) calc(100% - var(--bottom-fade)),
        #80808000
      );
      mask: linear-gradient(
        to right in oklch,
        #80808000,
        #cecece var(--top-fade) calc(100% - var(--bottom-fade)),
        #80808000
      );
      scroll-timeline: --scroll-fade x;
      animation-name: edge-fade;
      animation-timing-function: linear;
      animation-fill-mode: both;
      animation-timeline: --scroll-fade;
    }
    @supports (color: lab(0% 0 0)) {
      .horizontal-scroll-fade-mask {
        -webkit-mask: linear-gradient(
          to right in oklch,
          lab(53.6% 0 0/0),
          lab(82.6% 0.0000298023 -0.0000119209) var(--top-fade)
            calc(100% - var(--bottom-fade)),
          lab(53.6% 0 0/0)
        );
        -webkit-mask: linear-gradient(
          to right in oklch,
          lab(53.6% 0 0/0),
          lab(82.6% 0.0000298023 -0.0000119209) var(--top-fade)
            calc(100% - var(--bottom-fade)),
          lab(53.6% 0 0/0)
        );
        -webkit-mask: linear-gradient(
          to right in oklch,
          lab(53.6% 0 0/0),
          lab(82.6% 0.0000298023 -0.0000119209) var(--top-fade)
            calc(100% - var(--bottom-fade)),
          lab(53.6% 0 0/0)
        );
        -webkit-mask: linear-gradient(
          to right in oklch,
          lab(53.6% 0 0/0),
          lab(82.6% 0.0000298023 -0.0000119209) var(--top-fade)
            calc(100% - var(--bottom-fade)),
          lab(53.6% 0 0/0)
        );
        mask: linear-gradient(
          to right in oklch,
          lab(53.6% 0 0/0),
          lab(82.6% 0.0000298023 -0.0000119209) var(--top-fade)
            calc(100% - var(--bottom-fade)),
          lab(53.6% 0 0/0)
        );
      }
    }
  }
  .icon-lg {
    height: var(--icon-lg-size, 1.5rem);
    width: var(--icon-lg-size, 1.5rem);
    flex-grow: 0;
    flex-shrink: 0;
  }
  .icon-lg > .icon {
    height: inherit;
    width: inherit;
  }
  .icon-xl {
    height: calc(var(--spacing) * 7);
    width: calc(var(--spacing) * 7);
    flex-grow: 0;
    flex-shrink: 0;
  }
  .icon-2xl {
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    flex-grow: 0;
    flex-shrink: 0;
  }
  .loading-shimmer-pure-text,
  .loading-shimmer {
    --shimmer-contrast: #ffffffbf;
    --shimmer-text-secondary: var(--text-secondary);
  }
  .dark .loading-shimmer-pure-text,
  .dark .loading-shimmer {
    --shimmer-contrast: #0009;
    --shimmer-text-secondary: var(--interactive-label-tertiary-hover);
  }
  .loading-shimmer-pure-text,
  .loading-shimmer {
    background: var(--shimmer-text-secondary)
      linear-gradient(
        to var(--end),
        var(--shimmer-text-secondary) 0%,
        var(--shimmer-contrast) 40%,
        var(--shimmer-contrast) 60%,
        var(--shimmer-text-secondary) 100%
      );
    background: var(--shimmer-text-secondary) -webkit-gradient(
        linear,
        100% 0,
        0 0,
        from(var(--shimmer-text-secondary)),
        color-stop(0.4, var(--shimmer-contrast)),
        color-stop(0.6, var(--shimmer-contrast)),
        to(var(--shimmer-text-secondary))
      );
    background-position: -100% 0;
    background-position: var(--is-ltr, -100%) var(--is-rtl, 200%) top;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    animation-duration: var(--cot-shimmer-duration);
    background-repeat: no-repeat;
    background-size: 50% 200%;
    -webkit-background-clip: text;
    background-clip: text;
    animation-name: loading-shimmer;
    animation-iteration-count: infinite;
    animation-delay: 0s;
    display: inline-block;
  }
  @media (prefers-reduced-motion: reduce) {
    .loading-shimmer-pure-text,
    .loading-shimmer {
      animation: none;
    }
  }
  .loading-shimmer:hover {
    -webkit-text-fill-color: var(--text-primary);
    background: 0 0;
  }
  .loading-shimmer-pure-text-inverted {
    background: var(--text-primary)
      gradient(
        linear,
        100% 0,
        0 0,
        from(var(--text-primary)),
        color-stop(0.5, var(--text-quaternary)),
        to(var(--text-primary))
      );
    background: var(--text-primary) -webkit-gradient(
        linear,
        100% 0,
        0 0,
        from(var(--text-primary)),
        color-stop(0.5, var(--text-quaternary)),
        to(var(--text-primary))
      );
    background-position: -100% 0;
    background-position: var(--is-ltr, -100%) var(--is-rtl, 200%) top;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    background-repeat: no-repeat;
    background-size: 50% 200%;
    -webkit-background-clip: text;
    background-clip: text;
    animation-name: loading-shimmer;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-delay: 0.5s;
    display: inline-block;
  }
  @media (prefers-reduced-motion: reduce) {
    .loading-shimmer-pure-text-inverted {
      animation: none;
    }
  }
  .button-glimmer {
    position: relative;
    overflow: hidden;
  }
  .feh-border-mask {
    border-radius: inherit;
    pointer-events: none;
    box-sizing: border-box;
    z-index: 1;
    -webkit-mask-composite: xor;
    -webkit-mask-source-type: auto, auto;
    -webkit-mask-composite: xor;
    -webkit-mask-source-type: auto, auto;
    -webkit-mask-composite: xor;
    -webkit-mask-source-type: auto, auto;
    width: 100%;
    height: 100%;
    padding: 1px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
    mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
    -webkit-mask-position:
      0 0,
      0 0;
    mask-position:
      0 0,
      0 0;
    -webkit-mask-size: auto, auto;
    mask-size: auto, auto;
    -webkit-mask-repeat: repeat, repeat;
    mask-repeat: repeat, repeat;
    -webkit-mask-clip: content-box, border-box;
    mask-clip: content-box, border-box;
    -webkit-mask-origin: content-box, border-box;
    mask-origin: content-box, border-box;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    -webkit-mask-source-type: auto, auto;
    mask-mode: match-source, match-source;
  }
  .feh-border-glow {
    width: var(--feh-border-glow-size, 500px);
    height: var(--feh-border-glow-size, 500px);
    transform-origin: 0 0;
    filter: drop-shadow(0 0 6px #7d5bffb3) drop-shadow(0 0 14px #7d5bff73);
    animation-name: var(--feh-border-glow-animation, rotateShine);
    animation-duration: var(--feh-border-glow-duration, 3s);
    background: conic-gradient(#0000 0%, #7d5bfff2 10%, #7d5bff59, #0000 20%);
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .dark .feh-border-glow {
    filter: drop-shadow(0 0 6px #aa96ffbf) drop-shadow(0 0 14px #aa96ff8c);
    background: conic-gradient(#0000 0%, #aa96fff2 10%, #aa96ff66, #0000 20%);
  }
  .pricing-page-primary-button-glimmer .feh-border-glow {
    background: conic-gradient(
      #0000 0%,
      #7d5bfff2 8%,
      #7d5bffad 18%,
      #7d5bff4d 28%,
      #0000 34%
    );
  }
  .dark .pricing-page-primary-button-glimmer .feh-border-glow {
    background: conic-gradient(
      #0000 0%,
      #aa96fff5 8%,
      #aa96ffb8 18%,
      #aa96ff57 28%,
      #0000 34%
    );
  }
  @media (prefers-reduced-motion: reduce) {
    .feh-border-glow {
      animation: none;
    }
  }
  .button-glimmer > button {
    z-index: 2;
    position: relative;
  }
  .button-glimmer:after {
    content: "";
    border-radius: inherit;
    opacity: 0;
    pointer-events: none;
    background: linear-gradient(
      120deg,
      #0000 0%,
      #7d5bff14 15%,
      #7d5bff40 45%,
      #7d5bff1f 75%,
      #0000 100%
    );
    animation: 3s linear infinite upgrade-button-gleam;
    position: absolute;
    inset: 0;
    transform: translate(-150%) skew(-18deg);
  }
  .dark .button-glimmer:after {
    background: linear-gradient(
      120deg,
      #0000 0%,
      #aa96ff1f 15%,
      #aa96ff52 45%,
      #aa96ff2e 75%,
      #0000 100%
    );
  }
  .button-text-shine {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(
      120deg,
      currentColor 0% 35%,
      #fff 50%,
      currentColor 65% 100%
    );
    background-position: 120% 0;
    background-size: 200% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    animation: 3s linear infinite upgrade-button-text-shine;
  }
  @keyframes upgrade-button-text-shine {
    0% {
      background-position: 120% 0;
    }
    68% {
      background-position: 120% 0;
    }
    to {
      background-position: -100% 0;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .button-glimmer > button:after,
    .button-text-shine {
      animation: none;
    }
  }
  .gizmo-shadow-stroke {
    position: relative;
  }
  .gizmo-shadow-stroke:after {
    content: "";
    inset: calc(var(--spacing) * 0);
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-radius: 3.40282e38px;
    position: absolute;
  }
  .dark .gizmo-shadow-stroke:after {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #fff3);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :root {
    --menu-item-height: calc(var(--spacing) * 9);
  }
  @media (pointer: coarse) {
    :root {
      --menu-item-height: calc(var(--spacing) * 10);
    }
  }
  .__menu-item {
    min-height: var(--menu-item-height);
    width: auto;
    scroll-margin: calc(var(--spacing) * 1.5);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    -webkit-user-select: none;
    user-select: none;
    border-radius: 10px;
    align-items: center;
    display: flex;
    position: relative;
  }
  .__menu-item:not([data-orientation="horizontal"]) {
    margin-inline: calc(var(--spacing) * 1.5);
  }
  .__menu-item:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  .__menu-item[data-fill] {
    max-width: calc(100% - 3 * var(--spacing));
  }
  .__menu-item[data-size="large"] {
    min-height: calc(var(--spacing) * 10);
    padding-inline-start: calc(var(--spacing) * 2);
  }
  @media (hover: hover) {
    .__menu-item {
      cursor: pointer;
    }
  }
  .__menu-item:where(.content-sheet *) {
    padding-block: calc(var(--spacing) * 2.25);
  }
  .__menu-item[data-sidebar-item] {
    border-bottom-style: var(--tw-border-style);
    background-clip: padding-box;
    border-color: #0000;
    border-bottom-width: 1px;
  }
  .__menu-item[data-has-submenu],
  .__menu-item:has(.trailing) {
    justify-content: space-between;
    gap: calc(var(--spacing) * 6);
  }
  :is(.__menu-item[data-has-submenu], .__menu-item:has(.trailing))[data-fill] {
    gap: calc(var(--spacing) * 2);
  }
  .__menu-item:not(
    [data-fill],
    [data-has-submenu],
    :has(.trailing),
    [data-orientation="horizontal"]
  ) {
    padding-inline-end: calc(var(--spacing) * 8);
  }
  .__menu-item {
    --menu-item-color: var(--text-primary);
    --menu-item-disabled-color: var(--text-tertiary);
    --menu-item-icon-opacity: 1;
    --menu-item-highlighted: #0000000a;
    --menu-item-active: #0000000f;
    --menu-item-open: #00000006;
    color: var(--menu-item-color);
  }
  html[data-contrast="high"]:not(.dark) .__menu-item,
  html[data-contrast="high"] .light .__menu-item {
    outline-offset: -1.5px;
    outline: 1.5px solid #0000;
  }
  .dark .__menu-item {
    --menu-item-highlighted: var(--interactive-bg-secondary-hover);
    --menu-item-active: var(--interactive-bg-secondary-press);
    --menu-item-open: var(--interactive-bg-secondary-press);
  }
  .__menu-item[data-color="selected"] {
    --menu-item-color: var(--blue-500);
    --menu-item-disabled-color: var(--blue-500);
  }
  .dark .__menu-item[data-color="selected"] {
    --menu-item-color: var(--interactive-label-accent-default);
    --menu-item-disabled-color: var(--interactive-label-accent-default);
  }
  .__menu-item[data-color="danger"] {
    --menu-item-color: var(--interactive-label-default-danger-soft);
    --menu-item-disabled-color: var(--interactive-label-inactive-danger-soft);
    --menu-item-icon-opacity: 1;
    --menu-item-highlighted: var(--interactive-bg-default-danger-soft);
    --menu-item-active: var(--interactive-bg-press-danger-soft);
    --menu-item-open: transparent;
  }
  .__menu-item:where(:disabled, [data-disabled]) {
    cursor: default;
    --menu-item-icon-opacity: 0.5;
    color: var(--menu-item-disabled-color);
  }
  .__menu-item[data-color="danger"]:where(:disabled, [data-disabled]) {
    --menu-item-icon-opacity: 1;
  }
  .__menu-item:not(:disabled):not([data-disabled]):where(
      :has(:focus-visible),
      [data-state="open"],
      :has([data-state="open"])
    ) {
    background-color: var(--menu-item-open);
  }
  .__menu-item:not(:disabled):not([data-disabled]):focus,
  .__menu-item:not(:disabled):not([data-disabled])[data-highlighted],
  .__menu-item:not(:disabled):not([data-disabled])[data-state="active"] {
    background-color: var(--menu-item-highlighted);
  }
  @media (hover: hover) {
    .__menu-item:not(:disabled):not([data-disabled]).hoverable:hover {
      background-color: var(--menu-item-highlighted);
    }
  }
  .__menu-item:not(:disabled):not([data-disabled])[data-active],
  .__menu-item:not(:disabled):not([data-disabled]):active:not(
      :has([data-trailing-button]:hover)
    ) {
    background-color: var(--menu-item-active);
  }
  .__menu-item .trailing {
    min-width: calc(var(--spacing) * 4);
    flex-shrink: 0;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    display: flex;
  }
  .__menu-item .trailing-pair {
    grid-template-columns: max-content;
    align-self: stretch;
    place-items: center end;
    display: inline-grid;
  }
  .__menu-item .trailing-pair > * {
    grid-row-start: 1;
    grid-column-start: 1;
    align-self: stretch;
    align-items: center;
    display: flex;
  }
  @media (pointer: coarse) {
    .__menu-item .trailing-pair > .trailing:not(.highlight) {
      display: none;
    }
  }
  @media (hover: hover) {
    .__menu-item .trailing.highlight {
      opacity: 0;
    }
    .__menu-item[data-fill] .trailing.highlight {
      clip-path: inset(50%);
      white-space: nowrap;
      width: 1px;
      height: 1px;
      min-width: unset;
      border-width: 0;
      margin: -1px;
      padding: 0;
      position: absolute;
      overflow: hidden;
    }
    .__menu-item:is(
        [data-highlighted],
        [data-revealed],
        [data-state="active"],
        :hover,
        :focus-visible,
        :has(:focus-visible),
        [data-state="open"],
        :has([data-state="open"])
      )
      .trailing-pair
      > .trailing:not(.highlight) {
      visibility: hidden;
    }
    .__menu-item:is(
        [data-highlighted],
        [data-revealed],
        [data-state="active"],
        :hover,
        :focus-visible,
        :has(:focus-visible),
        [data-state="open"],
        :has([data-state="open"])
      )
      .trailing.highlight {
      opacity: unset;
    }
    .__menu-item:is(
        [data-highlighted],
        [data-revealed],
        [data-state="active"],
        :hover,
        :focus-visible,
        :has(:focus-visible),
        [data-state="open"],
        :has([data-state="open"])
      )[data-fill]
      .trailing.highlight {
      clip-path: none;
      white-space: normal;
      width: auto;
      height: auto;
      min-width: calc(var(--spacing) * 4);
      margin: 0;
      padding: 0;
      position: static;
      overflow: visible;
    }
  }
  html[data-contrast="high"]:not(.dark)
    .__menu-item:not(:disabled):not([data-disabled]):where(
      :focus-visible,
      :has(:focus-visible)
    ),
  html[data-contrast="high"]
    .light
    .__menu-item:not(:disabled):not([data-disabled]):where(
      :focus-visible,
      :has(:focus-visible)
    ) {
    outline-color: var(--text-primary);
  }
  .__menu-item-badge {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border-heavy);
    --tw-leading: calc(var(--spacing) * 3);
    font-size: 8px;
    line-height: calc(var(--spacing) * 3);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    border-radius: 3.40282e38px;
    flex-shrink: 0;
    padding-block: 1px;
    padding-inline: 5px;
  }
  .__menu-item-badge:not(:is(:where(.group)[data-disabled] *)) {
    color: var(--text-tertiary);
  }
  .__menu-item-badge:is(:where(.group)[data-disabled] *) {
    opacity: 0.8;
  }
  .shopping-cart-sidebar-item .__menu-item-badge {
    height: calc(var(--spacing) * 5);
    min-width: calc(var(--spacing) * 5);
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 0);
    --tw-leading: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-size: 11px;
    line-height: 1;
    font-weight: var(--font-weight-semibold);
    color: #fff;
    text-transform: none;
    background-color: #1a73e8;
    border-width: 0;
    border-radius: 3.40282e38px;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }
  button[role="combobox"] .tier-badge {
    display: none;
  }
  .__menu-item-trailing-btn,
  .__menu-item-trailing-lnk {
    pointer-events: auto;
    color: var(--text-primary);
  }
  :is(.__menu-item-trailing-btn, .__menu-item-trailing-lnk):disabled {
    pointer-events: none;
    color: var(--text-tertiary);
  }
  .__menu-item-trailing-btn,
  .__menu-item-trailing-lnk {
    isolation: isolate;
    min-height: calc(var(--spacing) * 9);
    align-self: stretch;
    align-items: center;
    display: flex;
    position: relative;
  }
  :is(.__menu-item-trailing-btn, .__menu-item-trailing-lnk):focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  @media (pointer: coarse) {
    .__menu-item-trailing-btn,
    .__menu-item-trailing-lnk {
      min-height: calc(var(--spacing) * 10);
    }
  }
  :is(
    :is(.__menu-item-trailing-btn, .__menu-item-trailing-lnk):is(
        html[data-focus-mode="keyboard"] :focus-visible
      )
      > *
  ) {
    outline-color: var(--interactive-outline-color, var(--text-primary));
    outline-offset: 2.5px;
    outline-width: 1.5px;
    outline-style: solid;
  }
  .__menu-item-trailing-btn {
    isolation: isolate;
    margin-block: calc(var(--spacing) * -2);
    border-start-end-radius: 10px;
    border-end-end-radius: 10px;
    margin-inline-start: calc(var(--spacing) * -1);
    margin-inline-end: calc(var(--spacing) * -2.5);
    padding-inline-start: calc(var(--spacing) * 1);
    padding-inline-end: calc(var(--spacing) * 1.5);
  }
  [data-has-submenu] .__menu-item-trailing-btn {
    margin-inline-end: calc(var(--spacing) * -6.5);
    padding-inline-end: calc(var(--spacing) * 5.5);
  }
  @media (hover: hover) {
    :is(
      .__menu-item-trailing-btn:is(:where(.group)[data-disabled] *):hover > *
    ) {
      background-color: var(--menu-item-highlighted);
    }
  }
  :is(
    .__menu-item-trailing-btn:is(:where(.group)[data-disabled] *):active:active
      > *
  ) {
    background-color: var(--menu-item-active);
  }
  .__menu-item-trailing-btn > * {
    border-radius: var(--radius-lg);
    padding: calc(var(--spacing) * 1);
    justify-content: center;
    align-items: center;
    display: flex;
  }
  @media (hover: hover) {
    .__menu-item[data-sidebar-item] .__menu-item-trailing-btn:hover {
      color: var(--interactive-label-hover-secondary);
    }
  }
  .__menu-item[data-sidebar-item] .__menu-item-trailing-btn:focus-visible {
    color: var(--interactive-label-hover-secondary);
  }
  .__menu-item[data-sidebar-item] .__menu-item-trailing-btn:disabled,
  .__menu-item[data-sidebar-item]
    .__menu-item-trailing-btn:where([data-visually-disabled]) {
    color: var(--interactive-label-inactive-secondary);
  }
  .__menu-item[data-sidebar-item] .__menu-item-trailing-btn:checked {
    color: var(--interactive-label-selected-secondary);
  }
  .__menu-item[data-sidebar-item] .__menu-item-trailing-btn:active {
    color: var(--interactive-label-press-secondary);
  }
  .__menu-item[data-sidebar-item] .__menu-item-trailing-btn {
    color: inherit;
  }
  .__menu-item[data-sidebar-item] .__menu-item-trailing-btn[data-state="open"] {
    color: var(--interactive-label-hover-secondary);
  }
  .__menu-item-trailing-lnk {
    isolation: isolate;
    margin-block: calc(var(--spacing) * -2);
  }
  @media (hover: hover) {
    .__menu-item-trailing-lnk:hover {
      text-decoration-line: underline;
    }
  }
  .__menu-label {
    margin-inline: calc(var(--spacing) * 1.5);
    margin-block: calc(var(--spacing) * 0);
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--text-tertiary);
    -webkit-user-select: none;
    user-select: none;
    display: block;
    overflow: hidden;
  }
  .__menu-label[data-no-spacing] {
    margin: calc(var(--spacing) * 0);
    padding: calc(var(--spacing) * 0);
  }
}
@layer utilities {
  .\@container\/col {
    container: col/inline-size;
  }
  .\@container\/images-app-shell {
    container: images-app-shell/inline-size;
  }
  .\@container\/images-promo-banner {
    container: images-promo-banner/inline-size;
  }
  .\@container\/main {
    container: main/inline-size;
  }
  .\@container\/preview-pane {
    container: preview-pane/inline-size;
  }
  .\@container\/search-image {
    container: search-image/inline-size;
  }
  .\@container\/sheet-content {
    container: sheet-content/inline-size;
  }
  .\@container\/shopping-home-shell {
    container: shopping-home-shell/inline-size;
  }
  .\@container\/slack-trigger-settings {
    container: slack-trigger-settings/inline-size;
  }
  .\@container\/style-recents-modal {
    container: style-recents-modal/inline-size;
  }
  .\@container,
  .\[container-type\:inline-size\] {
    container-type: inline-size;
  }
  .\[container-type\:size\] {
    container-type: size;
  }
  .btn {
    pointer-events: auto;
    min-height: calc(var(--spacing) * 9);
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    border-width: 1px;
    border-color: #0000;
    border-radius: 3.40282e38px;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }
  .btn:disabled {
    cursor: not-allowed;
    opacity: 0.5;
  }
  @media (pointer: coarse) {
    .btn {
      min-height: calc(var(--spacing) * 10);
    }
  }
  .btn:is(html[data-focus-mode="keyboard"] :focus-visible) {
    outline-color: var(--interactive-outline-color, var(--text-primary));
    outline-offset: 2.5px;
    outline-width: 1.5px;
    outline-style: solid;
  }
  .btn:active:not(:disabled) {
    opacity: 0.8;
  }
  .btn-danger-outline {
    background-color: var(--interactive-button-bg-default-sec-destructive);
    border-style: solid;
    border-width: 1px;
    border-color: var(--interactive-button-border-default-sec-destructive);
    outline-offset: 2.5px;
    color: var(--interactive-button-label-default-sec-destructive);
    outline: 1.5px solid #0000;
  }
  .btn-danger-outline .icon {
    color: var(--interactive-button-icon-default-sec-destructive);
  }
  .btn-danger-outline.pseudo-focus-visible,
  .btn-danger-outline[data-pseudo-state="focusVisible"] {
    background-color: var(--interactive-button-bg-hover-sec-destructive);
    outline-color: var(--interactive-outline-color);
    color: var(--interactive-button-label-hover-sec-destructive);
  }
  :is(
      .btn-danger-outline.pseudo-focus-visible,
      .btn-danger-outline[data-pseudo-state="focusVisible"]
    )
    .icon {
    color: var(--interactive-button-icon-hover-sec-destructive);
  }
  @media (hover: hover) {
    .btn-danger-outline:hover {
      background-color: var(--interactive-button-bg-hover-sec-destructive);
      border-color: var(--interactive-button-border-hover-sec-destructive);
      color: var(--interactive-button-label-hover-sec-destructive);
    }
    .btn-danger-outline:hover .icon {
      color: var(--interactive-button-icon-hover-sec-destructive);
    }
  }
  .btn-danger-outline:focus-visible {
    background-color: var(--interactive-button-bg-hover-sec-destructive);
    outline-color: var(--interactive-outline-color);
    color: var(--interactive-button-label-hover-sec-destructive);
  }
  .btn-danger-outline:focus-visible .icon {
    color: var(--interactive-button-icon-hover-sec-destructive);
  }
  .btn-danger-outline:disabled {
    background-color: var(--interactive-button-bg-inactive-sec-destructive);
    border-color: var(--interactive-button-border-inactive-sec-destructive);
    color: var(--interactive-button-label-inactive-sec-destructive);
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
    outline-color: #0000;
  }
  .btn-danger-outline:disabled .icon {
    color: var(--interactive-button-icon-inactive-sec-destructive);
  }
  .btn-danger-outline:where([data-visually-disabled]) {
    background-color: var(--interactive-button-bg-inactive-sec-destructive);
    border-color: var(--interactive-button-border-inactive-sec-destructive);
    color: var(--interactive-button-label-inactive-sec-destructive);
    opacity: 0.5;
    cursor: not-allowed;
    outline-color: #0000;
  }
  .btn-danger-outline:where([data-visually-disabled]) .icon {
    color: var(--interactive-button-icon-inactive-sec-destructive);
  }
  .btn-danger-outline:checked {
    background-color: var(--interactive-button-bg-selected-sec-destructive);
    border-color: var(--interactive-button-border-selected-sec-destructive);
    color: var(--interactive-button-label-selected-sec-destructive);
  }
  .btn-danger-outline:checked .icon {
    color: var(--interactive-button-icon-selected-sec-destructive);
  }
  .btn-danger-outline:active {
    background-color: var(--interactive-button-bg-press-sec-destructive);
    border-color: var(--interactive-button-border-press-sec-destructive);
    color: var(--interactive-button-label-press-sec-destructive);
  }
  .btn-danger-outline:active .icon {
    color: var(--interactive-button-icon-press-sec-destructive);
  }
  .btn-danger-outline[aria-disabled="true"] {
    background-color: var(--interactive-button-bg-inactive-sec-destructive);
    border-color: var(--interactive-button-border-inactive-sec-destructive);
    color: var(--interactive-button-label-inactive-sec-destructive);
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
  }
  .btn-danger-outline[aria-disabled="true"] .icon {
    color: var(--interactive-button-icon-inactive-sec-destructive);
  }
  .interactive-button-danger-ghost {
    background-color: var(--interactive-button-bg-default-danger-ghost);
    border-style: solid;
    border-width: 1px;
    border-color: var(--interactive-button-border-default-danger-ghost);
    outline-offset: 2.5px;
    color: var(--interactive-button-label-default-danger-ghost);
    outline: 1.5px solid #0000;
  }
  .interactive-button-danger-ghost .icon {
    color: var(--interactive-button-icon-default-danger-ghost);
  }
  .interactive-button-danger-ghost.pseudo-focus-visible,
  .interactive-button-danger-ghost[data-pseudo-state="focusVisible"] {
    background-color: var(--interactive-button-bg-hover-danger-ghost);
    outline-color: var(--interactive-outline-color);
    color: var(--interactive-button-label-hover-danger-ghost);
  }
  :is(
      .interactive-button-danger-ghost.pseudo-focus-visible,
      .interactive-button-danger-ghost[data-pseudo-state="focusVisible"]
    )
    .icon {
    color: var(--interactive-button-icon-hover-danger-ghost);
  }
  @media (hover: hover) {
    .interactive-button-danger-ghost:hover {
      background-color: var(--interactive-button-bg-hover-danger-ghost);
      border-color: var(--interactive-button-border-hover-danger-ghost);
      color: var(--interactive-button-label-hover-danger-ghost);
    }
    .interactive-button-danger-ghost:hover .icon {
      color: var(--interactive-button-icon-hover-danger-ghost);
    }
  }
  .interactive-button-danger-ghost:focus-visible {
    background-color: var(--interactive-button-bg-hover-danger-ghost);
    outline-color: var(--interactive-outline-color);
    color: var(--interactive-button-label-hover-danger-ghost);
  }
  .interactive-button-danger-ghost:focus-visible .icon {
    color: var(--interactive-button-icon-hover-danger-ghost);
  }
  .interactive-button-danger-ghost:disabled {
    background-color: var(--interactive-button-bg-inactive-danger-ghost);
    border-color: var(--interactive-button-border-inactive-danger-ghost);
    color: var(--interactive-button-label-inactive-danger-ghost);
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
    outline-color: #0000;
  }
  .interactive-button-danger-ghost:disabled .icon {
    color: var(--interactive-button-icon-inactive-danger-ghost);
  }
  .interactive-button-danger-ghost:where([data-visually-disabled]) {
    background-color: var(--interactive-button-bg-inactive-danger-ghost);
    border-color: var(--interactive-button-border-inactive-danger-ghost);
    color: var(--interactive-button-label-inactive-danger-ghost);
    opacity: 0.5;
    cursor: not-allowed;
    outline-color: #0000;
  }
  .interactive-button-danger-ghost:where([data-visually-disabled]) .icon {
    color: var(--interactive-button-icon-inactive-danger-ghost);
  }
  .interactive-button-danger-ghost:checked {
    background-color: var(--interactive-button-bg-selected-danger-ghost);
    border-color: var(--interactive-button-border-selected-danger-ghost);
    color: var(--interactive-button-label-selected-danger-ghost);
  }
  .interactive-button-danger-ghost:checked .icon {
    color: var(--interactive-button-icon-selected-danger-ghost);
  }
  .interactive-button-danger-ghost:active {
    background-color: var(--interactive-button-bg-press-danger-ghost);
    border-color: var(--interactive-button-border-press-danger-ghost);
    color: var(--interactive-button-label-press-danger-ghost);
  }
  .interactive-button-danger-ghost:active .icon {
    color: var(--interactive-button-icon-press-danger-ghost);
  }
  .interactive-button-danger-ghost[aria-disabled="true"] {
    background-color: var(--interactive-button-bg-inactive-danger-ghost);
    border-color: var(--interactive-button-border-inactive-danger-ghost);
    color: var(--interactive-button-label-inactive-danger-ghost);
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
  }
  .interactive-button-danger-ghost[aria-disabled="true"] .icon {
    color: var(--interactive-button-icon-inactive-danger-ghost);
  }
  .interactive-button-danger-soft {
    background-color: var(--interactive-button-bg-default-danger-soft);
    border-style: solid;
    border-width: 1px;
    border-color: var(--interactive-button-border-default-danger-soft);
    outline-offset: 2.5px;
    color: var(--interactive-button-label-default-danger-soft);
    outline: 1.5px solid #0000;
  }
  .interactive-button-danger-soft .icon {
    color: var(--interactive-button-icon-default-danger-soft);
  }
  .interactive-button-danger-soft.pseudo-focus-visible,
  .interactive-button-danger-soft[data-pseudo-state="focusVisible"] {
    background-color: var(--interactive-button-bg-hover-danger-soft);
    outline-color: var(--interactive-outline-color);
    color: var(--interactive-button-label-hover-danger-soft);
  }
  :is(
      .interactive-button-danger-soft.pseudo-focus-visible,
      .interactive-button-danger-soft[data-pseudo-state="focusVisible"]
    )
    .icon {
    color: var(--interactive-button-icon-hover-danger-soft);
  }
  @media (hover: hover) {
    .interactive-button-danger-soft:hover {
      background-color: var(--interactive-button-bg-hover-danger-soft);
      border-color: var(--interactive-button-border-hover-danger-soft);
      color: var(--interactive-button-label-hover-danger-soft);
    }
    .interactive-button-danger-soft:hover .icon {
      color: var(--interactive-button-icon-hover-danger-soft);
    }
  }
  .interactive-button-danger-soft:focus-visible {
    background-color: var(--interactive-button-bg-hover-danger-soft);
    outline-color: var(--interactive-outline-color);
    color: var(--interactive-button-label-hover-danger-soft);
  }
  .interactive-button-danger-soft:focus-visible .icon {
    color: var(--interactive-button-icon-hover-danger-soft);
  }
  .interactive-button-danger-soft:disabled {
    background-color: var(--interactive-button-bg-inactive-danger-soft);
    border-color: var(--interactive-button-border-inactive-danger-soft);
    color: var(--interactive-button-label-inactive-danger-soft);
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
    outline-color: #0000;
  }
  .interactive-button-danger-soft:disabled .icon {
    color: var(--interactive-button-icon-inactive-danger-soft);
  }
  .interactive-button-danger-soft:where([data-visually-disabled]) {
    background-color: var(--interactive-button-bg-inactive-danger-soft);
    border-color: var(--interactive-button-border-inactive-danger-soft);
    color: var(--interactive-button-label-inactive-danger-soft);
    opacity: 0.5;
    cursor: not-allowed;
    outline-color: #0000;
  }
  .interactive-button-danger-soft:where([data-visually-disabled]) .icon {
    color: var(--interactive-button-icon-inactive-danger-soft);
  }
  .interactive-button-danger-soft:checked {
    background-color: var(--interactive-button-bg-selected-danger-soft);
    border-color: var(--interactive-button-border-selected-danger-soft);
    color: var(--interactive-button-label-selected-danger-soft);
  }
  .interactive-button-danger-soft:checked .icon {
    color: var(--interactive-button-icon-selected-danger-soft);
  }
  .interactive-button-danger-soft:active {
    background-color: var(--interactive-button-bg-press-danger-soft);
    border-color: var(--interactive-button-border-press-danger-soft);
    color: var(--interactive-button-label-press-danger-soft);
  }
  .interactive-button-danger-soft:active .icon {
    color: var(--interactive-button-icon-press-danger-soft);
  }
  .interactive-button-danger-soft[aria-disabled="true"] {
    background-color: var(--interactive-button-bg-inactive-danger-soft);
    border-color: var(--interactive-button-border-inactive-danger-soft);
    color: var(--interactive-button-label-inactive-danger-soft);
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
  }
  .interactive-button-danger-soft[aria-disabled="true"] .icon {
    color: var(--interactive-button-icon-inactive-danger-soft);
  }
  .interactive-button-destructive {
    background-color: var(--interactive-button-bg-default-destructive);
    border-style: solid;
    border-width: 1px;
    border-color: var(--interactive-button-border-default-destructive);
    outline-offset: 2.5px;
    color: var(--interactive-button-label-default-destructive);
    outline: 1.5px solid #0000;
  }
  .interactive-button-destructive .icon {
    color: var(--interactive-button-icon-default-destructive);
  }
  .interactive-button-destructive.pseudo-focus-visible,
  .interactive-button-destructive[data-pseudo-state="focusVisible"] {
    background-color: var(--interactive-button-bg-hover-destructive);
    outline-color: var(--interactive-outline-color);
    color: var(--interactive-button-label-hover-destructive);
  }
  :is(
      .interactive-button-destructive.pseudo-focus-visible,
      .interactive-button-destructive[data-pseudo-state="focusVisible"]
    )
    .icon {
    color: var(--interactive-button-icon-hover-destructive);
  }
  @media (hover: hover) {
    .interactive-button-destructive:hover {
      background-color: var(--interactive-button-bg-hover-destructive);
      border-color: var(--interactive-button-border-hover-destructive);
      color: var(--interactive-button-label-hover-destructive);
    }
    .interactive-button-destructive:hover .icon {
      color: var(--interactive-button-icon-hover-destructive);
    }
  }
  .interactive-button-destructive:focus-visible {
    background-color: var(--interactive-button-bg-hover-destructive);
    outline-color: var(--interactive-outline-color);
    color: var(--interactive-button-label-hover-destructive);
  }
  .interactive-button-destructive:focus-visible .icon {
    color: var(--interactive-button-icon-hover-destructive);
  }
  .interactive-button-destructive:disabled {
    background-color: var(--interactive-button-bg-inactive-destructive);
    border-color: var(--interactive-button-border-inactive-destructive);
    color: var(--interactive-button-label-inactive-destructive);
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
    outline-color: #0000;
  }
  .interactive-button-destructive:disabled .icon {
    color: var(--interactive-button-icon-inactive-destructive);
  }
  .interactive-button-destructive:where([data-visually-disabled]) {
    background-color: var(--interactive-button-bg-inactive-destructive);
    border-color: var(--interactive-button-border-inactive-destructive);
    color: var(--interactive-button-label-inactive-destructive);
    opacity: 0.5;
    cursor: not-allowed;
    outline-color: #0000;
  }
  .interactive-button-destructive:where([data-visually-disabled]) .icon {
    color: var(--interactive-button-icon-inactive-destructive);
  }
  .interactive-button-destructive:checked {
    background-color: var(--interactive-button-bg-selected-destructive);
    border-color: var(--interactive-button-border-selected-destructive);
    color: var(--interactive-button-label-selected-destructive);
  }
  .interactive-button-destructive:checked .icon {
    color: var(--interactive-button-icon-selected-destructive);
  }
  .interactive-button-destructive:active {
    background-color: var(--interactive-button-bg-press-destructive);
    border-color: var(--interactive-button-border-press-destructive);
    color: var(--interactive-button-label-press-destructive);
  }
  .interactive-button-destructive:active .icon {
    color: var(--interactive-button-icon-press-destructive);
  }
  .interactive-button-destructive[aria-disabled="true"] {
    background-color: var(--interactive-button-bg-inactive-destructive);
    border-color: var(--interactive-button-border-inactive-destructive);
    color: var(--interactive-button-label-inactive-destructive);
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
  }
  .interactive-button-destructive[aria-disabled="true"] .icon {
    color: var(--interactive-button-icon-inactive-destructive);
  }
  .interactive-button-primary {
    background-color: var(--interactive-button-bg-default-primary);
    border-style: solid;
    border-width: 1px;
    border-color: var(--interactive-button-border-default-primary);
    outline-offset: 2.5px;
    color: var(--interactive-button-label-default-primary);
    outline: 1.5px solid #0000;
  }
  .interactive-button-primary .icon {
    color: var(--interactive-button-icon-default-primary);
  }
  .interactive-button-primary.pseudo-focus-visible,
  .interactive-button-primary[data-pseudo-state="focusVisible"] {
    background-color: var(--interactive-button-bg-hover-primary);
    outline-color: var(--interactive-outline-color);
    color: var(--interactive-button-label-hover-primary);
  }
  :is(
      .interactive-button-primary.pseudo-focus-visible,
      .interactive-button-primary[data-pseudo-state="focusVisible"]
    )
    .icon {
    color: var(--interactive-button-icon-hover-primary);
  }
  @media (hover: hover) {
    .interactive-button-primary:hover {
      background-color: var(--interactive-button-bg-hover-primary);
      border-color: var(--interactive-button-border-hover-primary);
      color: var(--interactive-button-label-hover-primary);
    }
    .interactive-button-primary:hover .icon {
      color: var(--interactive-button-icon-hover-primary);
    }
  }
  .interactive-button-primary:focus-visible {
    background-color: var(--interactive-button-bg-hover-primary);
    outline-color: var(--interactive-outline-color);
    color: var(--interactive-button-label-hover-primary);
  }
  .interactive-button-primary:focus-visible .icon {
    color: var(--interactive-button-icon-hover-primary);
  }
  .interactive-button-primary:disabled {
    background-color: var(--interactive-button-bg-inactive-primary);
    border-color: var(--interactive-button-border-inactive-primary);
    color: var(--interactive-button-label-inactive-primary);
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
    outline-color: #0000;
  }
  .interactive-button-primary:disabled .icon {
    color: var(--interactive-button-icon-inactive-primary);
  }
  .interactive-button-primary:where([data-visually-disabled]) {
    background-color: var(--interactive-button-bg-inactive-primary);
    border-color: var(--interactive-button-border-inactive-primary);
    color: var(--interactive-button-label-inactive-primary);
    opacity: 0.5;
    cursor: not-allowed;
    outline-color: #0000;
  }
  .interactive-button-primary:where([data-visually-disabled]) .icon {
    color: var(--interactive-button-icon-inactive-primary);
  }
  .interactive-button-primary:checked {
    background-color: var(--interactive-button-bg-selected-primary);
    border-color: var(--interactive-button-border-selected-primary);
    color: var(--interactive-button-label-selected-primary);
  }
  .interactive-button-primary:checked .icon {
    color: var(--interactive-button-icon-selected-primary);
  }
  .interactive-button-primary:active {
    background-color: var(--interactive-button-bg-press-primary);
    border-color: var(--interactive-button-border-press-primary);
    color: var(--interactive-button-label-press-primary);
  }
  .interactive-button-primary:active .icon {
    color: var(--interactive-button-icon-press-primary);
  }
  .interactive-button-primary[aria-disabled="true"] {
    background-color: var(--interactive-button-bg-inactive-primary);
    border-color: var(--interactive-button-border-inactive-primary);
    color: var(--interactive-button-label-inactive-primary);
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
  }
  .interactive-button-primary[aria-disabled="true"] .icon {
    color: var(--interactive-button-icon-inactive-primary);
  }
  .interactive-button-sec-destructive {
    background-color: var(--interactive-button-bg-default-sec-destructive);
    border-style: solid;
    border-width: 1px;
    border-color: var(--interactive-button-border-default-sec-destructive);
    outline-offset: 2.5px;
    color: var(--interactive-button-label-default-sec-destructive);
    outline: 1.5px solid #0000;
  }
  .interactive-button-sec-destructive .icon {
    color: var(--interactive-button-icon-default-sec-destructive);
  }
  .interactive-button-sec-destructive.pseudo-focus-visible,
  .interactive-button-sec-destructive[data-pseudo-state="focusVisible"] {
    background-color: var(--interactive-button-bg-hover-sec-destructive);
    outline-color: var(--interactive-outline-color);
    color: var(--interactive-button-label-hover-sec-destructive);
  }
  :is(
      .interactive-button-sec-destructive.pseudo-focus-visible,
      .interactive-button-sec-destructive[data-pseudo-state="focusVisible"]
    )
    .icon {
    color: var(--interactive-button-icon-hover-sec-destructive);
  }
  @media (hover: hover) {
    .interactive-button-sec-destructive:hover {
      background-color: var(--interactive-button-bg-hover-sec-destructive);
      border-color: var(--interactive-button-border-hover-sec-destructive);
      color: var(--interactive-button-label-hover-sec-destructive);
    }
    .interactive-button-sec-destructive:hover .icon {
      color: var(--interactive-button-icon-hover-sec-destructive);
    }
  }
  .interactive-button-sec-destructive:focus-visible {
    background-color: var(--interactive-button-bg-hover-sec-destructive);
    outline-color: var(--interactive-outline-color);
    color: var(--interactive-button-label-hover-sec-destructive);
  }
  .interactive-button-sec-destructive:focus-visible .icon {
    color: var(--interactive-button-icon-hover-sec-destructive);
  }
  .interactive-button-sec-destructive:disabled {
    background-color: var(--interactive-button-bg-inactive-sec-destructive);
    border-color: var(--interactive-button-border-inactive-sec-destructive);
    color: var(--interactive-button-label-inactive-sec-destructive);
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
    outline-color: #0000;
  }
  .interactive-button-sec-destructive:disabled .icon {
    color: var(--interactive-button-icon-inactive-sec-destructive);
  }
  .interactive-button-sec-destructive:where([data-visually-disabled]) {
    background-color: var(--interactive-button-bg-inactive-sec-destructive);
    border-color: var(--interactive-button-border-inactive-sec-destructive);
    color: var(--interactive-button-label-inactive-sec-destructive);
    opacity: 0.5;
    cursor: not-allowed;
    outline-color: #0000;
  }
  .interactive-button-sec-destructive:where([data-visually-disabled]) .icon {
    color: var(--interactive-button-icon-inactive-sec-destructive);
  }
  .interactive-button-sec-destructive:checked {
    background-color: var(--interactive-button-bg-selected-sec-destructive);
    border-color: var(--interactive-button-border-selected-sec-destructive);
    color: var(--interactive-button-label-selected-sec-destructive);
  }
  .interactive-button-sec-destructive:checked .icon {
    color: var(--interactive-button-icon-selected-sec-destructive);
  }
  .interactive-button-sec-destructive:active {
    background-color: var(--interactive-button-bg-press-sec-destructive);
    border-color: var(--interactive-button-border-press-sec-destructive);
    color: var(--interactive-button-label-press-sec-destructive);
  }
  .interactive-button-sec-destructive:active .icon {
    color: var(--interactive-button-icon-press-sec-destructive);
  }
  .interactive-button-sec-destructive[aria-disabled="true"] {
    background-color: var(--interactive-button-bg-inactive-sec-destructive);
    border-color: var(--interactive-button-border-inactive-sec-destructive);
    color: var(--interactive-button-label-inactive-sec-destructive);
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
  }
  .interactive-button-sec-destructive[aria-disabled="true"] .icon {
    color: var(--interactive-button-icon-inactive-sec-destructive);
  }
  .interactive-button-secondary {
    background-color: var(--interactive-button-bg-default-secondary);
    border-style: solid;
    border-width: 1px;
    border-color: var(--interactive-button-border-default-secondary);
    outline-offset: 2.5px;
    color: var(--interactive-button-label-default-secondary);
    outline: 1.5px solid #0000;
  }
  .interactive-button-secondary .icon {
    color: var(--interactive-button-icon-default-secondary);
  }
  .interactive-button-secondary.pseudo-focus-visible,
  .interactive-button-secondary[data-pseudo-state="focusVisible"] {
    background-color: var(--interactive-button-bg-hover-secondary);
    outline-color: var(--interactive-outline-color);
    color: var(--interactive-button-label-hover-secondary);
  }
  :is(
      .interactive-button-secondary.pseudo-focus-visible,
      .interactive-button-secondary[data-pseudo-state="focusVisible"]
    )
    .icon {
    color: var(--interactive-button-icon-hover-secondary);
  }
  @media (hover: hover) {
    .interactive-button-secondary:hover {
      background-color: var(--interactive-button-bg-hover-secondary);
      border-color: var(--interactive-button-border-hover-secondary);
      color: var(--interactive-button-label-hover-secondary);
    }
    .interactive-button-secondary:hover .icon {
      color: var(--interactive-button-icon-hover-secondary);
    }
  }
  .interactive-button-secondary:focus-visible {
    background-color: var(--interactive-button-bg-hover-secondary);
    outline-color: var(--interactive-outline-color);
    color: var(--interactive-button-label-hover-secondary);
  }
  .interactive-button-secondary:focus-visible .icon {
    color: var(--interactive-button-icon-hover-secondary);
  }
  .interactive-button-secondary:disabled {
    background-color: var(--interactive-button-bg-inactive-secondary);
    border-color: var(--interactive-button-border-inactive-secondary);
    color: var(--interactive-button-label-inactive-secondary);
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
    outline-color: #0000;
  }
  .interactive-button-secondary:disabled .icon {
    color: var(--interactive-button-icon-inactive-secondary);
  }
  .interactive-button-secondary:where([data-visually-disabled]) {
    background-color: var(--interactive-button-bg-inactive-secondary);
    border-color: var(--interactive-button-border-inactive-secondary);
    color: var(--interactive-button-label-inactive-secondary);
    opacity: 0.5;
    cursor: not-allowed;
    outline-color: #0000;
  }
  .interactive-button-secondary:where([data-visually-disabled]) .icon {
    color: var(--interactive-button-icon-inactive-secondary);
  }
  .interactive-button-secondary:checked {
    background-color: var(--interactive-button-bg-selected-secondary);
    border-color: var(--interactive-button-border-selected-secondary);
    color: var(--interactive-button-label-selected-secondary);
  }
  .interactive-button-secondary:checked .icon {
    color: var(--interactive-button-icon-selected-secondary);
  }
  .interactive-button-secondary:active {
    background-color: var(--interactive-button-bg-press-secondary);
    border-color: var(--interactive-button-border-press-secondary);
    color: var(--interactive-button-label-press-secondary);
  }
  .interactive-button-secondary:active .icon {
    color: var(--interactive-button-icon-press-secondary);
  }
  .interactive-button-secondary[aria-disabled="true"] {
    background-color: var(--interactive-button-bg-inactive-secondary);
    border-color: var(--interactive-button-border-inactive-secondary);
    color: var(--interactive-button-label-inactive-secondary);
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
  }
  .interactive-button-secondary[aria-disabled="true"] .icon {
    color: var(--interactive-button-icon-inactive-secondary);
  }
  .pointer-events-auto {
    pointer-events: auto;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .pointer-events-none\! {
    pointer-events: none !important;
  }
  .\!visible {
    visibility: visible !important;
  }
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .invisible\! {
    visibility: hidden !important;
  }
  .visible {
    visibility: visible;
  }
  .visible\! {
    visibility: visible !important;
  }
  .behavior-btn {
    --tap-padding: var(--tap-padding-mobile);
    position: relative;
  }
  .behavior-btn:before {
    content: "";
    width: 100%;
    height: 100%;
    min-width: var(--tap-padding);
    min-height: var(--tap-padding);
    z-index: 9999;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  @media (pointer: fine) {
    .behavior-btn {
      --tap-padding: var(--tap-padding-pointer);
      position: relative;
    }
    .behavior-btn:before {
      content: "";
      width: 100%;
      height: 100%;
      min-width: var(--tap-padding);
      min-height: var(--tap-padding);
      z-index: 9999;
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
  }
  .behavior-btn:is(html[data-focus-mode="keyboard"] :focus-visible) {
    outline-color: var(--interactive-outline-color, var(--text-primary));
    outline-offset: 2.5px;
    outline-width: 1.5px;
    outline-style: solid;
  }
  .tap-padding-auto {
    --tap-padding: var(--tap-padding-mobile);
    position: relative;
  }
  .tap-padding-auto:before {
    content: "";
    width: 100%;
    height: 100%;
    min-width: var(--tap-padding);
    min-height: var(--tap-padding);
    z-index: 9999;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  @media (pointer: fine) {
    .tap-padding-auto {
      --tap-padding: var(--tap-padding-pointer);
      position: relative;
    }
    .tap-padding-auto:before {
      content: "";
      width: 100%;
      height: 100%;
      min-width: var(--tap-padding);
      min-height: var(--tap-padding);
      z-index: 9999;
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
  }
  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }
  .sr-only\! {
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border-width: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    position: absolute !important;
    overflow: hidden !important;
  }
  .absolute {
    position: absolute;
  }
  .absolute\! {
    position: absolute !important;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .relative\! {
    position: relative !important;
  }
  .static {
    position: static;
  }
  .static\! {
    position: static !important;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .inset-1\.5 {
    inset: calc(var(--spacing) * 1.5);
  }
  .inset-5 {
    inset: calc(var(--spacing) * 5);
  }
  .inset-8 {
    inset: calc(var(--spacing) * 8);
  }
  .inset-\[-16px\] {
    inset: -16px;
  }
  .inset-\[-22px_-26px_-25px_-26px\] {
    inset: -22px -26px -25px;
  }
  .inset-\[-24px\] {
    inset: -24px;
  }
  .inset-\[2\.5\%\] {
    inset: 2.5%;
  }
  .inset-\[5\%\] {
    inset: 5%;
  }
  .inset-\[20px\] {
    inset: 20px;
  }
  .inset-px {
    inset: 1px;
  }
  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }
  .inset-x-1 {
    inset-inline: calc(var(--spacing) * 1);
  }
  .inset-x-1\.5 {
    inset-inline: calc(var(--spacing) * 1.5);
  }
  .inset-x-2 {
    inset-inline: calc(var(--spacing) * 2);
  }
  .inset-x-3 {
    inset-inline: calc(var(--spacing) * 3);
  }
  .inset-x-4 {
    inset-inline: calc(var(--spacing) * 4);
  }
  .inset-x-6 {
    inset-inline: calc(var(--spacing) * 6);
  }
  .inset-x-7 {
    inset-inline: calc(var(--spacing) * 7);
  }
  .inset-x-12 {
    inset-inline: calc(var(--spacing) * 12);
  }
  .inset-x-\[-1px\] {
    inset-inline: -1px;
  }
  .inset-x-\[-18px\] {
    inset-inline: -18px;
  }
  .inset-x-\[-20px\] {
    inset-inline: -20px;
  }
  .inset-x-\[-32px\] {
    inset-inline: -32px;
  }
  .inset-x-px {
    inset-inline: 1px;
  }
  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }
  .inset-y-1 {
    inset-block: calc(var(--spacing) * 1);
  }
  .\!start {
    inset-inline-start: var(--spacing) !important;
  }
  .-start-0\.75 {
    inset-inline-start: calc(var(--spacing) * -0.75);
  }
  .-start-1 {
    inset-inline-start: calc(var(--spacing) * -1);
  }
  .-start-2 {
    inset-inline-start: calc(var(--spacing) * -2);
  }
  .-start-3 {
    inset-inline-start: calc(var(--spacing) * -3);
  }
  .-start-4 {
    inset-inline-start: calc(var(--spacing) * -4);
  }
  .-start-7 {
    inset-inline-start: calc(var(--spacing) * -7);
  }
  .-start-8 {
    inset-inline-start: calc(var(--spacing) * -8);
  }
  .-start-12 {
    inset-inline-start: calc(var(--spacing) * -12);
  }
  .-start-96 {
    inset-inline-start: calc(var(--spacing) * -96);
  }
  .-start-\[10\%\] {
    inset-inline-start: -10%;
  }
  .-start-px {
    inset-inline-start: -1px;
  }
  .inset-s-0 {
    inset-inline-start: calc(var(--spacing) * 0);
  }
  .inset-s-\[anchor\(center\)\] {
    inset-inline-start: anchor(center);
  }
  .inset-s-\[calc\(anchor\(end\)\+var\(--spacing\)\)\] {
    inset-inline-start: calc(anchor(end) + var(--spacing));
  }
  .inset-s-\[calc\(anchor\(start\)-var\(--spacing\)\)\] {
    inset-inline-start: calc(anchor(start) - var(--spacing));
  }
  .inset-s-auto {
    inset-inline-start: auto;
  }
  .start {
    inset-inline-start: var(--spacing);
  }
  .start-0 {
    inset-inline-start: calc(var(--spacing) * 0);
  }
  .start-0\.5 {
    inset-inline-start: calc(var(--spacing) * 0.5);
  }
  .start-1 {
    inset-inline-start: calc(var(--spacing) * 1);
  }
  .start-1\.5 {
    inset-inline-start: calc(var(--spacing) * 1.5);
  }
  .start-1\/2 {
    inset-inline-start: 50%;
  }
  .start-2 {
    inset-inline-start: calc(var(--spacing) * 2);
  }
  .start-3 {
    inset-inline-start: calc(var(--spacing) * 3);
  }
  .start-4 {
    inset-inline-start: calc(var(--spacing) * 4);
  }
  .start-5 {
    inset-inline-start: calc(var(--spacing) * 5);
  }
  .start-6 {
    inset-inline-start: calc(var(--spacing) * 6);
  }
  .start-8 {
    inset-inline-start: calc(var(--spacing) * 8);
  }
  .start-10 {
    inset-inline-start: calc(var(--spacing) * 10);
  }
  .start-11 {
    inset-inline-start: calc(var(--spacing) * 11);
  }
  .start-11\.5 {
    inset-inline-start: calc(var(--spacing) * 11.5);
  }
  .start-16 {
    inset-inline-start: calc(var(--spacing) * 16);
  }
  .start-19\.5 {
    inset-inline-start: calc(var(--spacing) * 19.5);
  }
  .start-96 {
    inset-inline-start: calc(var(--spacing) * 96);
  }
  .start-\[-2px\] {
    inset-inline-start: -2px;
  }
  .start-\[-4px\] {
    inset-inline-start: -4px;
  }
  .start-\[-8px\] {
    inset-inline-start: -8px;
  }
  .start-\[-10cqmax\] {
    inset-inline-start: -10cqmax;
  }
  .start-\[-30cqmax\] {
    inset-inline-start: -30cqmax;
  }
  .start-\[-150\%\] {
    inset-inline-start: -150%;
  }
  .start-\[-10000px\] {
    inset-inline-start: -10000px;
  }
  .start-\[-20000px\] {
    inset-inline-start: -20000px;
  }
  .start-\[0\.81rem\] {
    inset-inline-start: 0.81rem;
  }
  .start-\[3\.25rem\] {
    inset-inline-start: 3.25rem;
  }
  .start-\[3px\] {
    inset-inline-start: 3px;
  }
  .start-\[6\%\] {
    inset-inline-start: 6%;
  }
  .start-\[7\%\] {
    inset-inline-start: 7%;
  }
  .start-\[8\%\] {
    inset-inline-start: 8%;
  }
  .start-\[11\.4px\] {
    inset-inline-start: 11.4px;
  }
  .start-\[12\.6px\] {
    inset-inline-start: 12.6px;
  }
  .start-\[13cqmax\] {
    inset-inline-start: 13cqmax;
  }
  .start-\[15px\] {
    inset-inline-start: 15px;
  }
  .start-\[18px\] {
    inset-inline-start: 18px;
  }
  .start-\[20cqmax\] {
    inset-inline-start: 20cqmax;
  }
  .start-\[40cqmax\] {
    inset-inline-start: 40cqmax;
  }
  .start-\[50\%\] {
    inset-inline-start: 50%;
  }
  .start-\[52px\] {
    inset-inline-start: 52px;
  }
  .start-\[56px\] {
    inset-inline-start: 56px;
  }
  .start-\[70px\] {
    inset-inline-start: 70px;
  }
  .start-\[130px\] {
    inset-inline-start: 130px;
  }
  .start-\[200px\] {
    inset-inline-start: 200px;
  }
  .start-\[320px\] {
    inset-inline-start: 320px;
  }
  .start-\[calc\(var\(--pricing-table-padding-inline\)\+var\(--pricing-table-label-min-width\)\)\] {
    inset-inline-start: calc(
      var(--pricing-table-padding-inline) + var(--pricing-table-label-min-width)
    );
  }
  .start-auto {
    inset-inline-start: auto;
  }
  .start-full {
    inset-inline-start: 100%;
  }
  .\!end {
    inset-inline-end: var(--spacing) !important;
  }
  .-end-0\.5 {
    inset-inline-end: calc(var(--spacing) * -0.5);
  }
  .-end-1 {
    inset-inline-end: calc(var(--spacing) * -1);
  }
  .-end-2 {
    inset-inline-end: calc(var(--spacing) * -2);
  }
  .-end-3 {
    inset-inline-end: calc(var(--spacing) * -3);
  }
  .-end-4 {
    inset-inline-end: calc(var(--spacing) * -4);
  }
  .-end-5 {
    inset-inline-end: calc(var(--spacing) * -5);
  }
  .-end-\[0\.2rem\] {
    inset-inline-end: -0.2rem;
  }
  .-end-\[10\%\] {
    inset-inline-end: -10%;
  }
  .-end-\[20\%\] {
    inset-inline-end: -20%;
  }
  .-end-\[60px\] {
    inset-inline-end: -60px;
  }
  .-inset-e-0\.5 {
    inset-inline-end: calc(var(--spacing) * -0.5);
  }
  .end {
    inset-inline-end: var(--spacing);
  }
  .end-\(--thread-content-margin\) {
    inset-inline-end: var(--thread-content-margin);
  }
  .end-0 {
    inset-inline-end: calc(var(--spacing) * 0);
  }
  .end-0\.5 {
    inset-inline-end: calc(var(--spacing) * 0.5);
  }
  .end-1 {
    inset-inline-end: calc(var(--spacing) * 1);
  }
  .end-1\.5 {
    inset-inline-end: calc(var(--spacing) * 1.5);
  }
  .end-1\/2 {
    inset-inline-end: 50%;
  }
  .end-2 {
    inset-inline-end: calc(var(--spacing) * 2);
  }
  .end-2\! {
    inset-inline-end: calc(var(--spacing) * 2) !important;
  }
  .end-2\.5 {
    inset-inline-end: calc(var(--spacing) * 2.5);
  }
  .end-3 {
    inset-inline-end: calc(var(--spacing) * 3);
  }
  .end-4 {
    inset-inline-end: calc(var(--spacing) * 4);
  }
  .end-5 {
    inset-inline-end: calc(var(--spacing) * 5);
  }
  .end-6 {
    inset-inline-end: calc(var(--spacing) * 6);
  }
  .end-7 {
    inset-inline-end: calc(var(--spacing) * 7);
  }
  .end-8 {
    inset-inline-end: calc(var(--spacing) * 8);
  }
  .end-8\.5 {
    inset-inline-end: calc(var(--spacing) * 8.5);
  }
  .end-10 {
    inset-inline-end: calc(var(--spacing) * 10);
  }
  .end-12 {
    inset-inline-end: calc(var(--spacing) * 12);
  }
  .end-14 {
    inset-inline-end: calc(var(--spacing) * 14);
  }
  .end-\[-1px\] {
    inset-inline-end: -1px;
  }
  .end-\[-4px\] {
    inset-inline-end: -4px;
  }
  .end-\[-8px\] {
    inset-inline-end: -8px;
  }
  .end-\[-135px\] {
    inset-inline-end: -135px;
  }
  .end-\[3\.25rem\] {
    inset-inline-end: 3.25rem;
  }
  .end-\[4\.8px\] {
    inset-inline-end: 4.8px;
  }
  .end-\[10\%\] {
    inset-inline-end: 10%;
  }
  .end-\[10px\] {
    inset-inline-end: 10px;
  }
  .end-\[12px\] {
    inset-inline-end: 12px;
  }
  .end-\[17\%\] {
    inset-inline-end: 17%;
  }
  .end-\[30px\] {
    inset-inline-end: 30px;
  }
  .end-\[calc\(var\(--places-business-list-width\,0px\)\+1rem\)\] {
    inset-inline-end: calc(var(--places-business-list-width, 0px) + 1rem);
  }
  .end-auto {
    inset-inline-end: auto;
  }
  .end-full {
    inset-inline-end: 100%;
  }
  .end-snc-1 {
    inset-inline-end: var(--snc-1);
  }
  .inset-e-0 {
    inset-inline-end: calc(var(--spacing) * 0);
  }
  .inset-e-1\/2 {
    inset-inline-end: 50%;
  }
  .inset-e-4 {
    inset-inline-end: calc(var(--spacing) * 4);
  }
  .inset-e-\[calc\(anchor\(start\)\+var\(--spacing\)\)\] {
    inset-inline-end: calc(anchor(start) + var(--spacing));
  }
  .inset-e-auto {
    inset-inline-end: auto;
  }
  .-top-0\.5 {
    top: calc(var(--spacing) * -0.5);
  }
  .-top-1 {
    top: calc(var(--spacing) * -1);
  }
  .-top-1\.5 {
    top: calc(var(--spacing) * -1.5);
  }
  .-top-2 {
    top: calc(var(--spacing) * -2);
  }
  .-top-3 {
    top: calc(var(--spacing) * -3);
  }
  .-top-3\! {
    top: calc(var(--spacing) * -3) !important;
  }
  .-top-4 {
    top: calc(var(--spacing) * -4);
  }
  .-top-5 {
    top: calc(var(--spacing) * -5);
  }
  .-top-6 {
    top: calc(var(--spacing) * -6);
  }
  .-top-8 {
    top: calc(var(--spacing) * -8);
  }
  .-top-9 {
    top: calc(var(--spacing) * -9);
  }
  .-top-32 {
    top: calc(var(--spacing) * -32);
  }
  .-top-96 {
    top: calc(var(--spacing) * -96);
  }
  .-top-\[5\%\] {
    top: -5%;
  }
  .-top-\[10\%\] {
    top: -10%;
  }
  .-top-\[30px\] {
    top: -30px;
  }
  .-top-\[140px\] {
    top: -140px;
  }
  .-top-px {
    top: -1px;
  }
  .top-\(--header-height\) {
    top: var(--header-height);
  }
  .top-\(--sticky-padding-top\) {
    top: var(--sticky-padding-top);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-0\! {
    top: calc(var(--spacing) * 0) !important;
  }
  .top-0\.5 {
    top: calc(var(--spacing) * 0.5);
  }
  .top-1 {
    top: calc(var(--spacing) * 1);
  }
  .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }
  .top-1\/2 {
    top: 50%;
  }
  .top-2 {
    top: calc(var(--spacing) * 2);
  }
  .top-2\.5 {
    top: calc(var(--spacing) * 2.5);
  }
  .top-3 {
    top: calc(var(--spacing) * 3);
  }
  .top-4 {
    top: calc(var(--spacing) * 4);
  }
  .top-5 {
    top: calc(var(--spacing) * 5);
  }
  .top-6 {
    top: calc(var(--spacing) * 6);
  }
  .top-7 {
    top: calc(var(--spacing) * 7);
  }
  .top-8 {
    top: calc(var(--spacing) * 8);
  }
  .top-9 {
    top: calc(var(--spacing) * 9);
  }
  .top-10 {
    top: calc(var(--spacing) * 10);
  }
  .top-12 {
    top: calc(var(--spacing) * 12);
  }
  .top-13 {
    top: calc(var(--spacing) * 13);
  }
  .top-14 {
    top: calc(var(--spacing) * 14);
  }
  .top-20 {
    top: calc(var(--spacing) * 20);
  }
  .top-22 {
    top: calc(var(--spacing) * 22);
  }
  .top-24 {
    top: calc(var(--spacing) * 24);
  }
  .top-46 {
    top: calc(var(--spacing) * 46);
  }
  .top-48 {
    top: calc(var(--spacing) * 48);
  }
  .top-\[-0\.094rem\] {
    top: -0.094rem;
  }
  .top-\[-1px\] {
    top: -1px;
  }
  .top-\[-2px\] {
    top: -2px;
  }
  .top-\[-4px\] {
    top: -4px;
  }
  .top-\[-6px\] {
    top: -6px;
  }
  .top-\[-10cqmax\] {
    top: -10cqmax;
  }
  .top-\[-10px\] {
    top: -10px;
  }
  .top-\[-20cqmax\] {
    top: -20cqmax;
  }
  .top-\[-38\.41\%\] {
    top: -38.41%;
  }
  .top-\[-150\%\] {
    top: -150%;
  }
  .top-\[\.4em\] {
    top: 0.4em;
  }
  .top-\[0\.1rem\] {
    top: 0.1rem;
  }
  .top-\[0\.2rem\] {
    top: 0.2rem;
  }
  .top-\[0\.5px\] {
    top: 0.5px;
  }
  .top-\[0\.08em\] {
    top: 0.08em;
  }
  .top-\[0\.55rem\] {
    top: 0.55rem;
  }
  .top-\[0cqmax\] {
    top: 0;
  }
  .top-\[1px\] {
    top: 1px;
  }
  .top-\[3px\] {
    top: 3px;
  }
  .top-\[4px\] {
    top: 4px;
  }
  .top-\[6px\] {
    top: 6px;
  }
  .top-\[8px\] {
    top: 8px;
  }
  .top-\[10\%\] {
    top: 10%;
  }
  .top-\[10px\] {
    top: 10px;
  }
  .top-\[11\.3px\] {
    top: 11.3px;
  }
  .top-\[12\%\] {
    top: 12%;
  }
  .top-\[12\.9px\] {
    top: 12.9px;
  }
  .top-\[20\%\] {
    top: 20%;
  }
  .top-\[20\.5px\] {
    top: 20.5px;
  }
  .top-\[20px\] {
    top: 20px;
  }
  .top-\[21\.5px\] {
    top: 21.5px;
  }
  .top-\[22\%\] {
    top: 22%;
  }
  .top-\[24px\] {
    top: 24px;
  }
  .top-\[30px\] {
    top: 30px;
  }
  .top-\[34\.5px\] {
    top: 34.5px;
  }
  .top-\[47px\] {
    top: 47px;
  }
  .top-\[48\%\] {
    top: 48%;
  }
  .top-\[50\%\] {
    top: 50%;
  }
  .top-\[70\%\] {
    top: 70%;
  }
  .top-\[75px\] {
    top: 75px;
  }
  .top-\[76px\] {
    top: 76px;
  }
  .top-\[78px\] {
    top: 78px;
  }
  .top-\[80\%\] {
    top: 80%;
  }
  .top-\[90\%\] {
    top: 90%;
  }
  .top-\[100\%\] {
    top: 100%;
  }
  .top-\[100px\] {
    top: 100px;
  }
  .top-\[200\%\] {
    top: 200%;
  }
  .top-\[233\.5px\] {
    top: 233.5px;
  }
  .top-\[233px\] {
    top: 233px;
  }
  .top-\[320px\] {
    top: 320px;
  }
  .top-\[calc\(1cap-1ex\)\] {
    top: calc(1cap - 1ex);
  }
  .top-\[calc\(100\%\+4px\)\] {
    top: calc(100% + 4px);
  }
  .top-\[calc\(100\%\+8px\)\] {
    top: calc(100% + 8px);
  }
  .top-\[calc\(anchor\(bottom\)\+var\(--spacing\)\)\] {
    top: calc(anchor(bottom) + var(--spacing));
  }
  .top-\[calc\(anchor\(top\)-var\(--spacing\)\)\] {
    top: calc(anchor(top) - var(--spacing));
  }
  .top-\[calc\(var\(--header-height\)\+8px\)\] {
    top: calc(var(--header-height) + 8px);
  }
  .top-\[calc\(var\(--header-height\,48px\)\+8px\)\] {
    top: calc(var(--header-height, 48px) + 8px);
  }
  .top-\[calc\(var\(--header-height\,48px\)\+48px\+8px\)\] {
    top: calc(var(--header-height, 48px) + 48px + 8px);
  }
  .top-\[calc\(var\(--product-flyout-sticky-header-height\)\/2\)\] {
    top: calc(var(--product-flyout-sticky-header-height) / 2);
  }
  .top-\[calc\(var\(--sticky-padding-top\)\+9\*var\(--spacing\)\)\] {
    top: calc(var(--sticky-padding-top) + 9 * var(--spacing));
  }
  .top-auto {
    top: auto;
  }
  .top-bar {
    top: var(--bar-gap, 0.25rem);
  }
  .top-full {
    top: 100%;
  }
  .top-px {
    top: 1px;
  }
  .right-0\! {
    right: calc(var(--spacing) * 0) !important;
  }
  .right-\[8px\] {
    right: 8px;
  }
  .right-\[30px\] {
    right: 30px;
  }
  .right-auto {
    right: auto;
  }
  .-bottom-\(--sticky-spacer\) {
    bottom: calc(var(--sticky-spacer) * -1);
  }
  .-bottom-0\.5 {
    bottom: calc(var(--spacing) * -0.5);
  }
  .-bottom-1 {
    bottom: calc(var(--spacing) * -1);
  }
  .-bottom-2 {
    bottom: calc(var(--spacing) * -2);
  }
  .-bottom-3 {
    bottom: calc(var(--spacing) * -3);
  }
  .-bottom-4 {
    bottom: calc(var(--spacing) * -4);
  }
  .-bottom-5 {
    bottom: calc(var(--spacing) * -5);
  }
  .-bottom-8 {
    bottom: calc(var(--spacing) * -8);
  }
  .-bottom-10 {
    bottom: calc(var(--spacing) * -10);
  }
  .-bottom-11 {
    bottom: calc(var(--spacing) * -11);
  }
  .-bottom-\[0\.2rem\] {
    bottom: -0.2rem;
  }
  .-bottom-\[50px\] {
    bottom: -50px;
  }
  .-bottom-px {
    bottom: -1px;
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-0\! {
    bottom: calc(var(--spacing) * 0) !important;
  }
  .bottom-1 {
    bottom: calc(var(--spacing) * 1);
  }
  .bottom-1\.5 {
    bottom: calc(var(--spacing) * 1.5);
  }
  .bottom-2 {
    bottom: calc(var(--spacing) * 2);
  }
  .bottom-3 {
    bottom: calc(var(--spacing) * 3);
  }
  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }
  .bottom-5 {
    bottom: calc(var(--spacing) * 5);
  }
  .bottom-6 {
    bottom: calc(var(--spacing) * 6);
  }
  .bottom-8 {
    bottom: calc(var(--spacing) * 8);
  }
  .bottom-9 {
    bottom: calc(var(--spacing) * 9);
  }
  .bottom-10 {
    bottom: calc(var(--spacing) * 10);
  }
  .bottom-12 {
    bottom: calc(var(--spacing) * 12);
  }
  .bottom-20 {
    bottom: calc(var(--spacing) * 20);
  }
  .bottom-28 {
    bottom: calc(var(--spacing) * 28);
  }
  .bottom-40 {
    bottom: calc(var(--spacing) * 40);
  }
  .bottom-\[-1px\] {
    bottom: -1px;
  }
  .bottom-\[-8px\] {
    bottom: -8px;
  }
  .bottom-\[-14px\] {
    bottom: -14px;
  }
  .bottom-\[-18px\] {
    bottom: -18px;
  }
  .bottom-\[-20cqmax\] {
    bottom: -20cqmax;
  }
  .bottom-\[-30cqmax\] {
    bottom: -30cqmax;
  }
  .bottom-\[0cqmax\] {
    bottom: 0;
  }
  .bottom-\[8px\] {
    bottom: 8px;
  }
  .bottom-\[10\%\] {
    bottom: 10%;
  }
  .bottom-\[10px\] {
    bottom: 10px;
  }
  .bottom-\[11\%\] {
    bottom: 11%;
  }
  .bottom-\[18\%\] {
    bottom: 18%;
  }
  .bottom-\[20px\] {
    bottom: 20px;
  }
  .bottom-\[28\%\] {
    bottom: 28%;
  }
  .bottom-\[30px\] {
    bottom: 30px;
  }
  .bottom-\[64px\] {
    bottom: 64px;
  }
  .bottom-\[calc\(100\%\+0\.5rem\)\] {
    bottom: calc(100% + 0.5rem);
  }
  .bottom-\[calc\(100\%\+6\*var\(--spacing\)\+var\(--thread-scroll-to-bottom-banner-offset\,0px\)\)\] {
    bottom: calc(
      100% + 6 * var(--spacing) +
        var(--thread-scroll-to-bottom-banner-offset, 0px)
    );
  }
  .bottom-\[calc\(100\%\+14\*var\(--spacing\)\+var\(--thread-scroll-to-bottom-banner-offset\,0px\)\)\] {
    bottom: calc(
      100% + 14 * var(--spacing) +
        var(--thread-scroll-to-bottom-banner-offset, 0px)
    );
  }
  .bottom-\[calc\(100\%\+40px\)\] {
    bottom: calc(100% + 40px);
  }
  .bottom-\[calc\(anchor\(top\)\+var\(--spacing\)\)\] {
    bottom: calc(anchor(top) + var(--spacing));
  }
  .bottom-\[calc\(var\(--composer-overlap-px\)\+--spacing\(6\)\)\] {
    bottom: calc(var(--composer-overlap-px) + calc(var(--spacing) * 6));
  }
  .bottom-\[initial\] {
    bottom: initial;
  }
  .bottom-auto {
    bottom: auto;
  }
  .bottom-full {
    bottom: 100%;
  }
  .bottom-snc-1 {
    bottom: var(--snc-1);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-0\! {
    left: calc(var(--spacing) * 0) !important;
  }
  .left-1\/2 {
    left: 50%;
  }
  .left-5 {
    left: calc(var(--spacing) * 5);
  }
  .left-\[-6\.33\%\] {
    left: -6.33%;
  }
  .left-\[1px\] {
    left: 1px;
  }
  .left-\[8px\] {
    left: 8px;
  }
  .left-\[30px\] {
    left: 30px;
  }
  .left-\[50\%\]\! {
    left: 50% !important;
  }
  .left-\[calc\(19rem\+0\.5rem\)\] {
    left: 19.5rem;
  }
  .isolate {
    isolation: isolate;
  }
  .-z-1 {
    z-index: calc(1 * -1);
  }
  .-z-10 {
    z-index: calc(10 * -1);
  }
  .-z-20 {
    z-index: calc(20 * -1);
  }
  .-z-30 {
    z-index: calc(30 * -1);
  }
  .-z-\[1\] {
    z-index: calc(1 * -1);
  }
  .z-0 {
    z-index: 0;
  }
  .z-0\! {
    z-index: 0 !important;
  }
  .z-1 {
    z-index: 1;
  }
  .z-1\! {
    z-index: 1 !important;
  }
  .z-2 {
    z-index: 2;
  }
  .z-3 {
    z-index: 3;
  }
  .z-4 {
    z-index: 4;
  }
  .z-5 {
    z-index: 5;
  }
  .z-9 {
    z-index: 9;
  }
  .z-10 {
    z-index: 10;
  }
  .z-11 {
    z-index: 11;
  }
  .z-20 {
    z-index: 20;
  }
  .z-21 {
    z-index: 21;
  }
  .z-30 {
    z-index: 30;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .z-60 {
    z-index: 60;
  }
  .z-61 {
    z-index: 61;
  }
  .z-70 {
    z-index: 70;
  }
  .z-100 {
    z-index: 100;
  }
  .z-1000 {
    z-index: 1000;
  }
  .z-\[-1\] {
    z-index: -1;
  }
  .z-\[1\] {
    z-index: 1;
  }
  .z-\[5\] {
    z-index: 5;
  }
  .z-\[10\] {
    z-index: 10;
  }
  .z-\[11\] {
    z-index: 11;
  }
  .z-\[15\] {
    z-index: 15;
  }
  .z-\[50\] {
    z-index: 50;
  }
  .z-\[51\] {
    z-index: 51;
  }
  .z-\[60\] {
    z-index: 60;
  }
  .z-\[70\] {
    z-index: 70;
  }
  .z-\[80\] {
    z-index: 80;
  }
  .z-\[100\] {
    z-index: 100;
  }
  .z-\[120\] {
    z-index: 120;
  }
  .z-\[140\] {
    z-index: 140;
  }
  .z-\[150\] {
    z-index: 150;
  }
  .z-\[160\] {
    z-index: 160;
  }
  .z-\[200\] {
    z-index: 200;
  }
  .z-\[220\] {
    z-index: 220;
  }
  .z-\[1000\] {
    z-index: 1000;
  }
  .z-\[1001\] {
    z-index: 1001;
  }
  .z-\[1100\] {
    z-index: 1100;
  }
  .z-\[1200\] {
    z-index: 1200;
  }
  .z-\[2000\] {
    z-index: 2000;
  }
  .z-\[9999\] {
    z-index: 9999;
  }
  .z-\[10000\] {
    z-index: 10000;
  }
  .-order-1 {
    order: calc(1 * -1);
  }
  .order-1 {
    order: 1;
  }
  .order-2 {
    order: 2;
  }
  .order-4 {
    order: 4;
  }
  .order-5 {
    order: 5;
  }
  .order-last {
    order: 9999;
  }
  .col-1 {
    grid-column: 1;
  }
  .col-auto {
    grid-column: auto;
  }
  .col-span-1 {
    grid-column: span 1 / span 1;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-span-3 {
    grid-column: span 3 / span 3;
  }
  .col-span-10 {
    grid-column: span 10 / span 10;
  }
  .col-span-12 {
    grid-column: span 12 / span 12;
  }
  .col-span-full {
    grid-column: 1/-1;
  }
  .col-start-1 {
    grid-column-start: 1;
  }
  .col-start-2 {
    grid-column-start: 2;
  }
  .col-start-3 {
    grid-column-start: 3;
  }
  .col-end-2 {
    grid-column-end: 2;
  }
  .col-end-4 {
    grid-column-end: 4;
  }
  .col-end-13 {
    grid-column-end: 13;
  }
  .col-end-\[-1\] {
    grid-column-end: -1;
  }
  .row-1 {
    grid-row: 1;
  }
  .row-auto {
    grid-row: auto;
  }
  .row-span-1 {
    grid-row: span 1 / span 1;
  }
  .row-span-2 {
    grid-row: span 2 / span 2;
  }
  .row-span-3 {
    grid-row: span 3 / span 3;
  }
  .row-span-4 {
    grid-row: span 4 / span 4;
  }
  .row-span-5 {
    grid-row: span 5 / span 5;
  }
  .row-span-full {
    grid-row: 1/-1;
  }
  .row-start-1 {
    grid-row-start: 1;
  }
  .row-start-2 {
    grid-row-start: 2;
  }
  .row-end-2 {
    grid-row-end: 2;
  }
  .float-end {
    float: inline-end;
  }
  .float-left {
    float: left;
  }
  .float-right {
    float: right;
  }
  .float-start {
    float: inline-start;
  }
  .clear-both {
    clear: both;
  }
  .clear-end {
    clear: inline-end;
  }
  .clear-left {
    clear: left;
  }
  .clear-right {
    clear: right;
  }
  .clear-start {
    clear: inline-start;
  }
  .\!container {
    width: 100% !important;
  }
  @media (min-width: 480px) {
    .\!container {
      max-width: 480px !important;
    }
  }
  @media (min-width: 40rem) {
    .\!container {
      max-width: 40rem !important;
    }
  }
  @media (min-width: 48rem) {
    .\!container {
      max-width: 48rem !important;
    }
  }
  @media (min-width: 64rem) {
    .\!container {
      max-width: 64rem !important;
    }
  }
  @media (min-width: 80rem) {
    .\!container {
      max-width: 80rem !important;
    }
  }
  @media (min-width: 96rem) {
    .\!container {
      max-width: 96rem !important;
    }
  }
  .container {
    width: 100%;
  }
  @media (min-width: 480px) {
    .container {
      max-width: 480px;
    }
  }
  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }
  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }
  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }
  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }
  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }
  .prose {
    color: var(--tw-prose-body);
    max-width: 65ch;
  }
  .prose :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }
  .prose
    :where([class~="lead"]):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    color: var(--tw-prose-lead);
    margin-top: 1.2em;
    margin-bottom: 1.2em;
    font-size: 1.25em;
    line-height: 1.6;
  }
  .prose :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-links);
    font-weight: 500;
    text-decoration: underline;
  }
  .prose
    :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-bold);
    font-weight: 600;
  }
  .prose
    :where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .prose
    :where(blockquote strong):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ),
  .prose
    :where(thead th strong):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    color: inherit;
  }
  .prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start: 1.625em;
    list-style-type: decimal;
  }
  .prose
    :where(ol[type="A"]):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    list-style-type: upper-alpha;
  }
  .prose
    :where(ol[type="a"]):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    list-style-type: lower-alpha;
  }
  .prose
    :where(ol[type="A" s]):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    list-style-type: upper-alpha;
  }
  .prose
    :where(ol[type="a" s]):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    list-style-type: lower-alpha;
  }
  .prose
    :where(ol[type="I"]):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    list-style-type: upper-roman;
  }
  .prose
    :where(ol[type="i"]):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    list-style-type: lower-roman;
  }
  .prose
    :where(ol[type="I" s]):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    list-style-type: upper-roman;
  }
  .prose
    :where(ol[type="i" s]):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    list-style-type: lower-roman;
  }
  .prose
    :where(ol[type="1"]):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    list-style-type: decimal;
  }
  .prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start: 1.625em;
    list-style-type: disc;
  }
  .prose
    :where(ol > li):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    )::marker {
    color: var(--tw-prose-counters);
    font-weight: 400;
  }
  .prose
    :where(ul > li):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    )::marker {
    color: var(--tw-prose-bullets);
  }
  .prose :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 1.25em;
    font-weight: 600;
  }
  .prose :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-color: var(--tw-prose-hr);
    border-top-width: 1px;
    margin-top: 3em;
    margin-bottom: 3em;
  }
  .prose
    :where(blockquote):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    color: var(--tw-prose-quotes);
    border-inline-start-width: 0.25rem;
    border-inline-start-color: var(--tw-prose-quote-borders);
    quotes: "“" "”" "‘" "’";
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-inline-start: 1em;
    font-style: normal;
    font-weight: 500;
  }
  .prose
    :where(blockquote p:first-of-type):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):before {
    content: open-quote;
  }
  .prose
    :where(blockquote p:last-of-type):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):after {
    content: close-quote;
  }
  .prose :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 0;
    margin-bottom: 0.888889em;
    font-size: 2.25em;
    font-weight: 800;
    line-height: 1.11111;
  }
  .prose
    :where(h1 strong):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    color: inherit;
    font-weight: 900;
  }
  .prose :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 2em;
    margin-bottom: 1em;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.33333;
  }
  .prose
    :where(h2 strong):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    color: inherit;
    font-weight: 800;
  }
  .prose :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 1.6em;
    margin-bottom: 0.6em;
    font-size: 1.25em;
    font-weight: 600;
    line-height: 1.6;
  }
  .prose
    :where(h3 strong):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    color: inherit;
    font-weight: 700;
  }
  .prose :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    font-weight: 600;
    line-height: 1.5;
  }
  .prose
    :where(h4 strong):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    color: inherit;
    font-weight: 700;
  }
  .prose :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  .prose
    :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
    display: block;
  }
  .prose
    :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  .prose :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-kbd);
    box-shadow:
      0 0 0 1px var(--tw-prose-kbd-shadows),
      0 3px 0 var(--tw-prose-kbd-shadows);
    padding-top: 0.1875em;
    padding-inline-end: 0.375em;
    padding-bottom: 0.1875em;
    border-radius: 0.3125rem;
    padding-inline-start: 0.375em;
    font-family: inherit;
    font-size: 0.875em;
    font-weight: 500;
  }
  .prose
    :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-code);
    background-color: var(--gray-100);
    border-radius: 0.25rem;
    padding: 0.15rem 0.3rem;
    font-size: 0.875em;
    font-weight: 500;
  }
  .prose
    :where(code):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):before,
  .prose
    :where(code):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):after {
    content: none;
  }
  .prose
    :where(a code):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .prose
    :where(h1 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }
  .prose
    :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-size: 0.875em;
  }
  .prose
    :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-size: 0.9em;
  }
  .prose
    :where(h4 code):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .prose
    :where(blockquote code):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ),
  .prose
    :where(thead th code):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    color: inherit;
  }
  .prose :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: currentColor;
    padding-top: 0.857143em;
    padding-inline-end: 1.14286em;
    padding-bottom: 0.857143em;
    padding-inline-start: 1.14286em;
    background-color: #0000;
    border-radius: 0.375rem;
    margin: 0;
    padding: 0;
    font-size: 0.875em;
    font-weight: 400;
    line-height: 1.71429;
    overflow-x: auto;
  }
  .prose
    :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-weight: inherit;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    background-color: #0000;
    border-width: 0;
    border-radius: 0;
    padding: 0;
  }
  .prose
    :where(pre code):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):before,
  .prose
    :where(pre code):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):after {
    content: none;
  }
  .prose
    :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    table-layout: auto;
    width: 100%;
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: 0.875em;
    line-height: 1.71429;
  }
  .prose
    :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-th-borders);
  }
  .prose
    :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    vertical-align: bottom;
    padding-inline-end: 0.571429em;
    padding-bottom: 0.571429em;
    padding-inline-start: 0.571429em;
    font-weight: 600;
  }
  .prose
    :where(tbody tr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-td-borders);
  }
  .prose
    :where(tbody tr:last-child):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    border-bottom-width: 0;
  }
  .prose
    :where(tbody td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    vertical-align: baseline;
  }
  .prose
    :where(tfoot):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-top-width: 1px;
    border-top-color: var(--tw-prose-th-borders);
  }
  .prose
    :where(tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    vertical-align: top;
  }
  .prose
    :where(th, td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    text-align: start;
  }
  .prose
    :where(figure > *):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    margin-top: 0;
    margin-bottom: 0;
  }
  .prose
    :where(figcaption):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    color: var(--tw-prose-captions);
    margin-top: 0.857143em;
    font-size: 0.875em;
    line-height: 1.42857;
  }
  .prose {
    --tw-prose-body: var(--text-primary);
    --tw-prose-headings: var(--text-primary);
    --tw-prose-lead: var(--text-primary);
    --tw-prose-links: var(--text-primary);
    --tw-prose-bold: var(--text-primary);
    --tw-prose-counters: var(--text-primary);
    --tw-prose-bullets: var(--text-primary);
    --tw-prose-hr: var(--border-xheavy);
    --tw-prose-quotes: var(--text-primary);
    --tw-prose-quote-borders: #e5e7eb;
    --tw-prose-captions: var(--text-secondary);
    --tw-prose-kbd: #101828;
    --tw-prose-kbd-shadows: #1018281a;
    --tw-prose-code: var(--text-primary);
    --tw-prose-pre-code: #e5e7eb;
    --tw-prose-pre-bg: #1e2939;
    --tw-prose-th-borders: #d1d5dc;
    --tw-prose-td-borders: #e5e7eb;
    --tw-prose-invert-body: var(--text-primary);
    --tw-prose-invert-headings: var(--text-primary);
    --tw-prose-invert-lead: var(--text-primary);
    --tw-prose-invert-links: var(--text-primary);
    --tw-prose-invert-bold: var(--text-primary);
    --tw-prose-invert-counters: var(--text-primary);
    --tw-prose-invert-bullets: var(--text-primary);
    --tw-prose-invert-hr: var(--border-xheavy);
    --tw-prose-invert-quotes: var(--text-primary);
    --tw-prose-invert-quote-borders: #364153;
    --tw-prose-invert-captions: var(--text-secondary);
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: #ffffff1a;
    --tw-prose-invert-code: var(--text-primary);
    --tw-prose-invert-pre-code: #d1d5dc;
    --tw-prose-invert-pre-bg: #00000080;
    --tw-prose-invert-th-borders: #4a5565;
    --tw-prose-invert-td-borders: #364153;
    font-size: 1rem;
    line-height: var(--text-body-regular--line-height);
  }
  @supports (color: lab(0% 0 0)) {
    .prose {
      --tw-prose-quote-borders: lab(91.6229% -0.159115 -2.26791);
      --tw-prose-kbd: lab(8.11897% 0.811279 -12.254);
      --tw-prose-kbd-shadows: lab(8.11897% 0.811279 -12.254/0.1);
      --tw-prose-pre-code: lab(91.6229% -0.159115 -2.26791);
      --tw-prose-pre-bg: lab(16.1051% -1.18239 -11.7533);
      --tw-prose-th-borders: lab(85.1236% -0.612259 -3.7138);
      --tw-prose-td-borders: lab(91.6229% -0.159115 -2.26791);
      --tw-prose-invert-quote-borders: lab(27.1134% -0.956401 -12.3224);
      --tw-prose-invert-pre-code: lab(85.1236% -0.612259 -3.7138);
      --tw-prose-invert-th-borders: lab(35.6337% -1.58697 -10.8425);
      --tw-prose-invert-td-borders: lab(27.1134% -0.956401 -12.3224);
    }
  }
  .prose
    :where(picture > img):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    margin-top: 0;
    margin-bottom: 0;
  }
  .prose :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }
  .prose
    :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .prose
    :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0.375em;
  }
  .prose
    :where(.prose > ul > li p):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
  }
  .prose
    :where(.prose > ul > li > p:first-child):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    margin-top: 1.25em;
  }
  .prose
    :where(.prose > ul > li > p:last-child):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    margin-bottom: 1.25em;
  }
  .prose
    :where(.prose > ol > li > p:first-child):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    margin-top: 1.25em;
  }
  .prose
    :where(.prose > ol > li > p:last-child):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    margin-bottom: 1.25em;
  }
  .prose
    :where(ul ul, ul ol, ol ul, ol ol):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
  }
  .prose :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }
  .prose :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0.5em;
    padding-inline-start: 1.625em;
  }
  .prose
    :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .prose
    :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .prose
    :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .prose
    :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
  }
  .prose
    :where(thead th:first-child):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    padding-inline-start: 0;
  }
  .prose
    :where(thead th:last-child):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    padding-inline-end: 0;
  }
  .prose
    :where(tbody td, tfoot td):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    padding-top: 0.571429em;
    padding-inline-end: 0.571429em;
    padding-bottom: 0.571429em;
    padding-inline-start: 0.571429em;
  }
  .prose
    :where(tbody td:first-child, tfoot td:first-child):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    padding-inline-start: 0;
  }
  .prose
    :where(tbody td:last-child, tfoot td:last-child):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    padding-inline-end: 0;
  }
  .prose
    :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  .prose
    :where(.prose > :first-child):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    margin-top: 0;
  }
  .prose
    :where(.prose > :last-child):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    margin-bottom: 0;
  }
  .focus-outline-margin-default {
    --focus-outline-margin: var(--focus-outline-margin-default);
    margin: calc(var(--focus-outline-margin) * -1);
    padding: var(--focus-outline-margin);
  }
  .-m-0\.5 {
    margin: calc(var(--spacing) * -0.5);
  }
  .-m-1 {
    margin: calc(var(--spacing) * -1);
  }
  .-m-1\! {
    margin: calc(var(--spacing) * -1) !important;
  }
  .-m-1\.5 {
    margin: calc(var(--spacing) * -1.5);
  }
  .-m-2 {
    margin: calc(var(--spacing) * -2);
  }
  .-m-2\.5 {
    margin: calc(var(--spacing) * -2.5);
  }
  .-m-3 {
    margin: calc(var(--spacing) * -3);
  }
  .-m-4 {
    margin: calc(var(--spacing) * -4);
  }
  .m-0 {
    margin: calc(var(--spacing) * 0);
  }
  .m-0\! {
    margin: calc(var(--spacing) * 0) !important;
  }
  .m-0\.5 {
    margin: calc(var(--spacing) * 0.5);
  }
  .m-1 {
    margin: calc(var(--spacing) * 1);
  }
  .m-1\.5 {
    margin: calc(var(--spacing) * 1.5);
  }
  .m-2 {
    margin: calc(var(--spacing) * 2);
  }
  .m-3 {
    margin: calc(var(--spacing) * 3);
  }
  .m-4 {
    margin: calc(var(--spacing) * 4);
  }
  .m-5 {
    margin: calc(var(--spacing) * 5);
  }
  .m-6 {
    margin: calc(var(--spacing) * 6);
  }
  .m-8 {
    margin: calc(var(--spacing) * 8);
  }
  .m-1436 {
    margin: calc(var(--spacing) * 1436);
  }
  .m-2192 {
    margin: calc(var(--spacing) * 2192);
  }
  .m-2448 {
    margin: calc(var(--spacing) * 2448);
  }
  .m-\[-1px\] {
    margin: -1px;
  }
  .m-\[3px\] {
    margin: 3px;
  }
  .m-auto {
    margin: auto;
  }
  .-mx-\(--thread-content-margin\) {
    margin-inline: calc(var(--thread-content-margin) * -1);
  }
  .-mx-0\.5 {
    margin-inline: calc(var(--spacing) * -0.5);
  }
  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }
  .-mx-1\.5 {
    margin-inline: calc(var(--spacing) * -1.5);
  }
  .-mx-2 {
    margin-inline: calc(var(--spacing) * -2);
  }
  .-mx-2\.5 {
    margin-inline: calc(var(--spacing) * -2.5);
  }
  .-mx-3 {
    margin-inline: calc(var(--spacing) * -3);
  }
  .-mx-4 {
    margin-inline: calc(var(--spacing) * -4);
  }
  .-mx-4\.75\! {
    margin-inline: calc(var(--spacing) * -4.75) !important;
  }
  .-mx-5 {
    margin-inline: calc(var(--spacing) * -5);
  }
  .-mx-6 {
    margin-inline: calc(var(--spacing) * -6);
  }
  .-mx-8 {
    margin-inline: calc(var(--spacing) * -8);
  }
  .-mx-\[3px\] {
    margin-inline: -3px;
  }
  .-mx-px {
    margin-inline: -1px;
  }
  .mx-0 {
    margin-inline: calc(var(--spacing) * 0);
  }
  .mx-0\! {
    margin-inline: calc(var(--spacing) * 0) !important;
  }
  .mx-0\.5 {
    margin-inline: calc(var(--spacing) * 0.5);
  }
  .mx-0\.5\! {
    margin-inline: calc(var(--spacing) * 0.5) !important;
  }
  .mx-1 {
    margin-inline: calc(var(--spacing) * 1);
  }
  .mx-1\.5 {
    margin-inline: calc(var(--spacing) * 1.5);
  }
  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }
  .mx-3 {
    margin-inline: calc(var(--spacing) * 3);
  }
  .mx-3\! {
    margin-inline: calc(var(--spacing) * 3) !important;
  }
  .mx-3\.5 {
    margin-inline: calc(var(--spacing) * 3.5);
  }
  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }
  .mx-5 {
    margin-inline: calc(var(--spacing) * 5);
  }
  .mx-6 {
    margin-inline: calc(var(--spacing) * 6);
  }
  .mx-12 {
    margin-inline: calc(var(--spacing) * 12);
  }
  .mx-16 {
    margin-inline: calc(var(--spacing) * 16);
  }
  .mx-24 {
    margin-inline: calc(var(--spacing) * 24);
  }
  .mx-\[-1rem\] {
    margin-inline: -1rem;
  }
  .mx-\[-12px\] {
    margin-inline: -12px;
  }
  .mx-\[-16px\] {
    margin-inline: -16px;
  }
  .mx-\[2px\] {
    margin-inline: 2px;
  }
  .mx-\[10px\] {
    margin-inline: 10px;
  }
  .mx-\[32px\] {
    margin-inline: 32px;
  }
  .mx-\[calc\(--spacing\(-2\)-1px\)\] {
    margin-inline: calc(calc(var(--spacing) * -2) - 1px);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .mx-px {
    margin-inline: 1px;
  }
  .mx-snc-results-padding {
    margin-inline: var(--snc-results-padding);
  }
  .-my-0\.5 {
    margin-block: calc(var(--spacing) * -0.5);
  }
  .-my-1 {
    margin-block: calc(var(--spacing) * -1);
  }
  .-my-1\.5 {
    margin-block: calc(var(--spacing) * -1.5);
  }
  .-my-2 {
    margin-block: calc(var(--spacing) * -2);
  }
  .-my-2\.5 {
    margin-block: calc(var(--spacing) * -2.5);
  }
  .-my-3 {
    margin-block: calc(var(--spacing) * -3);
  }
  .-my-6 {
    margin-block: calc(var(--spacing) * -6);
  }
  .-my-\[1px\] {
    margin-block: -1px;
  }
  .my-0 {
    margin-block: calc(var(--spacing) * 0);
  }
  .my-0\! {
    margin-block: calc(var(--spacing) * 0) !important;
  }
  .my-0\.5 {
    margin-block: calc(var(--spacing) * 0.5);
  }
  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }
  .my-1\! {
    margin-block: calc(var(--spacing) * 1) !important;
  }
  .my-1\.5 {
    margin-block: calc(var(--spacing) * 1.5);
  }
  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }
  .my-2\.5 {
    margin-block: calc(var(--spacing) * 2.5);
  }
  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .my-5 {
    margin-block: calc(var(--spacing) * 5);
  }
  .my-6 {
    margin-block: calc(var(--spacing) * 6);
  }
  .my-8 {
    margin-block: calc(var(--spacing) * 8);
  }
  .my-9 {
    margin-block: calc(var(--spacing) * 9);
  }
  .my-12 {
    margin-block: calc(var(--spacing) * 12);
  }
  .my-16 {
    margin-block: calc(var(--spacing) * 16);
  }
  .my-20\! {
    margin-block: calc(var(--spacing) * 20) !important;
  }
  .my-\[-0\.2rem\] {
    margin-block: -0.2rem;
  }
  .my-\[32px\] {
    margin-block: 32px;
  }
  .my-auto {
    margin-block: auto;
  }
  .my-px {
    margin-block: 1px;
  }
  .-ms-0\.5 {
    margin-inline-start: calc(var(--spacing) * -0.5);
  }
  .-ms-1 {
    margin-inline-start: calc(var(--spacing) * -1);
  }
  .-ms-1\.5 {
    margin-inline-start: calc(var(--spacing) * -1.5);
  }
  .-ms-2 {
    margin-inline-start: calc(var(--spacing) * -2);
  }
  .-ms-2\.5 {
    margin-inline-start: calc(var(--spacing) * -2.5);
  }
  .-ms-3 {
    margin-inline-start: calc(var(--spacing) * -3);
  }
  .-ms-3\.5 {
    margin-inline-start: calc(var(--spacing) * -3.5);
  }
  .-ms-4 {
    margin-inline-start: calc(var(--spacing) * -4);
  }
  .-ms-\[3px\] {
    margin-inline-start: -3px;
  }
  .-ms-\[10px\] {
    margin-inline-start: -10px;
  }
  .-ms-\[50vw\] {
    margin-inline-start: -50vw;
  }
  .-ms-px {
    margin-inline-start: -1px;
  }
  .ms-0 {
    margin-inline-start: calc(var(--spacing) * 0);
  }
  .ms-0\! {
    margin-inline-start: calc(var(--spacing) * 0) !important;
  }
  .ms-0\.5 {
    margin-inline-start: calc(var(--spacing) * 0.5);
  }
  .ms-1 {
    margin-inline-start: calc(var(--spacing) * 1);
  }
  .ms-1\.5 {
    margin-inline-start: calc(var(--spacing) * 1.5);
  }
  .ms-2 {
    margin-inline-start: calc(var(--spacing) * 2);
  }
  .ms-2\! {
    margin-inline-start: calc(var(--spacing) * 2) !important;
  }
  .ms-2\.5 {
    margin-inline-start: calc(var(--spacing) * 2.5);
  }
  .ms-3 {
    margin-inline-start: calc(var(--spacing) * 3);
  }
  .ms-4 {
    margin-inline-start: calc(var(--spacing) * 4);
  }
  .ms-4\.5 {
    margin-inline-start: calc(var(--spacing) * 4.5);
  }
  .ms-5 {
    margin-inline-start: calc(var(--spacing) * 5);
  }
  .ms-6 {
    margin-inline-start: calc(var(--spacing) * 6);
  }
  .ms-7 {
    margin-inline-start: calc(var(--spacing) * 7);
  }
  .ms-8 {
    margin-inline-start: calc(var(--spacing) * 8);
  }
  .ms-10 {
    margin-inline-start: calc(var(--spacing) * 10);
  }
  .ms-14 {
    margin-inline-start: calc(var(--spacing) * 14);
  }
  .ms-24 {
    margin-inline-start: calc(var(--spacing) * 24);
  }
  .ms-\[-2px\] {
    margin-inline-start: -2px;
  }
  .ms-\[-6px\] {
    margin-inline-start: -6px;
  }
  .ms-\[-12px\] {
    margin-inline-start: -12px;
  }
  .ms-\[-16px\] {
    margin-inline-start: -16px;
  }
  .ms-\[-20px\] {
    margin-inline-start: -20px;
  }
  .ms-\[0\.5px\] {
    margin-inline-start: 0.5px;
  }
  .ms-\[1\.5px\] {
    margin-inline-start: 1.5px;
  }
  .ms-\[2px\] {
    margin-inline-start: 2px;
  }
  .ms-\[3px\] {
    margin-inline-start: 3px;
  }
  .ms-\[5px\] {
    margin-inline-start: 5px;
  }
  .ms-\[6px\] {
    margin-inline-start: 6px;
  }
  .ms-\[11px\] {
    margin-inline-start: 11px;
  }
  .ms-\[calc\(\(-2\*var\(--spacing\)\)\+1px\)\] {
    margin-inline-start: calc((-2 * var(--spacing)) + 1px);
  }
  .ms-auto {
    margin-inline-start: auto;
  }
  .ms-px {
    margin-inline-start: 1px;
  }
  .-me-0\.5 {
    margin-inline-end: calc(var(--spacing) * -0.5);
  }
  .-me-0\.25 {
    margin-inline-end: calc(var(--spacing) * -0.25);
  }
  .-me-1 {
    margin-inline-end: calc(var(--spacing) * -1);
  }
  .-me-1\.5 {
    margin-inline-end: calc(var(--spacing) * -1.5);
  }
  .-me-2 {
    margin-inline-end: calc(var(--spacing) * -2);
  }
  .-me-2\.5 {
    margin-inline-end: calc(var(--spacing) * -2.5);
  }
  .-me-3 {
    margin-inline-end: calc(var(--spacing) * -3);
  }
  .-me-4 {
    margin-inline-end: calc(var(--spacing) * -4);
  }
  .-me-5 {
    margin-inline-end: calc(var(--spacing) * -5);
  }
  .-me-14\.5 {
    margin-inline-end: calc(var(--spacing) * -14.5);
  }
  .-me-\[10px\] {
    margin-inline-end: -10px;
  }
  .-me-\[50vw\] {
    margin-inline-end: -50vw;
  }
  .me-0 {
    margin-inline-end: calc(var(--spacing) * 0);
  }
  .me-0\.5 {
    margin-inline-end: calc(var(--spacing) * 0.5);
  }
  .me-1 {
    margin-inline-end: calc(var(--spacing) * 1);
  }
  .me-1\.5 {
    margin-inline-end: calc(var(--spacing) * 1.5);
  }
  .me-2 {
    margin-inline-end: calc(var(--spacing) * 2);
  }
  .me-2\.5 {
    margin-inline-end: calc(var(--spacing) * 2.5);
  }
  .me-3 {
    margin-inline-end: calc(var(--spacing) * 3);
  }
  .me-4 {
    margin-inline-end: calc(var(--spacing) * 4);
  }
  .me-5 {
    margin-inline-end: calc(var(--spacing) * 5);
  }
  .me-6 {
    margin-inline-end: calc(var(--spacing) * 6);
  }
  .me-8 {
    margin-inline-end: calc(var(--spacing) * 8);
  }
  .me-12 {
    margin-inline-end: calc(var(--spacing) * 12);
  }
  .me-\[-4px\] {
    margin-inline-end: -4px;
  }
  .me-\[-8px\] {
    margin-inline-end: -8px;
  }
  .me-\[2px\] {
    margin-inline-end: 2px;
  }
  .me-\[10px\] {
    margin-inline-end: 10px;
  }
  .me-\[30px\] {
    margin-inline-end: 30px;
  }
  .me-\[calc\(-1\*var\(--spacing\)\)\] {
    margin-inline-end: calc(-1 * var(--spacing));
  }
  .me-auto {
    margin-inline-end: auto;
  }
  .me-px {
    margin-inline-end: 1px;
  }
  .box-trim-0\.5 {
    text-box: trim-both cap alphabetic;
  }
  @supports not (text-box: trim-both cap alphabetic) {
    .box-trim-0\.5:before {
      content: "";
      margin-bottom: calc(0.5cap - 0.5lh);
      display: table;
    }
    .box-trim-0\.5:after {
      content: "";
      margin-top: calc(0.5cap - 0.5lh);
      display: table;
    }
  }
  .box-trim-0\.25 {
    text-box: trim-both cap alphabetic;
  }
  @supports not (text-box: trim-both cap alphabetic) {
    .box-trim-0\.25:before {
      content: "";
      margin-bottom: calc(0.25cap - 0.25lh);
      display: table;
    }
    .box-trim-0\.25:after {
      content: "";
      margin-top: calc(0.75cap - 0.75lh);
      display: table;
    }
  }
  .box-trim-text-0\.25 {
    text-box: trim-both text;
  }
  @supports not (text-box: trim-both text) {
    .box-trim-text-0\.25:before {
      content: "";
      margin-bottom: calc(0.25cap - 0.25lh);
      display: table;
    }
    .box-trim-text-0\.25:after {
      content: "";
      margin-top: calc(0.75cap - 0.75lh);
      display: table;
    }
  }
  .prose-sm {
    font-size: 0.875rem;
    line-height: 1.71429;
  }
  .prose-sm
    :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.14286em;
    margin-bottom: 1.14286em;
  }
  .prose-sm
    :where([class~="lead"]):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    margin-top: 0.888889em;
    margin-bottom: 0.888889em;
    font-size: 1.28571em;
    line-height: 1.55556;
  }
  .prose-sm
    :where(blockquote):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    margin-top: 1.33333em;
    margin-bottom: 1.33333em;
    padding-inline-start: 1.11111em;
  }
  .prose-sm
    :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0.8em;
    font-size: 2.14286em;
    line-height: 1.2;
  }
  .prose-sm
    :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.6em;
    margin-bottom: 0.8em;
    font-size: 1.42857em;
    line-height: 1.4;
  }
  .prose-sm
    :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.55556em;
    margin-bottom: 0.444444em;
    font-size: 1.28571em;
    line-height: 1.55556;
  }
  .prose-sm
    :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.42857em;
    margin-bottom: 0.571429em;
    line-height: 1.42857;
  }
  .prose-sm
    :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .prose-sm
    :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.71429em;
    margin-bottom: 1.71429em;
  }
  .prose-sm
    :where(picture > img):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    margin-top: 0;
    margin-bottom: 0;
  }
  .prose-sm
    :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.71429em;
    margin-bottom: 1.71429em;
  }
  .prose-sm
    :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-top: 0.142857em;
    padding-inline-end: 0.357143em;
    padding-bottom: 0.142857em;
    border-radius: 0.3125rem;
    padding-inline-start: 0.357143em;
    font-size: 0.857143em;
  }
  .prose-sm
    :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: 0.857143em;
  }
  .prose-sm
    :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: 0.9em;
  }
  .prose-sm
    :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: 0.888889em;
  }
  .prose-sm
    :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-top: 0.666667em;
    padding-inline-end: 1em;
    padding-bottom: 0.666667em;
    border-radius: 0.25rem;
    margin-top: 1.66667em;
    margin-bottom: 1.66667em;
    padding-inline-start: 1em;
    font-size: 0.857143em;
    line-height: 1.66667;
  }
  .prose-sm
    :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .prose-sm
    :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.14286em;
    margin-bottom: 1.14286em;
    padding-inline-start: 1.57143em;
  }
  .prose-sm
    :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0.285714em;
    margin-bottom: 0.285714em;
  }
  .prose-sm
    :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .prose-sm
    :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0.428571em;
  }
  .prose-sm
    :where(.prose-sm > ul > li p):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    margin-top: 0.571429em;
    margin-bottom: 0.571429em;
  }
  .prose-sm
    :where(.prose-sm > ul > li > p:first-child):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    margin-top: 1.14286em;
  }
  .prose-sm
    :where(.prose-sm > ul > li > p:last-child):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    margin-bottom: 1.14286em;
  }
  .prose-sm
    :where(.prose-sm > ol > li > p:first-child):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    margin-top: 1.14286em;
  }
  .prose-sm
    :where(.prose-sm > ol > li > p:last-child):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    margin-bottom: 1.14286em;
  }
  .prose-sm
    :where(ul ul, ul ol, ol ul, ol ol):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    margin-top: 0.571429em;
    margin-bottom: 0.571429em;
  }
  .prose-sm
    :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.14286em;
    margin-bottom: 1.14286em;
  }
  .prose-sm
    :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.14286em;
  }
  .prose-sm
    :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0.285714em;
    padding-inline-start: 1.57143em;
  }
  .prose-sm
    :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2.85714em;
    margin-bottom: 2.85714em;
  }
  .prose-sm
    :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .prose-sm
    :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .prose-sm
    :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .prose-sm
    :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
  }
  .prose-sm
    :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: 0.857143em;
    line-height: 1.5;
  }
  .prose-sm
    :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: 1em;
    padding-bottom: 0.666667em;
    padding-inline-start: 1em;
  }
  .prose-sm
    :where(thead th:first-child):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    padding-inline-start: 0;
  }
  .prose-sm
    :where(thead th:last-child):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    padding-inline-end: 0;
  }
  .prose-sm
    :where(tbody td, tfoot td):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    padding-top: 0.666667em;
    padding-inline-end: 1em;
    padding-bottom: 0.666667em;
    padding-inline-start: 1em;
  }
  .prose-sm
    :where(tbody td:first-child, tfoot td:first-child):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    padding-inline-start: 0;
  }
  .prose-sm
    :where(tbody td:last-child, tfoot td:last-child):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    padding-inline-end: 0;
  }
  .prose-sm
    :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.71429em;
    margin-bottom: 1.71429em;
  }
  .prose-sm
    :where(figure > *):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    margin-top: 0;
    margin-bottom: 0;
  }
  .prose-sm
    :where(figcaption):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    margin-top: 0.666667em;
    font-size: 0.857143em;
    line-height: 1.33333;
  }
  .prose-sm
    :where(.prose-sm > :first-child):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    margin-top: 0;
  }
  .prose-sm
    :where(.prose-sm > :last-child):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    margin-bottom: 0;
  }
  .offset-padding-top-4 {
    --offset-padding: calc(var(--spacing) * 4);
    margin-top: calc(var(--offset-padding) * -1);
    padding-top: var(--offset-padding);
  }
  .\!mt-0 {
    margin-top: calc(var(--spacing) * 0) !important;
  }
  .\!mt-\[24px\] {
    margin-top: 24px !important;
  }
  .-mt-0\.5 {
    margin-top: calc(var(--spacing) * -0.5);
  }
  .-mt-0\.25 {
    margin-top: calc(var(--spacing) * -0.25);
  }
  .-mt-1 {
    margin-top: calc(var(--spacing) * -1);
  }
  .-mt-1\.5 {
    margin-top: calc(var(--spacing) * -1.5);
  }
  .-mt-2 {
    margin-top: calc(var(--spacing) * -2);
  }
  .-mt-2\.5 {
    margin-top: calc(var(--spacing) * -2.5);
  }
  .-mt-3 {
    margin-top: calc(var(--spacing) * -3);
  }
  .-mt-4 {
    margin-top: calc(var(--spacing) * -4);
  }
  .-mt-5 {
    margin-top: calc(var(--spacing) * -5);
  }
  .-mt-6 {
    margin-top: calc(var(--spacing) * -6);
  }
  .-mt-6\.5 {
    margin-top: calc(var(--spacing) * -6.5);
  }
  .-mt-7 {
    margin-top: calc(var(--spacing) * -7);
  }
  .-mt-8 {
    margin-top: calc(var(--spacing) * -8);
  }
  .-mt-9 {
    margin-top: calc(var(--spacing) * -9);
  }
  .-mt-10 {
    margin-top: calc(var(--spacing) * -10);
  }
  .-mt-12 {
    margin-top: calc(var(--spacing) * -12);
  }
  .-mt-14 {
    margin-top: calc(var(--spacing) * -14);
  }
  .-mt-\[100px\] {
    margin-top: -100px;
  }
  .-mt-px {
    margin-top: -1px;
  }
  .mt-\(--sidebar-section-first-margin-top\) {
    margin-top: var(--sidebar-section-first-margin-top);
  }
  .mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }
  .mt-0\! {
    margin-top: calc(var(--spacing) * 0) !important;
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-0\.25 {
    margin-top: calc(var(--spacing) * 0.25);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-9 {
    margin-top: calc(var(--spacing) * 9);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-10\! {
    margin-top: calc(var(--spacing) * 10) !important;
  }
  .mt-11 {
    margin-top: calc(var(--spacing) * 11);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-13 {
    margin-top: calc(var(--spacing) * 13);
  }
  .mt-15 {
    margin-top: calc(var(--spacing) * 15);
  }
  .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }
  .mt-18 {
    margin-top: calc(var(--spacing) * 18);
  }
  .mt-22 {
    margin-top: calc(var(--spacing) * 22);
  }
  .mt-30 {
    margin-top: calc(var(--spacing) * 30);
  }
  .mt-36 {
    margin-top: calc(var(--spacing) * 36);
  }
  .mt-\[-1px\] {
    margin-top: -1px;
  }
  .mt-\[-2px\] {
    margin-top: -2px;
  }
  .mt-\[-4px\] {
    margin-top: -4px;
  }
  .mt-\[-10px\] {
    margin-top: -10px;
  }
  .mt-\[-32px\] {
    margin-top: -32px;
  }
  .mt-\[\.5px\],
  .mt-\[0\.5px\] {
    margin-top: 0.5px;
  }
  .mt-\[0\.225rem\] {
    margin-top: 0.225rem;
  }
  .mt-\[0\.425rem\] {
    margin-top: 0.425rem;
  }
  .mt-\[0\.0625em\] {
    margin-top: 0.0625em;
  }
  .mt-\[1\.5px\] {
    margin-top: 1.5px;
  }
  .mt-\[1px\] {
    margin-top: 1px;
  }
  .mt-\[2px\] {
    margin-top: 2px;
  }
  .mt-\[3px\] {
    margin-top: 3px;
  }
  .mt-\[4px\] {
    margin-top: 4px;
  }
  .mt-\[4px\]\! {
    margin-top: 4px !important;
  }
  .mt-\[5px\] {
    margin-top: 5px;
  }
  .mt-\[6px\] {
    margin-top: 6px;
  }
  .mt-\[8px\] {
    margin-top: 8px;
  }
  .mt-\[12px\] {
    margin-top: 12px;
  }
  .mt-\[14px\] {
    margin-top: 14px;
  }
  .mt-\[16px\] {
    margin-top: 16px;
  }
  .mt-\[17px\] {
    margin-top: 17px;
  }
  .mt-\[20px\] {
    margin-top: 20px;
  }
  .mt-\[22px\] {
    margin-top: 22px;
  }
  .mt-\[24\.5px\] {
    margin-top: 24.5px;
  }
  .mt-\[24px\] {
    margin-top: 24px;
  }
  .mt-\[36px\] {
    margin-top: 36px;
  }
  .mt-\[calc\(-1rem-3px\)\] {
    margin-top: calc(-1rem - 3px);
  }
  .mt-\[calc\(var\(--header-height\,52px\)\*-1\)\] {
    margin-top: calc(var(--header-height, 52px) * -1);
  }
  .mt-\[calc\(var\(--threadFlyOut-leading-height\,53px\)\*-1\)\] {
    margin-top: calc(var(--threadFlyOut-leading-height, 53px) * -1);
  }
  .mt-\[calc\(var\(--threadFlyOut-leading-height\,57px\)\*-1\)\] {
    margin-top: calc(var(--threadFlyOut-leading-height, 57px) * -1);
  }
  .mt-\[calc\(var\(--threadFlyOut-leading-height\,var\(--header-height\)\)\*-1\)\] {
    margin-top: calc(
      var(--threadFlyOut-leading-height, var(--header-height)) * -1
    );
  }
  .mt-\[calc\(var\(--threadFlyOut-leading-height\,var\(--product-flyout-sticky-header-height\)\)\*-1\)\] {
    margin-top: calc(
      var(
          --threadFlyOut-leading-height,
          var(--product-flyout-sticky-header-height)
        ) *
        -1
    );
  }
  .mt-\[env\(safe-area-inset-top\,0px\)\] {
    margin-top: env(safe-area-inset-top, 0px);
  }
  .mt-\[min\(20svh\,150px\)\] {
    margin-top: min(20svh, 150px);
  }
  .mt-\[var\(--screen-optical-compact-offset-amount\)\] {
    margin-top: var(--screen-optical-compact-offset-amount);
  }
  .mt-auto {
    margin-top: auto;
  }
  .mt-px {
    margin-top: 1px;
  }
  .mt-snc-1 {
    margin-top: var(--snc-1);
  }
  .-mr-0\.5 {
    margin-right: calc(var(--spacing) * -0.5);
  }
  .-mr-1 {
    margin-right: calc(var(--spacing) * -1);
  }
  .-mr-2 {
    margin-right: calc(var(--spacing) * -2);
  }
  .-mr-2\.5 {
    margin-right: calc(var(--spacing) * -2.5);
  }
  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }
  .mr-1\.5 {
    margin-right: calc(var(--spacing) * 1.5);
  }
  .mr-3 {
    margin-right: calc(var(--spacing) * 3);
  }
  .mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }
  .mr-8 {
    margin-right: calc(var(--spacing) * 8);
  }
  .mr-\[-2px\] {
    margin-right: -2px;
  }
  .mr-\[-100\%\] {
    margin-right: -100%;
  }
  .-mb-\(--composer-overlap-px\) {
    margin-bottom: calc(var(--composer-overlap-px) * -1);
  }
  .-mb-0\.5 {
    margin-bottom: calc(var(--spacing) * -0.5);
  }
  .-mb-1 {
    margin-bottom: calc(var(--spacing) * -1);
  }
  .-mb-1\.5 {
    margin-bottom: calc(var(--spacing) * -1.5);
  }
  .-mb-2 {
    margin-bottom: calc(var(--spacing) * -2);
  }
  .-mb-2\.5 {
    margin-bottom: calc(var(--spacing) * -2.5);
  }
  .-mb-3 {
    margin-bottom: calc(var(--spacing) * -3);
  }
  .-mb-4 {
    margin-bottom: calc(var(--spacing) * -4);
  }
  .-mb-5 {
    margin-bottom: calc(var(--spacing) * -5);
  }
  .-mb-6 {
    margin-bottom: calc(var(--spacing) * -6);
  }
  .-mb-9 {
    margin-bottom: calc(var(--spacing) * -9);
  }
  .-mb-10 {
    margin-bottom: calc(var(--spacing) * -10);
  }
  .-mb-\[1px\] {
    margin-bottom: -1px;
  }
  .-mb-\[3px\] {
    margin-bottom: -3px;
  }
  .-mb-\[102px\] {
    margin-bottom: -102px;
  }
  .-mb-px {
    margin-bottom: -1px;
  }
  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .mb-0\! {
    margin-bottom: calc(var(--spacing) * 0) !important;
  }
  .mb-0\.5 {
    margin-bottom: calc(var(--spacing) * 0.5);
  }
  .mb-0\.75 {
    margin-bottom: calc(var(--spacing) * 0.75);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-2\.5 {
    margin-bottom: calc(var(--spacing) * 2.5);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-3\.5 {
    margin-bottom: calc(var(--spacing) * 3.5);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-4\.5 {
    margin-bottom: calc(var(--spacing) * 4.5);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-5\! {
    margin-bottom: calc(var(--spacing) * 5) !important;
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-6\.5 {
    margin-bottom: calc(var(--spacing) * 6.5);
  }
  .mb-7 {
    margin-bottom: calc(var(--spacing) * 7);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-9 {
    margin-bottom: calc(var(--spacing) * 9);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .mb-11 {
    margin-bottom: calc(var(--spacing) * 11);
  }
  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .mb-20 {
    margin-bottom: calc(var(--spacing) * 20);
  }
  .mb-30 {
    margin-bottom: calc(var(--spacing) * 30);
  }
  .mb-36 {
    margin-bottom: calc(var(--spacing) * 36);
  }
  .mb-64 {
    margin-bottom: calc(var(--spacing) * 64);
  }
  .mb-\[-1px\] {
    margin-bottom: -1px;
  }
  .mb-\[-2px\] {
    margin-bottom: -2px;
  }
  .mb-\[-5px\] {
    margin-bottom: -5px;
  }
  .mb-\[-6px\] {
    margin-bottom: -6px;
  }
  .mb-\[-12px\] {
    margin-bottom: -12px;
  }
  .mb-\[0\.225rem\] {
    margin-bottom: 0.225rem;
  }
  .mb-\[0\.425rem\] {
    margin-bottom: 0.425rem;
  }
  .mb-\[0\.1875rem\] {
    margin-bottom: 0.1875rem;
  }
  .mb-\[0\.3125rem\] {
    margin-bottom: 0.3125rem;
  }
  .mb-\[1px\] {
    margin-bottom: 1px;
  }
  .mb-\[4px\] {
    margin-bottom: 4px;
  }
  .mb-\[8px\] {
    margin-bottom: 8px;
  }
  .mb-\[16px\] {
    margin-bottom: 16px;
  }
  .mb-\[40px\] {
    margin-bottom: 40px;
  }
  .mb-\[60px\] {
    margin-bottom: 60px;
  }
  .mb-\[calc\(var\(--spacing\)\*1\)\] {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-\[calc\(var\(--spacing\)\*2\)\] {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-\[env\(safe-area-inset-bottom\,0px\)\] {
    margin-bottom: env(safe-area-inset-bottom, 0px);
  }
  .mb-\[var\(--sidebar-collapsed-section-margin-bottom\)\] {
    margin-bottom: var(--sidebar-collapsed-section-margin-bottom);
  }
  .mb-\[var\(--sidebar-expanded-section-margin-bottom\)\] {
    margin-bottom: var(--sidebar-expanded-section-margin-bottom);
  }
  .mb-\[var\(--thread-component-gap\,1rem\)\] {
    margin-bottom: var(--thread-component-gap, 1rem);
  }
  .mb-px {
    margin-bottom: 1px;
  }
  .mb-snc-1 {
    margin-bottom: var(--snc-1);
  }
  .-ml-1 {
    margin-left: calc(var(--spacing) * -1);
  }
  .-ml-3 {
    margin-left: calc(var(--spacing) * -3);
  }
  .-ml-4 {
    margin-left: calc(var(--spacing) * -4);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }
  .ml-6 {
    margin-left: calc(var(--spacing) * 6);
  }
  .ml-\[1px\] {
    margin-left: 1px;
  }
  .ml-\[2px\] {
    margin-left: 2px;
  }
  .ml-auto {
    margin-left: auto;
  }
  .box-border {
    box-sizing: border-box;
  }
  .box-content {
    box-sizing: content-box;
  }
  .chevron-marker:first-of-type > summary {
    list-style: none;
  }
  .chevron-marker:first-of-type > summary:before {
    content: "";
    vertical-align: -0.125em;
    background-color: var(--interactive-label-default-tertiary);
    width: 16px;
    height: 16px;
    display: inline-block;
    -webkit-mask: url(data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIxNiIKICBoZWlnaHQ9IjE2IgogIHZpZXdCb3g9IjAgMCAxNiAxNiIKICBmaWxsPSJjdXJyZW50Q29sb3IiCiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIGRhdGEtcnRsLWZsaXA9IiIKPgo8cGF0aAogICAgZD0iTTYuMDI5MjUgMy4wMjkyOUM2LjI1NjUyIDIuODAyMDIgNi42MDgwMyAyLjc3MzgyIDYuODY2MTYgMi45NDQzM0w2Ljk3MDY1IDMuMDI5MjlMMTEuNDcwNyA3LjUyOTI5QzExLjczMDQgNy43ODg5OSAxMS43MzA0IDguMjExIDExLjQ3MDcgOC40NzA3TDYuOTcwNjUgMTIuOTcwN0M2LjcxMDk1IDEzLjIzMDQgNi4yODg5NSAxMy4yMzA0IDYuMDI5MjUgMTIuOTcwN0M1Ljc2OTU1IDEyLjcxMSA1Ljc2OTU1IDEyLjI4OSA2LjAyOTI1IDEyLjAyOTNMMTAuMDU4NSA3Ljk5OTk5TDYuMDI5MjUgMy45NzA3TDUuOTQ0MjkgMy44NjYyQzUuNzczNzggMy42MDgwNyA1LjgwMTk4IDMuMjU2NTYgNi4wMjkyNSAzLjAyOTI5WiIKICAvPgo8L3N2Zz4=)
      50% / contain no-repeat;
    mask: url(data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIxNiIKICBoZWlnaHQ9IjE2IgogIHZpZXdCb3g9IjAgMCAxNiAxNiIKICBmaWxsPSJjdXJyZW50Q29sb3IiCiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIGRhdGEtcnRsLWZsaXA9IiIKPgo8cGF0aAogICAgZD0iTTYuMDI5MjUgMy4wMjkyOUM2LjI1NjUyIDIuODAyMDIgNi42MDgwMyAyLjc3MzgyIDYuODY2MTYgMi45NDQzM0w2Ljk3MDY1IDMuMDI5MjlMMTEuNDcwNyA3LjUyOTI5QzExLjczMDQgNy43ODg5OSAxMS43MzA0IDguMjExIDExLjQ3MDcgOC40NzA3TDYuOTcwNjUgMTIuOTcwN0M2LjcxMDk1IDEzLjIzMDQgNi4yODg5NSAxMy4yMzA0IDYuMDI5MjUgMTIuOTcwN0M1Ljc2OTU1IDEyLjcxMSA1Ljc2OTU1IDEyLjI4OSA2LjAyOTI1IDEyLjAyOTNMMTAuMDU4NSA3Ljk5OTk5TDYuMDI5MjUgMy45NzA3TDUuOTQ0MjkgMy44NjYyQzUuNzczNzggMy42MDgwNyA1LjgwMTk4IDMuMjU2NTYgNi4wMjkyNSAzLjAyOTI5WiIKICAvPgo8L3N2Zz4=)
      50% / contain no-repeat;
  }
  @media (prefers-reduced-motion: no-preference) {
    .chevron-marker:first-of-type > summary:before {
      transition: rotate var(--easing-spring-elegant-duration, 0.2s)
        var(--easing-spring-elegant, linear);
    }
  }
  .chevron-marker[open]:first-of-type > summary:before {
    rotate: 90deg;
  }
  .form-input {
    appearance: none;
    border-color: var(--gray-500);
    --tw-shadow: 0 0 #0000;
    background-color: #fff;
    border-width: 1px;
    border-radius: 0;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .form-input:focus {
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty,);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: var(--blue-600);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
      var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
      calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow:
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: var(--blue-600);
    outline: 2px solid #0000;
  }
  .form-input::placeholder {
    color: var(--gray-500);
    opacity: 1;
  }
  .form-input::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  .form-input::-webkit-date-and-time-value {
    min-height: 1.5em;
  }
  .form-input::-webkit-date-and-time-value {
    text-align: inherit;
  }
  .form-input::-webkit-datetime-edit {
    display: inline-flex;
  }
  .form-input::-webkit-datetime-edit {
    padding-top: 0;
    padding-bottom: 0;
  }
  .form-input::-webkit-datetime-edit-year-field {
    padding-top: 0;
    padding-bottom: 0;
  }
  .form-input::-webkit-datetime-edit-month-field {
    padding-top: 0;
    padding-bottom: 0;
  }
  .form-input::-webkit-datetime-edit-day-field {
    padding-top: 0;
    padding-bottom: 0;
  }
  .form-input::-webkit-datetime-edit-hour-field {
    padding-top: 0;
    padding-bottom: 0;
  }
  .form-input::-webkit-datetime-edit-minute-field {
    padding-top: 0;
    padding-bottom: 0;
  }
  .form-input::-webkit-datetime-edit-second-field {
    padding-top: 0;
    padding-bottom: 0;
  }
  .form-input::-webkit-datetime-edit-millisecond-field {
    padding-top: 0;
    padding-bottom: 0;
  }
  .form-input::-webkit-datetime-edit-meridiem-field {
    padding-top: 0;
    padding-bottom: 0;
  }
  .grid-cols-auto {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    display: grid;
  }
  .grid-cols-auto:has(> :nth-child(2):last-child) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-auto:has(> :nth-child(3):last-child) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-auto:has(> :nth-child(4):last-child) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .line-clamp-1 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
  .line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
  .line-clamp-3 {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
  .line-clamp-4 {
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
  .line-clamp-5 {
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
  .line-clamp-6 {
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
  .line-clamp-12 {
    -webkit-line-clamp: 12;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
  .line-clamp-none {
    -webkit-line-clamp: unset;
    -webkit-box-orient: horizontal;
    display: block;
    overflow: visible;
  }
  .entity-underline {
    vertical-align: baseline;
    text-decoration-line: underline;
    -webkit-text-decoration-color: var(--text-tertiary);
    -webkit-text-decoration-color: var(--text-tertiary);
    -webkit-text-decoration-color: var(--text-tertiary);
    -webkit-text-decoration-color: var(--text-tertiary);
    text-decoration-color: var(--text-tertiary);
    text-underline-offset: 2px;
    text-decoration-style: dotted;
    text-decoration-thickness: 1px;
    display: inline;
  }
  @media (hover: hover) {
    .entity-underline:hover {
      -webkit-text-decoration-color: inherit;
      -webkit-text-decoration-color: inherit;
      -webkit-text-decoration-color: inherit;
      -webkit-text-decoration-color: inherit;
      text-decoration-color: inherit;
    }
  }
  .entity-underline {
    -webkit-text-decoration-skip-ink: auto;
    text-decoration-skip-ink: auto;
    text-underline-position: from-font;
  }
  .\[display\:var\(--display-hidden-until-loaded\,block\)\] {
    display: var(--display-hidden-until-loaded, block);
  }
  .\[display\:var\(--display-hidden-until-loaded\,flex\)\] {
    display: var(--display-hidden-until-loaded, flex);
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .flow-root {
    display: flow-root;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .hidden\! {
    display: none !important;
  }
  .inline {
    display: inline;
  }
  .inline\! {
    display: inline !important;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .inline-flex\! {
    display: inline-flex !important;
  }
  .inline-grid {
    display: inline-grid;
  }
  .list-item {
    display: list-item;
  }
  .table {
    display: table;
  }
  .table\! {
    display: table !important;
  }
  .table-caption {
    display: table-caption;
  }
  .table-cell {
    display: table-cell;
  }
  .table-row {
    display: table-row;
  }
  .field-sizing-content {
    field-sizing: content;
  }
  .aspect-3\/2 {
    aspect-ratio: 3/2;
  }
  .aspect-4\/5 {
    aspect-ratio: 4/5;
  }
  .aspect-4\/7 {
    aspect-ratio: 4/7;
  }
  .aspect-7\/4 {
    aspect-ratio: 7/4;
  }
  .aspect-16\/9 {
    aspect-ratio: 16/9;
  }
  .aspect-\[0\.75\/1\] {
    aspect-ratio: 0.75;
  }
  .aspect-\[1\.45\] {
    aspect-ratio: 1.45;
  }
  .aspect-\[2\.5\/1\] {
    aspect-ratio: 2.5;
  }
  .aspect-\[2\/1\] {
    aspect-ratio: 2;
  }
  .aspect-\[3\/1\] {
    aspect-ratio: 3;
  }
  .aspect-\[4\/3\] {
    aspect-ratio: 4/3;
  }
  .aspect-\[4\/5\] {
    aspect-ratio: 4/5;
  }
  .aspect-\[5\/4\] {
    aspect-ratio: 5/4;
  }
  .aspect-\[9\/16\] {
    aspect-ratio: 9/16;
  }
  .aspect-\[13\/16\] {
    aspect-ratio: 13/16;
  }
  .aspect-\[16\/9\] {
    aspect-ratio: 16/9;
  }
  .aspect-\[16\/10\] {
    aspect-ratio: 16/10;
  }
  .aspect-\[45\/32\] {
    aspect-ratio: 45/32;
  }
  .aspect-\[360\/272\] {
    aspect-ratio: 360/272;
  }
  .aspect-\[614\/493\] {
    aspect-ratio: 614/493;
  }
  .aspect-\[752\/244\] {
    aspect-ratio: 752/244;
  }
  .aspect-\[1024\/697\] {
    aspect-ratio: 1024/697;
  }
  .aspect-\[1024\/698\] {
    aspect-ratio: 1024/698;
  }
  .aspect-\[1024\/755\] {
    aspect-ratio: 1024/755;
  }
  .aspect-\[1024\/764\] {
    aspect-ratio: 1024/764;
  }
  .aspect-\[1024\/768\] {
    aspect-ratio: 1024/768;
  }
  .aspect-\[1024\/777\] {
    aspect-ratio: 1024/777;
  }
  .aspect-\[1200\/630\] {
    aspect-ratio: 1200/630;
  }
  .aspect-auto {
    aspect-ratio: auto;
  }
  .aspect-square {
    aspect-ratio: 1;
  }
  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }
  .icon {
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    flex-grow: 0;
    flex-shrink: 0;
  }
  .icon\! {
    height: calc(var(--spacing) * 5) !important;
    width: calc(var(--spacing) * 5) !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
  }
  .icon-sm {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    flex-grow: 0;
    flex-shrink: 0;
  }
  .icon-xs {
    height: calc(var(--spacing) * 3);
    width: calc(var(--spacing) * 3);
    flex-grow: 0;
    flex-shrink: 0;
  }
  .size-1\.5 {
    width: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 1.5);
  }
  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }
  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .size-4\.5 {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
  }
  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .size-6\.5 {
    width: calc(var(--spacing) * 6.5);
    height: calc(var(--spacing) * 6.5);
  }
  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }
  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .size-8\! {
    width: calc(var(--spacing) * 8) !important;
    height: calc(var(--spacing) * 8) !important;
  }
  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }
  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .size-10\.5 {
    width: calc(var(--spacing) * 10.5);
    height: calc(var(--spacing) * 10.5);
  }
  .size-11 {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }
  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }
  .size-13 {
    width: calc(var(--spacing) * 13);
    height: calc(var(--spacing) * 13);
  }
  .size-14 {
    width: calc(var(--spacing) * 14);
    height: calc(var(--spacing) * 14);
  }
  .size-15 {
    width: calc(var(--spacing) * 15);
    height: calc(var(--spacing) * 15);
  }
  .size-16 {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
  }
  .size-\[1lh\] {
    width: 1lh;
    height: 1lh;
  }
  .size-\[10px\] {
    width: 10px;
    height: 10px;
  }
  .size-\[18px\] {
    width: 18px;
    height: 18px;
  }
  .size-\[24px\] {
    width: 24px;
    height: 24px;
  }
  .size-\[26px\] {
    width: 26px;
    height: 26px;
  }
  .size-\[76px\] {
    width: 76px;
    height: 76px;
  }
  .size-\[77px\] {
    width: 77px;
    height: 77px;
  }
  .size-\[88px\] {
    width: 88px;
    height: 88px;
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .size-min {
    width: min-content;
    height: min-content;
  }
  .size-px {
    width: 1px;
    height: 1px;
  }
  .\!h-7 {
    height: calc(var(--spacing) * 7) !important;
  }
  .\!h-8 {
    height: calc(var(--spacing) * 8) !important;
  }
  .\!h-9 {
    height: calc(var(--spacing) * 9) !important;
  }
  .\!h-\[76px\] {
    height: 76px !important;
  }
  .\!h-auto {
    height: auto !important;
  }
  .\!h-full {
    height: 100% !important;
  }
  .h-\(--composer-container-height\,100\%\) {
    height: var(--composer-container-height, 100%);
  }
  .h-\(--header-height\) {
    height: var(--header-height);
  }
  .h-\(--sticky-spacer\) {
    height: var(--sticky-spacer);
  }
  .h-0 {
    height: calc(var(--spacing) * 0);
  }
  .h-0\.5 {
    height: calc(var(--spacing) * 0.5);
  }
  .h-1 {
    height: calc(var(--spacing) * 1);
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-1\.75 {
    height: calc(var(--spacing) * 1.75);
  }
  .h-1\/3 {
    height: 33.3333%;
  }
  .h-1\/4 {
    height: 25%;
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }
  .h-2\.75 {
    height: calc(var(--spacing) * 2.75);
  }
  .h-2\/3 {
    height: 66.6667%;
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-4\.5 {
    height: calc(var(--spacing) * 4.5);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-6\! {
    height: calc(var(--spacing) * 6) !important;
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-7\! {
    height: calc(var(--spacing) * 7) !important;
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-8\! {
    height: calc(var(--spacing) * 8) !important;
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-9\! {
    height: calc(var(--spacing) * 9) !important;
  }
  .h-9\.5 {
    height: calc(var(--spacing) * 9.5);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-10\.5 {
    height: calc(var(--spacing) * 10.5);
  }
  .h-11 {
    height: calc(var(--spacing) * 11);
  }
  .h-11\! {
    height: calc(var(--spacing) * 11) !important;
  }
  .h-11\.5 {
    height: calc(var(--spacing) * 11.5);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-13 {
    height: calc(var(--spacing) * 13);
  }
  .h-13\! {
    height: calc(var(--spacing) * 13) !important;
  }
  .h-14 {
    height: calc(var(--spacing) * 14);
  }
  .h-15 {
    height: calc(var(--spacing) * 15);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-18 {
    height: calc(var(--spacing) * 18);
  }
  .h-18\! {
    height: calc(var(--spacing) * 18) !important;
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-20\! {
    height: calc(var(--spacing) * 20) !important;
  }
  .h-24 {
    height: calc(var(--spacing) * 24);
  }
  .h-28 {
    height: calc(var(--spacing) * 28);
  }
  .h-30 {
    height: calc(var(--spacing) * 30);
  }
  .h-32 {
    height: calc(var(--spacing) * 32);
  }
  .h-34 {
    height: calc(var(--spacing) * 34);
  }
  .h-36 {
    height: calc(var(--spacing) * 36);
  }
  .h-40 {
    height: calc(var(--spacing) * 40);
  }
  .h-42 {
    height: calc(var(--spacing) * 42);
  }
  .h-44 {
    height: calc(var(--spacing) * 44);
  }
  .h-45 {
    height: calc(var(--spacing) * 45);
  }
  .h-48 {
    height: calc(var(--spacing) * 48);
  }
  .h-50 {
    height: calc(var(--spacing) * 50);
  }
  .h-56 {
    height: calc(var(--spacing) * 56);
  }
  .h-60 {
    height: calc(var(--spacing) * 60);
  }
  .h-64 {
    height: calc(var(--spacing) * 64);
  }
  .h-72 {
    height: calc(var(--spacing) * 72);
  }
  .h-74 {
    height: calc(var(--spacing) * 74);
  }
  .h-84 {
    height: calc(var(--spacing) * 84);
  }
  .h-88 {
    height: calc(var(--spacing) * 88);
  }
  .h-92 {
    height: calc(var(--spacing) * 92);
  }
  .h-96 {
    height: calc(var(--spacing) * 96);
  }
  .h-105 {
    height: calc(var(--spacing) * 105);
  }
  .h-120 {
    height: calc(var(--spacing) * 120);
  }
  .h-\[0\.6rem\] {
    height: 0.6rem;
  }
  .h-\[0\.75em\] {
    height: 0.75em;
  }
  .h-\[0\.75rem\] {
    height: 0.75rem;
  }
  .h-\[1em\] {
    height: 1em;
  }
  .h-\[1lh\]\! {
    height: 1lh !important;
  }
  .h-\[1px\] {
    height: 1px;
  }
  .h-\[2px\] {
    height: 2px;
  }
  .h-\[3px\] {
    height: 3px;
  }
  .h-\[4px\] {
    height: 4px;
  }
  .h-\[6\.5px\] {
    height: 6.5px;
  }
  .h-\[6px\] {
    height: 6px;
  }
  .h-\[7px\] {
    height: 7px;
  }
  .h-\[8px\] {
    height: 8px;
  }
  .h-\[9px\] {
    height: 9px;
  }
  .h-\[11px\] {
    height: 11px;
  }
  .h-\[12px\] {
    height: 12px;
  }
  .h-\[13\.333px\] {
    height: 13.333px;
  }
  .h-\[13px\] {
    height: 13px;
  }
  .h-\[14px\] {
    height: 14px;
  }
  .h-\[15\.83px\] {
    height: 15.83px;
  }
  .h-\[15dvh\] {
    height: 15dvh;
  }
  .h-\[15px\] {
    height: 15px;
  }
  .h-\[16px\] {
    height: 16px;
  }
  .h-\[17px\] {
    height: 17px;
  }
  .h-\[18px\] {
    height: 18px;
  }
  .h-\[18px\]\! {
    height: 18px !important;
  }
  .h-\[20px\] {
    height: 20px;
  }
  .h-\[20rem\] {
    height: 20rem;
  }
  .h-\[21px\] {
    height: 21px;
  }
  .h-\[22px\] {
    height: 22px;
  }
  .h-\[22rem\] {
    height: 22rem;
  }
  .h-\[23px\] {
    height: 23px;
  }
  .h-\[24pt\] {
    height: 24pt;
  }
  .h-\[24px\] {
    height: 24px;
  }
  .h-\[24rem\] {
    height: 24rem;
  }
  .h-\[25px\] {
    height: 25px;
  }
  .h-\[26px\] {
    height: 26px;
  }
  .h-\[27px\] {
    height: 27px;
  }
  .h-\[28px\] {
    height: 28px;
  }
  .h-\[28rem\] {
    height: 28rem;
  }
  .h-\[30px\] {
    height: 30px;
  }
  .h-\[30vh\] {
    height: 30vh;
  }
  .h-\[31\.5px\] {
    height: 31.5px;
  }
  .h-\[32px\] {
    height: 32px;
  }
  .h-\[33\%\] {
    height: 33%;
  }
  .h-\[33px\] {
    height: 33px;
  }
  .h-\[34\.56px\] {
    height: 34.56px;
  }
  .h-\[34px\] {
    height: 34px;
  }
  .h-\[34rem\] {
    height: 34rem;
  }
  .h-\[36px\] {
    height: 36px;
  }
  .h-\[38px\] {
    height: 38px;
  }
  .h-\[38px\]\! {
    height: 38px !important;
  }
  .h-\[40px\] {
    height: 40px;
  }
  .h-\[42px\] {
    height: 42px;
  }
  .h-\[44px\] {
    height: 44px;
  }
  .h-\[45px\] {
    height: 45px;
  }
  .h-\[48px\] {
    height: 48px;
  }
  .h-\[50\%\] {
    height: 50%;
  }
  .h-\[50dvh\] {
    height: 50dvh;
  }
  .h-\[50px\] {
    height: 50px;
  }
  .h-\[50vh\] {
    height: 50vh;
  }
  .h-\[52px\] {
    height: 52px;
  }
  .h-\[54px\] {
    height: 54px;
  }
  .h-\[56px\] {
    height: 56px;
  }
  .h-\[58px\] {
    height: 58px;
  }
  .h-\[60px\] {
    height: 60px;
  }
  .h-\[60vh\] {
    height: 60vh;
  }
  .h-\[62px\] {
    height: 62px;
  }
  .h-\[63px\] {
    height: 63px;
  }
  .h-\[64px\] {
    height: 64px;
  }
  .h-\[65px\] {
    height: 65px;
  }
  .h-\[66px\] {
    height: 66px;
  }
  .h-\[68px\] {
    height: 68px;
  }
  .h-\[68vh\] {
    height: 68vh;
  }
  .h-\[70\%\] {
    height: 70%;
  }
  .h-\[70px\] {
    height: 70px;
  }
  .h-\[70vh\] {
    height: 70vh;
  }
  .h-\[72px\] {
    height: 72px;
  }
  .h-\[76px\] {
    height: 76px;
  }
  .h-\[78px\] {
    height: 78px;
  }
  .h-\[80px\] {
    height: 80px;
  }
  .h-\[80vh\] {
    height: 80vh;
  }
  .h-\[80vh\]\! {
    height: 80vh !important;
  }
  .h-\[85vh\] {
    height: 85vh;
  }
  .h-\[86px\] {
    height: 86px;
  }
  .h-\[90px\] {
    height: 90px;
  }
  .h-\[90vh\] {
    height: 90vh;
  }
  .h-\[91px\] {
    height: 91px;
  }
  .h-\[92vh\] {
    height: 92vh;
  }
  .h-\[95dvh\] {
    height: 95dvh;
  }
  .h-\[96px\] {
    height: 96px;
  }
  .h-\[100\%\] {
    height: 100%;
  }
  .h-\[100cqh\] {
    height: 100cqh;
  }
  .h-\[100dvh\] {
    height: 100dvh;
  }
  .h-\[100px\] {
    height: 100px;
  }
  .h-\[100vh\] {
    height: 100vh;
  }
  .h-\[102px\] {
    height: 102px;
  }
  .h-\[104\.65\%\] {
    height: 104.65%;
  }
  .h-\[104px\] {
    height: 104px;
  }
  .h-\[106\.19\%\] {
    height: 106.19%;
  }
  .h-\[112px\] {
    height: 112px;
  }
  .h-\[116px\] {
    height: 116px;
  }
  .h-\[120px\] {
    height: 120px;
  }
  .h-\[122px\] {
    height: 122px;
  }
  .h-\[128px\] {
    height: 128px;
  }
  .h-\[132px\] {
    height: 132px;
  }
  .h-\[136px\] {
    height: 136px;
  }
  .h-\[140px\] {
    height: 140px;
  }
  .h-\[150px\] {
    height: 150px;
  }
  .h-\[157px\] {
    height: 157px;
  }
  .h-\[160px\] {
    height: 160px;
  }
  .h-\[168px\] {
    height: 168px;
  }
  .h-\[170px\] {
    height: 170px;
  }
  .h-\[180px\] {
    height: 180px;
  }
  .h-\[184px\] {
    height: 184px;
  }
  .h-\[190px\] {
    height: 190px;
  }
  .h-\[200\%\] {
    height: 200%;
  }
  .h-\[200px\] {
    height: 200px;
  }
  .h-\[213px\] {
    height: 213px;
  }
  .h-\[214px\] {
    height: 214px;
  }
  .h-\[220px\] {
    height: 220px;
  }
  .h-\[222px\] {
    height: 222px;
  }
  .h-\[224px\] {
    height: 224px;
  }
  .h-\[225px\] {
    height: 225px;
  }
  .h-\[240px\] {
    height: 240px;
  }
  .h-\[244px\] {
    height: 244px;
  }
  .h-\[248px\] {
    height: 248px;
  }
  .h-\[249px\] {
    height: 249px;
  }
  .h-\[250px\] {
    height: 250px;
  }
  .h-\[260px\] {
    height: 260px;
  }
  .h-\[280px\] {
    height: 280px;
  }
  .h-\[300px\] {
    height: 300px;
  }
  .h-\[312px\] {
    height: 312px;
  }
  .h-\[320px\] {
    height: 320px;
  }
  .h-\[340px\] {
    height: 340px;
  }
  .h-\[344px\] {
    height: 344px;
  }
  .h-\[350px\] {
    height: 350px;
  }
  .h-\[352px\] {
    height: 352px;
  }
  .h-\[370px\] {
    height: 370px;
  }
  .h-\[375px\] {
    height: 375px;
  }
  .h-\[377px\]\! {
    height: 377px !important;
  }
  .h-\[388px\] {
    height: 388px;
  }
  .h-\[400\%\] {
    height: 400%;
  }
  .h-\[400px\] {
    height: 400px;
  }
  .h-\[420px\] {
    height: 420px;
  }
  .h-\[429px\] {
    height: 429px;
  }
  .h-\[440px\] {
    height: 440px;
  }
  .h-\[480px\] {
    height: 480px;
  }
  .h-\[495px\] {
    height: 495px;
  }
  .h-\[496px\] {
    height: 496px;
  }
  .h-\[500px\] {
    height: 500px;
  }
  .h-\[540px\] {
    height: 540px;
  }
  .h-\[550px\] {
    height: 550px;
  }
  .h-\[550px\]\! {
    height: 550px !important;
  }
  .h-\[560px\] {
    height: 560px;
  }
  .h-\[572px\] {
    height: 572px;
  }
  .h-\[600px\] {
    height: 600px;
  }
  .h-\[640px\] {
    height: 640px;
  }
  .h-\[650px\] {
    height: 650px;
  }
  .h-\[700px\] {
    height: 700px;
  }
  .h-\[730px\] {
    height: 730px;
  }
  .h-\[860px\] {
    height: 860px;
  }
  .h-\[1200px00px\] {
    height: 1200px00px;
  }
  .h-\[calc\(19rem\*9\/16\)\] {
    height: 10.6875rem;
  }
  .h-\[calc\(50vh-28px\)\] {
    height: calc(50vh - 28px);
  }
  .h-\[calc\(100\%\+2px\)\] {
    height: calc(100% + 2px);
  }
  .h-\[calc\(100\%\+var\(--snc-1\)\)\] {
    height: calc(100% + var(--snc-1));
  }
  .h-\[calc\(100\%-1rem\)\] {
    height: calc(100% - 1rem);
  }
  .h-\[calc\(100\%-48px\)\] {
    height: calc(100% - 48px);
  }
  .h-\[calc\(100\%-64px\)\] {
    height: calc(100% - 64px);
  }
  .h-\[calc\(100svh-max\(env\(safe-area-inset-bottom\)\,0px\)\)\] {
    height: calc(100svh - max(env(safe-area-inset-bottom), 0px));
  }
  .h-\[calc\(100svh-max\(env\(safe-area-inset-bottom\)\,6px\)\)\] {
    height: calc(100svh - max(env(safe-area-inset-bottom), 6px));
  }
  .h-\[calc\(100vh-2rem\)\] {
    height: calc(100vh - 2rem);
  }
  .h-\[calc\(100vh-2rem\)\]\! {
    height: calc(100vh - 2rem) !important;
  }
  .h-\[calc\(100vh-24px\)\] {
    height: calc(100vh - 24px);
  }
  .h-\[calc\(100vh-25rem\)\] {
    height: calc(100vh - 25rem);
  }
  .h-\[calc\(100vh-72px\)\]\! {
    height: calc(100vh - 72px) !important;
  }
  .h-\[calc\(100vh-325px\)\] {
    height: calc(100vh - 325px);
  }
  .h-\[calc\(clamp\(150px\,1\/4\*var\(--scroll-root-safe-area-height\,100svh\)\,400px\)\)\] {
    height: calc(
      clamp(150px, 1 / 4 * var(--scroll-root-safe-area-height, 100svh), 400px)
    );
  }
  .h-\[calc\(max\(env\(safe-area-inset-bottom\)\,16px\)\+76px\)\] {
    height: calc(max(env(safe-area-inset-bottom), 16px) + 76px);
  }
  .h-\[calc\(var\(--header-height\)\+var\(--primary-items-height\,0\)\+4px\)\] {
    height: calc(var(--header-height) + var(--primary-items-height, 0) + 4px);
  }
  .h-\[calc\(var\(--header-height\,3\.5rem\)\+1px\)\] {
    height: calc(var(--header-height, 3.5rem) + 1px);
  }
  .h-\[inherit\] {
    height: inherit;
  }
  .h-\[max\(3rem\,18vh\)\] {
    height: max(3rem, 18vh);
  }
  .h-\[max\(20cqw\,100px\)\] {
    height: max(20cqw, 100px);
  }
  .h-\[max\(100dvh\,100\%\)\] {
    height: max(100dvh, 100%);
  }
  .h-\[max\(100svh\,100dvh\,100\%\)\] {
    height: max(100svh, 100dvh, 100%);
  }
  .h-\[max-content\] {
    height: max-content;
  }
  .h-\[min\(80vh\,760px\)\] {
    height: min(80vh, 760px);
  }
  .h-\[var\(--button-icon-size\)\] {
    height: var(--button-icon-size);
  }
  .h-\[var\(--cqh-full\)\] {
    height: var(--cqh-full);
  }
  .h-\[var\(--header-height\,3\.5rem\)\] {
    height: var(--header-height, 3.5rem);
  }
  .h-\[var\(--screen-height-override\,calc\(var\(--cqh-full\)-var\(--screen-height-offset\,0px\)\)\)\] {
    height: var(
      --screen-height-override,
      calc(var(--cqh-full) - var(--screen-height-offset, 0px))
    );
  }
  .h-auto {
    height: auto;
  }
  .h-auto\! {
    height: auto !important;
  }
  .h-dvh {
    height: 100dvh;
  }
  .h-fit {
    height: fit-content;
  }
  .h-fit\! {
    height: fit-content !important;
  }
  .h-full {
    height: 100%;
  }
  .h-full\! {
    height: 100% !important;
  }
  .h-header-height {
    height: var(--header-height);
  }
  .h-max {
    height: max-content;
  }
  .h-min {
    height: min-content;
  }
  .h-mkt-header-height {
    height: var(--mkt-header-height);
  }
  .h-px {
    height: 1px;
  }
  .h-screen {
    height: 100vh;
  }
  .h-snc-input-height {
    height: var(--snc-input-height);
  }
  .h-svh {
    height: 100svh;
  }
  .max-h-0 {
    max-height: calc(var(--spacing) * 0);
  }
  .max-h-2\/3 {
    max-height: 66.6667%;
  }
  .max-h-5 {
    max-height: calc(var(--spacing) * 5);
  }
  .max-h-6 {
    max-height: calc(var(--spacing) * 6);
  }
  .max-h-10 {
    max-height: calc(var(--spacing) * 10);
  }
  .max-h-16 {
    max-height: calc(var(--spacing) * 16);
  }
  .max-h-24 {
    max-height: calc(var(--spacing) * 24);
  }
  .max-h-28 {
    max-height: calc(var(--spacing) * 28);
  }
  .max-h-32 {
    max-height: calc(var(--spacing) * 32);
  }
  .max-h-36 {
    max-height: calc(var(--spacing) * 36);
  }
  .max-h-40 {
    max-height: calc(var(--spacing) * 40);
  }
  .max-h-48 {
    max-height: calc(var(--spacing) * 48);
  }
  .max-h-52 {
    max-height: calc(var(--spacing) * 52);
  }
  .max-h-56 {
    max-height: calc(var(--spacing) * 56);
  }
  .max-h-60 {
    max-height: calc(var(--spacing) * 60);
  }
  .max-h-64 {
    max-height: calc(var(--spacing) * 64);
  }
  .max-h-72 {
    max-height: calc(var(--spacing) * 72);
  }
  .max-h-80 {
    max-height: calc(var(--spacing) * 80);
  }
  .max-h-84 {
    max-height: calc(var(--spacing) * 84);
  }
  .max-h-94 {
    max-height: calc(var(--spacing) * 94);
  }
  .max-h-96 {
    max-height: calc(var(--spacing) * 96);
  }
  .max-h-\[2lh\] {
    max-height: 2lh;
  }
  .max-h-\[5rem\] {
    max-height: 5rem;
  }
  .max-h-\[14rem\] {
    max-height: 14rem;
  }
  .max-h-\[16rem\] {
    max-height: 16rem;
  }
  .max-h-\[18rem\] {
    max-height: 18rem;
  }
  .max-h-\[20px\] {
    max-height: 20px;
  }
  .max-h-\[24rem\] {
    max-height: 24rem;
  }
  .max-h-\[25dvh\] {
    max-height: 25dvh;
  }
  .max-h-\[28rem\] {
    max-height: 28rem;
  }
  .max-h-\[28vh\] {
    max-height: 28vh;
  }
  .max-h-\[34rem\] {
    max-height: 34rem;
  }
  .max-h-\[36rem\] {
    max-height: 36rem;
  }
  .max-h-\[40vh\] {
    max-height: 40vh;
  }
  .max-h-\[50\%\] {
    max-height: 50%;
  }
  .max-h-\[50dvh\] {
    max-height: 50dvh;
  }
  .max-h-\[50vh\] {
    max-height: 50vh;
  }
  .max-h-\[60dvh\] {
    max-height: 60dvh;
  }
  .max-h-\[60vh\] {
    max-height: 60vh;
  }
  .max-h-\[64px\] {
    max-height: 64px;
  }
  .max-h-\[65vh\] {
    max-height: 65vh;
  }
  .max-h-\[70vh\] {
    max-height: 70vh;
  }
  .max-h-\[72vh\] {
    max-height: 72vh;
  }
  .max-h-\[75vh\] {
    max-height: 75vh;
  }
  .max-h-\[80vh\] {
    max-height: 80vh;
  }
  .max-h-\[85vh\] {
    max-height: 85vh;
  }
  .max-h-\[90vh\] {
    max-height: 90vh;
  }
  .max-h-\[95\%\] {
    max-height: 95%;
  }
  .max-h-\[95vh\] {
    max-height: 95vh;
  }
  .max-h-\[100px\] {
    max-height: 100px;
  }
  .max-h-\[100vh\]\! {
    max-height: 100vh !important;
  }
  .max-h-\[180px\] {
    max-height: 180px;
  }
  .max-h-\[192px\] {
    max-height: 192px;
  }
  .max-h-\[200px\] {
    max-height: 200px;
  }
  .max-h-\[220px\] {
    max-height: 220px;
  }
  .max-h-\[240px\] {
    max-height: 240px;
  }
  .max-h-\[245px\] {
    max-height: 245px;
  }
  .max-h-\[250px\] {
    max-height: 250px;
  }
  .max-h-\[252px\] {
    max-height: 252px;
  }
  .max-h-\[260px\] {
    max-height: 260px;
  }
  .max-h-\[268px\] {
    max-height: 268px;
  }
  .max-h-\[272px\] {
    max-height: 272px;
  }
  .max-h-\[280px\] {
    max-height: 280px;
  }
  .max-h-\[294px\] {
    max-height: 294px;
  }
  .max-h-\[295px\] {
    max-height: 295px;
  }
  .max-h-\[300px\] {
    max-height: 300px;
  }
  .max-h-\[320px\] {
    max-height: 320px;
  }
  .max-h-\[350px\] {
    max-height: 350px;
  }
  .max-h-\[360px\] {
    max-height: 360px;
  }
  .max-h-\[400px\] {
    max-height: 400px;
  }
  .max-h-\[420px\] {
    max-height: 420px;
  }
  .max-h-\[440px\] {
    max-height: 440px;
  }
  .max-h-\[480px\] {
    max-height: 480px;
  }
  .max-h-\[495px\] {
    max-height: 495px;
  }
  .max-h-\[500px\] {
    max-height: 500px;
  }
  .max-h-\[520px\] {
    max-height: 520px;
  }
  .max-h-\[550px\] {
    max-height: 550px;
  }
  .max-h-\[572px\] {
    max-height: 572px;
  }
  .max-h-\[600px\] {
    max-height: 600px;
  }
  .max-h-\[700px\] {
    max-height: 700px;
  }
  .max-h-\[724px\] {
    max-height: 724px;
  }
  .max-h-\[780px\] {
    max-height: 780px;
  }
  .max-h-\[820px\] {
    max-height: 820px;
  }
  .max-h-\[900px\] {
    max-height: 900px;
  }
  .max-h-\[920px\] {
    max-height: 920px;
  }
  .max-h-\[1000px\] {
    max-height: 1000px;
  }
  .max-h-\[calc\(100\%-100px\)\] {
    max-height: calc(100% - 100px);
  }
  .max-h-\[calc\(100\%-max\(env\(safe-area-inset-top\)\,6px\)\)\] {
    max-height: calc(100% - max(env(safe-area-inset-top), 6px));
  }
  .max-h-\[calc\(100\%-max\(env\(safe-area-inset-top\)\,36px\)\)\] {
    max-height: calc(100% - max(env(safe-area-inset-top), 36px));
  }
  .max-h-\[calc\(100\%-max\(env\(safe-area-inset-top\)\,56px\)\)\] {
    max-height: calc(100% - max(env(safe-area-inset-top), 56px));
  }
  .max-h-\[calc\(100dvh-2rem\)\]\! {
    max-height: calc(100dvh - 2rem) !important;
  }
  .max-h-\[calc\(100vh-0px\)\] {
    max-height: 100vh;
  }
  .max-h-\[calc\(100vh-2rem\)\] {
    max-height: calc(100vh - 2rem);
  }
  .max-h-\[calc\(100vh-24px\)\] {
    max-height: calc(100vh - 24px);
  }
  .max-h-\[calc\(100vh-46px\)\] {
    max-height: calc(100vh - 46px);
  }
  .max-h-\[calc\(100vh-80px\)\]\! {
    max-height: calc(100vh - 80px) !important;
  }
  .max-h-\[calc\(100vh-150px\)\] {
    max-height: calc(100vh - 150px);
  }
  .max-h-\[calc\(100vh-176px\)\] {
    max-height: calc(100vh - 176px);
  }
  .max-h-\[calc\(100vh-300px\)\] {
    max-height: calc(100vh - 300px);
  }
  .max-h-\[calc\(clamp\(20px\,1\/4\*var\(--scroll-root-safe-area-height\,100svh\)\,400px\)\)\] {
    max-height: calc(
      clamp(20px, 1 / 4 * var(--scroll-root-safe-area-height, 100svh), 400px)
    );
  }
  .max-h-\[calc\(clamp\(20px\,1\/8\*var\(--scroll-root-safe-area-height\,100svh\)\,200px\)\)\] {
    max-height: calc(
      clamp(20px, 1 / 8 * var(--scroll-root-safe-area-height, 100svh), 200px)
    );
  }
  .max-h-\[calc\(var\(--radix-popper-available-height\)-2rem\)\] {
    max-height: calc(var(--radix-popper-available-height) - 2rem);
  }
  .max-h-\[max\(10rem\,min\(calc\(100dvh-29rem\)\,10rem\)\)\] {
    max-height: max(10rem, min(100dvh - 29rem, 10rem));
  }
  .max-h-\[max\(10rem\,min\(calc\(100dvh-29rem\)\,50dvh\)\)\] {
    max-height: max(10rem, min(100dvh - 29rem, 50dvh));
  }
  .max-h-\[max\(30svh\,5rem\)\] {
    max-height: max(30svh, 5rem);
  }
  .max-h-\[min\(26\.25rem\,calc\(100vh-6rem\)\)\] {
    max-height: min(26.25rem, 100vh - 6rem);
  }
  .max-h-\[min\(40vh\,360px\)\] {
    max-height: min(40vh, 360px);
  }
  .max-h-\[min\(40vh\,492px\)\] {
    max-height: min(40vh, 492px);
  }
  .max-h-\[min\(72vh\,760px\)\] {
    max-height: min(72vh, 760px);
  }
  .max-h-\[min\(80vh\,720px\)\] {
    max-height: min(80vh, 720px);
  }
  .max-h-\[min\(90vh\,900px\)\] {
    max-height: min(90vh, 900px);
  }
  .max-h-\[min\(var\(--radix-dropdown-menu-content-available-height\,50svh\)\,--spacing\(1\.5\)\+var\(--min-items\,6\.8\)\*var\(--menu-item-height\)\)\]\! {
    max-height: min(
      var(--radix-dropdown-menu-content-available-height, 50svh),
      calc(var(--spacing) * 1.5) + var(--min-items, 6.8) *
        var(--menu-item-height)
    ) !important;
  }
  .max-h-\[min\(var\(--radix-popper-available-height\,50svh\)\,--spacing\(1\.5\)\+5\*var\(--menu-item-height\)\)\] {
    max-height: min(
      var(--radix-popper-available-height, 50svh),
      calc(var(--spacing) * 1.5) + 5 * var(--menu-item-height)
    );
  }
  .max-h-\[min\(var\(--radix-popper-available-height\,50svh\)\,--spacing\(100\)\)\] {
    max-height: min(
      var(--radix-popper-available-height, 50svh),
      calc(var(--spacing) * 100)
    );
  }
  .max-h-\[var\(--cqh-full\)\] {
    max-height: var(--cqh-full);
  }
  .max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
    max-height: var(--radix-dropdown-menu-content-available-height);
  }
  .max-h-\[var\(--radix-popper-available-height\,50svh\)\] {
    max-height: var(--radix-popper-available-height, 50svh);
  }
  .max-h-\[var\(--radix-select-content-available-height\)\] {
    max-height: var(--radix-select-content-available-height);
  }
  .max-h-dvh {
    max-height: 100dvh;
  }
  .max-h-fit {
    max-height: fit-content;
  }
  .max-h-full {
    max-height: 100%;
  }
  .max-h-none {
    max-height: none;
  }
  .max-h-none\! {
    max-height: none !important;
  }
  .max-h-svh {
    max-height: 100svh;
  }
  .btn-small {
    min-height: calc(var(--spacing) * 7);
    padding-inline: calc(var(--spacing) * 2.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .btn-large {
    min-height: calc(var(--spacing) * 11);
    padding-inline: calc(var(--spacing) * 4);
  }
  .\!min-h-9 {
    min-height: calc(var(--spacing) * 9) !important;
  }
  .min-h-\(--gutter-remaining-height\,0px\) {
    min-height: var(--gutter-remaining-height, 0px);
  }
  .min-h-\(--menu-item-height\) {
    min-height: var(--menu-item-height);
  }
  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }
  .min-h-0\! {
    min-height: calc(var(--spacing) * 0) !important;
  }
  .min-h-4 {
    min-height: calc(var(--spacing) * 4);
  }
  .min-h-5 {
    min-height: calc(var(--spacing) * 5);
  }
  .min-h-6 {
    min-height: calc(var(--spacing) * 6);
  }
  .min-h-7 {
    min-height: calc(var(--spacing) * 7);
  }
  .min-h-8 {
    min-height: calc(var(--spacing) * 8);
  }
  .min-h-9 {
    min-height: calc(var(--spacing) * 9);
  }
  .min-h-10 {
    min-height: calc(var(--spacing) * 10);
  }
  .min-h-10\.5 {
    min-height: calc(var(--spacing) * 10.5);
  }
  .min-h-11 {
    min-height: calc(var(--spacing) * 11);
  }
  .min-h-12 {
    min-height: calc(var(--spacing) * 12);
  }
  .min-h-12\! {
    min-height: calc(var(--spacing) * 12) !important;
  }
  .min-h-14 {
    min-height: calc(var(--spacing) * 14);
  }
  .min-h-15 {
    min-height: calc(var(--spacing) * 15);
  }
  .min-h-16 {
    min-height: calc(var(--spacing) * 16);
  }
  .min-h-18 {
    min-height: calc(var(--spacing) * 18);
  }
  .min-h-20 {
    min-height: calc(var(--spacing) * 20);
  }
  .min-h-21 {
    min-height: calc(var(--spacing) * 21);
  }
  .min-h-24 {
    min-height: calc(var(--spacing) * 24);
  }
  .min-h-28 {
    min-height: calc(var(--spacing) * 28);
  }
  .min-h-30 {
    min-height: calc(var(--spacing) * 30);
  }
  .min-h-32 {
    min-height: calc(var(--spacing) * 32);
  }
  .min-h-34 {
    min-height: calc(var(--spacing) * 34);
  }
  .min-h-36 {
    min-height: calc(var(--spacing) * 36);
  }
  .min-h-40 {
    min-height: calc(var(--spacing) * 40);
  }
  .min-h-44 {
    min-height: calc(var(--spacing) * 44);
  }
  .min-h-48 {
    min-height: calc(var(--spacing) * 48);
  }
  .min-h-52 {
    min-height: calc(var(--spacing) * 52);
  }
  .min-h-56 {
    min-height: calc(var(--spacing) * 56);
  }
  .min-h-60 {
    min-height: calc(var(--spacing) * 60);
  }
  .min-h-64 {
    min-height: calc(var(--spacing) * 64);
  }
  .min-h-72 {
    min-height: calc(var(--spacing) * 72);
  }
  .min-h-75 {
    min-height: calc(var(--spacing) * 75);
  }
  .min-h-80 {
    min-height: calc(var(--spacing) * 80);
  }
  .min-h-96 {
    min-height: calc(var(--spacing) * 96);
  }
  .min-h-\[1\.5rem\] {
    min-height: 1.5rem;
  }
  .min-h-\[1\.25rem\] {
    min-height: 1.25rem;
  }
  .min-h-\[1\.625rem\] {
    min-height: 1.625rem;
  }
  .min-h-\[2\.5rem\] {
    min-height: 2.5rem;
  }
  .min-h-\[2\.75rem\] {
    min-height: 2.75rem;
  }
  .min-h-\[3\.5rem\] {
    min-height: 3.5rem;
  }
  .min-h-\[3\.25rem\] {
    min-height: 3.25rem;
  }
  .min-h-\[3\.75rem\] {
    min-height: 3.75rem;
  }
  .min-h-\[4\.5rem\] {
    min-height: 4.5rem;
  }
  .min-h-\[5\.75rem\] {
    min-height: 5.75rem;
  }
  .min-h-\[6\.25rem\] {
    min-height: 6.25rem;
  }
  .min-h-\[6rem\] {
    min-height: 6rem;
  }
  .min-h-\[8rem\] {
    min-height: 8rem;
  }
  .min-h-\[12rem\] {
    min-height: 12rem;
  }
  .min-h-\[17rem\] {
    min-height: 17rem;
  }
  .min-h-\[18\.75rem\] {
    min-height: 18.75rem;
  }
  .min-h-\[18rem\] {
    min-height: 18rem;
  }
  .min-h-\[20px\] {
    min-height: 20px;
  }
  .min-h-\[20rem\] {
    min-height: 20rem;
  }
  .min-h-\[24rem\] {
    min-height: 24rem;
  }
  .min-h-\[28rem\] {
    min-height: 28rem;
  }
  .min-h-\[30px\] {
    min-height: 30px;
  }
  .min-h-\[32px\] {
    min-height: 32px;
  }
  .min-h-\[36px\] {
    min-height: 36px;
  }
  .min-h-\[36px\]\! {
    min-height: 36px !important;
  }
  .min-h-\[38px\] {
    min-height: 38px;
  }
  .min-h-\[38rem\] {
    min-height: 38rem;
  }
  .min-h-\[40\%\] {
    min-height: 40%;
  }
  .min-h-\[40px\] {
    min-height: 40px;
  }
  .min-h-\[40px\]\! {
    min-height: 40px !important;
  }
  .min-h-\[40vh\] {
    min-height: 40vh;
  }
  .min-h-\[41px\] {
    min-height: 41px;
  }
  .min-h-\[44px\] {
    min-height: 44px;
  }
  .min-h-\[45vh\] {
    min-height: 45vh;
  }
  .min-h-\[46px\] {
    min-height: 46px;
  }
  .min-h-\[48px\] {
    min-height: 48px;
  }
  .min-h-\[50dvh\] {
    min-height: 50dvh;
  }
  .min-h-\[50px\] {
    min-height: 50px;
  }
  .min-h-\[50vh\] {
    min-height: 50vh;
  }
  .min-h-\[52px\] {
    min-height: 52px;
  }
  .min-h-\[56px\] {
    min-height: 56px;
  }
  .min-h-\[57px\] {
    min-height: 57px;
  }
  .min-h-\[60px\] {
    min-height: 60px;
  }
  .min-h-\[60vh\] {
    min-height: 60vh;
  }
  .min-h-\[62px\] {
    min-height: 62px;
  }
  .min-h-\[64px\] {
    min-height: 64px;
  }
  .min-h-\[70vh\] {
    min-height: 70vh;
  }
  .min-h-\[72px\] {
    min-height: 72px;
  }
  .min-h-\[74px\] {
    min-height: 74px;
  }
  .min-h-\[75vh\] {
    min-height: 75vh;
  }
  .min-h-\[76px\] {
    min-height: 76px;
  }
  .min-h-\[80px\] {
    min-height: 80px;
  }
  .min-h-\[80vh\] {
    min-height: 80vh;
  }
  .min-h-\[84px\] {
    min-height: 84px;
  }
  .min-h-\[88px\] {
    min-height: 88px;
  }
  .min-h-\[90px\] {
    min-height: 90px;
  }
  .min-h-\[90vh\] {
    min-height: 90vh;
  }
  .min-h-\[96px\] {
    min-height: 96px;
  }
  .min-h-\[100dvh\] {
    min-height: 100dvh;
  }
  .min-h-\[100px\] {
    min-height: 100px;
  }
  .min-h-\[104px\] {
    min-height: 104px;
  }
  .min-h-\[108px\] {
    min-height: 108px;
  }
  .min-h-\[112px\] {
    min-height: 112px;
  }
  .min-h-\[120px\] {
    min-height: 120px;
  }
  .min-h-\[120px\]\! {
    min-height: 120px !important;
  }
  .min-h-\[140px\] {
    min-height: 140px;
  }
  .min-h-\[144px\] {
    min-height: 144px;
  }
  .min-h-\[150px\] {
    min-height: 150px;
  }
  .min-h-\[160px\] {
    min-height: 160px;
  }
  .min-h-\[168px\] {
    min-height: 168px;
  }
  .min-h-\[170px\] {
    min-height: 170px;
  }
  .min-h-\[174px\] {
    min-height: 174px;
  }
  .min-h-\[180px\] {
    min-height: 180px;
  }
  .min-h-\[192px\] {
    min-height: 192px;
  }
  .min-h-\[196px\] {
    min-height: 196px;
  }
  .min-h-\[200px\] {
    min-height: 200px;
  }
  .min-h-\[200vh\] {
    min-height: 200vh;
  }
  .min-h-\[208px\] {
    min-height: 208px;
  }
  .min-h-\[220px\] {
    min-height: 220px;
  }
  .min-h-\[221px\] {
    min-height: 221px;
  }
  .min-h-\[240px\] {
    min-height: 240px;
  }
  .min-h-\[245px\] {
    min-height: 245px;
  }
  .min-h-\[248px\] {
    min-height: 248px;
  }
  .min-h-\[250px\] {
    min-height: 250px;
  }
  .min-h-\[260px\] {
    min-height: 260px;
  }
  .min-h-\[280px\] {
    min-height: 280px;
  }
  .min-h-\[300px\] {
    min-height: 300px;
  }
  .min-h-\[320px\] {
    min-height: 320px;
  }
  .min-h-\[321px\] {
    min-height: 321px;
  }
  .min-h-\[350px\] {
    min-height: 350px;
  }
  .min-h-\[360px\] {
    min-height: 360px;
  }
  .min-h-\[364px\] {
    min-height: 364px;
  }
  .min-h-\[380px\] {
    min-height: 380px;
  }
  .min-h-\[400px\] {
    min-height: 400px;
  }
  .min-h-\[420px\] {
    min-height: 420px;
  }
  .min-h-\[429px\] {
    min-height: 429px;
  }
  .min-h-\[440px\] {
    min-height: 440px;
  }
  .min-h-\[460px\] {
    min-height: 460px;
  }
  .min-h-\[480px\] {
    min-height: 480px;
  }
  .min-h-\[500px\]\! {
    min-height: 500px !important;
  }
  .min-h-\[520px\] {
    min-height: 520px;
  }
  .min-h-\[540px\] {
    min-height: 540px;
  }
  .min-h-\[558px\] {
    min-height: 558px;
  }
  .min-h-\[560px\] {
    min-height: 560px;
  }
  .min-h-\[600px\] {
    min-height: 600px;
  }
  .min-h-\[620px\] {
    min-height: 620px;
  }
  .min-h-\[624px\] {
    min-height: 624px;
  }
  .min-h-\[640px\] {
    min-height: 640px;
  }
  .min-h-\[664px\] {
    min-height: 664px;
  }
  .min-h-\[680px\] {
    min-height: 680px;
  }
  .min-h-\[700px\] {
    min-height: 700px;
  }
  .min-h-\[720px\] {
    min-height: 720px;
  }
  .min-h-\[755px\] {
    min-height: 755px;
  }
  .min-h-\[820px\] {
    min-height: 820px;
  }
  .min-h-\[900px\] {
    min-height: 900px;
  }
  .min-h-\[calc\(100dvh-var\(--header-height\)-88px\)\] {
    min-height: calc(100dvh - var(--header-height) - 88px);
  }
  .min-h-\[calc\(100vh-var\(--header-height\)-2rem\)\] {
    min-height: calc(100vh - var(--header-height) - 2rem);
  }
  .min-h-\[calc\(298px\*5\/4\)\] {
    min-height: 372.5px;
  }
  .min-h-\[calc\(var\(--header-height\,3\.5rem\)\+1px\)\] {
    min-height: calc(var(--header-height, 3.5rem) + 1px);
  }
  .min-h-\[min\(1000px\,max\(0px\,calc\(100vh-var\(--mkt-header-height\)\)\)\)\] {
    min-height: min(1000px, max(0px, calc(100vh - var(--mkt-header-height))));
  }
  .min-h-\[min\(calc\(80vh-4rem\)\,32rem\)\] {
    min-height: min(80vh - 4rem, 32rem);
  }
  .min-h-\[unset\] {
    min-height: unset;
  }
  .min-h-\[var\(--deep-research-composer-extra-height\,unset\)\] {
    min-height: var(--deep-research-composer-extra-height, unset);
  }
  .min-h-\[var\(--header-height\,3\.5rem\)\] {
    min-height: var(--header-height, 3.5rem);
  }
  .min-h-\[var\(--product-flyout-sticky-header-height\)\] {
    min-height: var(--product-flyout-sticky-header-height);
  }
  .min-h-bloop {
    min-height: 227px;
  }
  .min-h-dvh {
    min-height: 100dvh;
  }
  .min-h-fit {
    min-height: fit-content;
  }
  .min-h-fit\! {
    min-height: fit-content !important;
  }
  .min-h-full {
    min-height: 100%;
  }
  .min-h-header-height {
    min-height: var(--header-height);
  }
  .min-h-px {
    min-height: 1px;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .min-h-svh {
    min-height: 100svh;
  }
  .\!w-7 {
    width: calc(var(--spacing) * 7) !important;
  }
  .\!w-8 {
    width: calc(var(--spacing) * 8) !important;
  }
  .\!w-9 {
    width: calc(var(--spacing) * 9) !important;
  }
  .\!w-fit {
    width: fit-content !important;
  }
  .\!w-full {
    width: 100% !important;
  }
  .\[width\:min\(90cqw\,var\(--thread-content-max-width\)\)\] {
    width: min(90cqw, var(--thread-content-max-width));
  }
  .\[width\:var\(--stage-thread-flyout-override-width\,var\(--stage-thread-flyout-preset-width\,400px\)\)\] {
    width: var(
      --stage-thread-flyout-override-width,
      var(--stage-thread-flyout-preset-width, 400px)
    );
  }
  .w-\(--file-tile-action-size\) {
    width: var(--file-tile-action-size);
  }
  .w-\(--file-tile-width\) {
    width: var(--file-tile-width);
  }
  .w-\(--sidebar-rail-width\) {
    width: var(--sidebar-rail-width);
  }
  .w-\(--sidebar-width\) {
    width: var(--sidebar-width);
  }
  .w-0 {
    width: calc(var(--spacing) * 0);
  }
  .w-0\! {
    width: calc(var(--spacing) * 0) !important;
  }
  .w-0\.5 {
    width: calc(var(--spacing) * 0.5);
  }
  .w-1 {
    width: calc(var(--spacing) * 1);
  }
  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }
  .w-1\.75 {
    width: calc(var(--spacing) * 1.75);
  }
  .w-1\/2 {
    width: 50%;
  }
  .w-1\/3 {
    width: 33.3333%;
  }
  .w-1\/4 {
    width: 25%;
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }
  .w-2\.75 {
    width: calc(var(--spacing) * 2.75);
  }
  .w-2\/3 {
    width: 66.6667%;
  }
  .w-2\/5 {
    width: 40%;
  }
  .w-2xl {
    width: var(--container-2xl);
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }
  .w-3\/4 {
    width: 75%;
  }
  .w-3\/5 {
    width: 60%;
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-4\.5 {
    width: calc(var(--spacing) * 4.5);
  }
  .w-4\/5 {
    width: 80%;
  }
  .w-4\/5\! {
    width: 80% !important;
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-5\/6 {
    width: 83.3333%;
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-6\! {
    width: calc(var(--spacing) * 6) !important;
  }
  .w-7 {
    width: calc(var(--spacing) * 7);
  }
  .w-7\! {
    width: calc(var(--spacing) * 7) !important;
  }
  .w-7\/8 {
    width: 87.5%;
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-8\! {
    width: calc(var(--spacing) * 8) !important;
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .w-9\! {
    width: calc(var(--spacing) * 9) !important;
  }
  .w-9\.5 {
    width: calc(var(--spacing) * 9.5);
  }
  .w-9\/12 {
    width: 75%;
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-10\.5 {
    width: calc(var(--spacing) * 10.5);
  }
  .w-10\/12 {
    width: 83.3333%;
  }
  .w-11 {
    width: calc(var(--spacing) * 11);
  }
  .w-11\/12 {
    width: 91.6667%;
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-12\.5 {
    width: calc(var(--spacing) * 12.5);
  }
  .w-13 {
    width: calc(var(--spacing) * 13);
  }
  .w-14 {
    width: calc(var(--spacing) * 14);
  }
  .w-15 {
    width: calc(var(--spacing) * 15);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-18 {
    width: calc(var(--spacing) * 18);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-20\! {
    width: calc(var(--spacing) * 20) !important;
  }
  .w-22 {
    width: calc(var(--spacing) * 22);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-25 {
    width: calc(var(--spacing) * 25);
  }
  .w-26 {
    width: calc(var(--spacing) * 26);
  }
  .w-28 {
    width: calc(var(--spacing) * 28);
  }
  .w-30 {
    width: calc(var(--spacing) * 30);
  }
  .w-32 {
    width: calc(var(--spacing) * 32);
  }
  .w-36 {
    width: calc(var(--spacing) * 36);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-44 {
    width: calc(var(--spacing) * 44);
  }
  .w-46 {
    width: calc(var(--spacing) * 46);
  }
  .w-48 {
    width: calc(var(--spacing) * 48);
  }
  .w-50 {
    width: calc(var(--spacing) * 50);
  }
  .w-52 {
    width: calc(var(--spacing) * 52);
  }
  .w-54 {
    width: calc(var(--spacing) * 54);
  }
  .w-56 {
    width: calc(var(--spacing) * 56);
  }
  .w-60 {
    width: calc(var(--spacing) * 60);
  }
  .w-64 {
    width: calc(var(--spacing) * 64);
  }
  .w-66 {
    width: calc(var(--spacing) * 66);
  }
  .w-68 {
    width: calc(var(--spacing) * 68);
  }
  .w-70 {
    width: calc(var(--spacing) * 70);
  }
  .w-72 {
    width: calc(var(--spacing) * 72);
  }
  .w-74 {
    width: calc(var(--spacing) * 74);
  }
  .w-80 {
    width: calc(var(--spacing) * 80);
  }
  .w-84 {
    width: calc(var(--spacing) * 84);
  }
  .w-90 {
    width: calc(var(--spacing) * 90);
  }
  .w-96 {
    width: calc(var(--spacing) * 96);
  }
  .w-120 {
    width: calc(var(--spacing) * 120);
  }
  .w-\[0\.75em\] {
    width: 0.75em;
  }
  .w-\[0\.75rem\] {
    width: 0.75rem;
  }
  .w-\[1lh\]\! {
    width: 1lh !important;
  }
  .w-\[1px\] {
    width: 1px;
  }
  .w-\[2px\] {
    width: 2px;
  }
  .w-\[3px\] {
    width: 3px;
  }
  .w-\[4px\] {
    width: 4px;
  }
  .w-\[4rem\] {
    width: 4rem;
  }
  .w-\[6\.5px\] {
    width: 6.5px;
  }
  .w-\[6px\] {
    width: 6px;
  }
  .w-\[7\.5rem\] {
    width: 7.5rem;
  }
  .w-\[7px\] {
    width: 7px;
  }
  .w-\[8px\] {
    width: 8px;
  }
  .w-\[8rem\] {
    width: 8rem;
  }
  .w-\[10\%\] {
    width: 10%;
  }
  .w-\[11px\] {
    width: 11px;
  }
  .w-\[11rem\] {
    width: 11rem;
  }
  .w-\[12\%\] {
    width: 12%;
  }
  .w-\[12px\] {
    width: 12px;
  }
  .w-\[13\.333px\] {
    width: 13.333px;
  }
  .w-\[13px\] {
    width: 13px;
  }
  .w-\[14\%\] {
    width: 14%;
  }
  .w-\[14px\] {
    width: 14px;
  }
  .w-\[15\.83px\] {
    width: 15.83px;
  }
  .w-\[15px\] {
    width: 15px;
  }
  .w-\[16\%\] {
    width: 16%;
  }
  .w-\[16px\] {
    width: 16px;
  }
  .w-\[17ch\] {
    width: 17ch;
  }
  .w-\[17px\] {
    width: 17px;
  }
  .w-\[18\%\] {
    width: 18%;
  }
  .w-\[18px\] {
    width: 18px;
  }
  .w-\[18px\]\! {
    width: 18px !important;
  }
  .w-\[19px\] {
    width: 19px;
  }
  .w-\[20\%\] {
    width: 20%;
  }
  .w-\[20px\] {
    width: 20px;
  }
  .w-\[21px\] {
    width: 21px;
  }
  .w-\[22\%\] {
    width: 22%;
  }
  .w-\[22px\] {
    width: 22px;
  }
  .w-\[22rem\] {
    width: 22rem;
  }
  .w-\[23px\] {
    width: 23px;
  }
  .w-\[24px\] {
    width: 24px;
  }
  .w-\[24rem\] {
    width: 24rem;
  }
  .w-\[25\%\] {
    width: 25%;
  }
  .w-\[25vw\] {
    width: 25vw;
  }
  .w-\[27px\] {
    width: 27px;
  }
  .w-\[28\%\] {
    width: 28%;
  }
  .w-\[28px\] {
    width: 28px;
  }
  .w-\[28rem\] {
    width: 28rem;
  }
  .w-\[30\%\] {
    width: 30%;
  }
  .w-\[30px\] {
    width: 30px;
  }
  .w-\[31\.5px\] {
    width: 31.5px;
  }
  .w-\[33px\] {
    width: 33px;
  }
  .w-\[34\%\] {
    width: 34%;
  }
  .w-\[34\.56px\] {
    width: 34.56px;
  }
  .w-\[34px\] {
    width: 34px;
  }
  .w-\[35\%\] {
    width: 35%;
  }
  .w-\[36\%\] {
    width: 36%;
  }
  .w-\[36px\] {
    width: 36px;
  }
  .w-\[36rem\] {
    width: 36rem;
  }
  .w-\[37\%\] {
    width: 37%;
  }
  .w-\[37px\] {
    width: 37px;
  }
  .w-\[38\%\] {
    width: 38%;
  }
  .w-\[40\%\] {
    width: 40%;
  }
  .w-\[40px\] {
    width: 40px;
  }
  .w-\[41\%\] {
    width: 41%;
  }
  .w-\[42\%\] {
    width: 42%;
  }
  .w-\[42px\] {
    width: 42px;
  }
  .w-\[43\%\] {
    width: 43%;
  }
  .w-\[44\%\] {
    width: 44%;
  }
  .w-\[45\%\] {
    width: 45%;
  }
  .w-\[45px\] {
    width: 45px;
  }
  .w-\[48px\] {
    width: 48px;
  }
  .w-\[50\%\] {
    width: 50%;
  }
  .w-\[50vw\] {
    width: 50vw;
  }
  .w-\[54px\] {
    width: 54px;
  }
  .w-\[56\%\] {
    width: 56%;
  }
  .w-\[56px\] {
    width: 56px;
  }
  .w-\[58px\] {
    width: 58px;
  }
  .w-\[59px\] {
    width: 59px;
  }
  .w-\[60\%\] {
    width: 60%;
  }
  .w-\[60px\] {
    width: 60px;
  }
  .w-\[62\%\] {
    width: 62%;
  }
  .w-\[62px\] {
    width: 62px;
  }
  .w-\[64\%\] {
    width: 64%;
  }
  .w-\[64px\] {
    width: 64px;
  }
  .w-\[65px\] {
    width: 65px;
  }
  .w-\[68\%\] {
    width: 68%;
  }
  .w-\[70\%\] {
    width: 70%;
  }
  .w-\[70px\] {
    width: 70px;
  }
  .w-\[72\%\] {
    width: 72%;
  }
  .w-\[72px\] {
    width: 72px;
  }
  .w-\[74\%\] {
    width: 74%;
  }
  .w-\[75\%\] {
    width: 75%;
  }
  .w-\[75px\] {
    width: 75px;
  }
  .w-\[76\%\] {
    width: 76%;
  }
  .w-\[76px\] {
    width: 76px;
  }
  .w-\[77\%\] {
    width: 77%;
  }
  .w-\[78\%\] {
    width: 78%;
  }
  .w-\[78px\] {
    width: 78px;
  }
  .w-\[80\%\] {
    width: 80%;
  }
  .w-\[80px\] {
    width: 80px;
  }
  .w-\[80vw\]\! {
    width: 80vw !important;
  }
  .w-\[81\%\] {
    width: 81%;
  }
  .w-\[82\%\] {
    width: 82%;
  }
  .w-\[82vw\] {
    width: 82vw;
  }
  .w-\[83\%\] {
    width: 83%;
  }
  .w-\[84\%\] {
    width: 84%;
  }
  .w-\[84px\] {
    width: 84px;
  }
  .w-\[85\%\] {
    width: 85%;
  }
  .w-\[86\%\] {
    width: 86%;
  }
  .w-\[88\%\] {
    width: 88%;
  }
  .w-\[88px\] {
    width: 88px;
  }
  .w-\[90\%\] {
    width: 90%;
  }
  .w-\[90px\] {
    width: 90px;
  }
  .w-\[90vw\] {
    width: 90vw;
  }
  .w-\[92\%\] {
    width: 92%;
  }
  .w-\[92px\] {
    width: 92px;
  }
  .w-\[92vw\] {
    width: 92vw;
  }
  .w-\[96\%\] {
    width: 96%;
  }
  .w-\[96px\] {
    width: 96px;
  }
  .w-\[100\%\] {
    width: 100%;
  }
  .w-\[100cqw\] {
    width: 100cqw;
  }
  .w-\[100dvw\] {
    width: 100dvw;
  }
  .w-\[100px\] {
    width: 100px;
  }
  .w-\[104px\] {
    width: 104px;
  }
  .w-\[105px\] {
    width: 105px;
  }
  .w-\[108px\] {
    width: 108px;
  }
  .w-\[113px\] {
    width: 113px;
  }
  .w-\[115px\] {
    width: 115px;
  }
  .w-\[116px\] {
    width: 116px;
  }
  .w-\[120px\] {
    width: 120px;
  }
  .w-\[125px\] {
    width: 125px;
  }
  .w-\[128px\] {
    width: 128px;
  }
  .w-\[140px\] {
    width: 140px;
  }
  .w-\[142px\] {
    width: 142px;
  }
  .w-\[150px\] {
    width: 150px;
  }
  .w-\[160px\] {
    width: 160px;
  }
  .w-\[164px\] {
    width: 164px;
  }
  .w-\[170px\] {
    width: 170px;
  }
  .w-\[180px\] {
    width: 180px;
  }
  .w-\[190\%\] {
    width: 190%;
  }
  .w-\[200\%\] {
    width: 200%;
  }
  .w-\[200\.04\%\] {
    width: 200.04%;
  }
  .w-\[200px\] {
    width: 200px;
  }
  .w-\[201px\] {
    width: 201px;
  }
  .w-\[210px\] {
    width: 210px;
  }
  .w-\[220px\] {
    width: 220px;
  }
  .w-\[221px\] {
    width: 221px;
  }
  .w-\[222px\] {
    width: 222px;
  }
  .w-\[228px\] {
    width: 228px;
  }
  .w-\[230px\] {
    width: 230px;
  }
  .w-\[232px\] {
    width: 232px;
  }
  .w-\[240px\] {
    width: 240px;
  }
  .w-\[248px\] {
    width: 248px;
  }
  .w-\[250px\] {
    width: 250px;
  }
  .w-\[256px\] {
    width: 256px;
  }
  .w-\[258px\] {
    width: 258px;
  }
  .w-\[260px\] {
    width: 260px;
  }
  .w-\[268px\] {
    width: 268px;
  }
  .w-\[274px\] {
    width: 274px;
  }
  .w-\[277px\] {
    width: 277px;
  }
  .w-\[280px\] {
    width: 280px;
  }
  .w-\[286px\] {
    width: 286px;
  }
  .w-\[288px\] {
    width: 288px;
  }
  .w-\[290px\] {
    width: 290px;
  }
  .w-\[294px\] {
    width: 294px;
  }
  .w-\[298px\] {
    width: 298px;
  }
  .w-\[300px\] {
    width: 300px;
  }
  .w-\[304px\] {
    width: 304px;
  }
  .w-\[320px\] {
    width: 320px;
  }
  .w-\[324px\] {
    width: 324px;
  }
  .w-\[340px\] {
    width: 340px;
  }
  .w-\[345px\] {
    width: 345px;
  }
  .w-\[350px\] {
    width: 350px;
  }
  .w-\[360px\] {
    width: 360px;
  }
  .w-\[375px\] {
    width: 375px;
  }
  .w-\[380px\] {
    width: 380px;
  }
  .w-\[390px\] {
    width: 390px;
  }
  .w-\[393px\] {
    width: 393px;
  }
  .w-\[400\%\] {
    width: 400%;
  }
  .w-\[400px\] {
    width: 400px;
  }
  .w-\[400px\]\! {
    width: 400px !important;
  }
  .w-\[416px\] {
    width: 416px;
  }
  .w-\[420px\] {
    width: 420px;
  }
  .w-\[420px\]\! {
    width: 420px !important;
  }
  .w-\[430px\] {
    width: 430px;
  }
  .w-\[432px\] {
    width: 432px;
  }
  .w-\[440px\] {
    width: 440px;
  }
  .w-\[450px\] {
    width: 450px;
  }
  .w-\[480px\] {
    width: 480px;
  }
  .w-\[500px\] {
    width: 500px;
  }
  .w-\[520px\] {
    width: 520px;
  }
  .w-\[540px\] {
    width: 540px;
  }
  .w-\[550px\] {
    width: 550px;
  }
  .w-\[560px\] {
    width: 560px;
  }
  .w-\[600px\] {
    width: 600px;
  }
  .w-\[640px\] {
    width: 640px;
  }
  .w-\[680px\]\! {
    width: 680px !important;
  }
  .w-\[700px\] {
    width: 700px;
  }
  .w-\[720px\] {
    width: 720px;
  }
  .w-\[720px\]\! {
    width: 720px !important;
  }
  .w-\[760px\] {
    width: 760px;
  }
  .w-\[780px\] {
    width: 780px;
  }
  .w-\[800px\] {
    width: 800px;
  }
  .w-\[1100px\] {
    width: 1100px;
  }
  .w-\[1120px\] {
    width: 1120px;
  }
  .w-\[calc\(50\%-6px\)\] {
    width: calc(50% - 6px);
  }
  .w-\[calc\(100\%\+--spacing\(2\.5\)\)\] {
    width: calc(100% + calc(var(--spacing) * 2.5));
  }
  .w-\[calc\(100\%\+1rem\)\] {
    width: calc(100% + 1rem);
  }
  .w-\[calc\(100\%\+2px\)\] {
    width: calc(100% + 2px);
  }
  .w-\[calc\(100\%\+2rem\)\] {
    width: calc(100% + 2rem);
  }
  .w-\[calc\(100\%\+32px\)\] {
    width: calc(100% + 32px);
  }
  .w-\[calc\(100\%\+40px\)\] {
    width: calc(100% + 40px);
  }
  .w-\[calc\(100\%---spacing\(3\)\)\] {
    width: calc(100% - calc(var(--spacing) * 3));
  }
  .w-\[calc\(100\%-1\.5rem\)\] {
    width: calc(100% - 1.5rem);
  }
  .w-\[calc\(100\%-2\*1rem\)\],
  .w-\[calc\(100\%-2rem\)\] {
    width: calc(100% - 2rem);
  }
  .w-\[calc\(100\%-3rem\)\] {
    width: calc(100% - 3rem);
  }
  .w-\[calc\(100\%-16px\)\]\! {
    width: calc(100% - 16px) !important;
  }
  .w-\[calc\(100\%-24px\)\] {
    width: calc(100% - 24px);
  }
  .w-\[calc\(100\%-32px\)\]\! {
    width: calc(100% - 32px) !important;
  }
  .w-\[calc\(100\%-var\(--sidebar-width\)\)\] {
    width: calc(100% - var(--sidebar-width));
  }
  .w-\[calc\(100\%_-_32px\)\] {
    width: calc(100% - 32px);
  }
  .w-\[calc\(100vw-2rem\)\] {
    width: calc(100vw - 2rem);
  }
  .w-\[calc\(100vw-2rem\)\]\! {
    width: calc(100vw - 2rem) !important;
  }
  .w-\[calc\(100vw-16px\)\] {
    width: calc(100vw - 16px);
  }
  .w-\[calc\(100vw-24px\)\] {
    width: calc(100vw - 24px);
  }
  .w-\[calc\(100vw-var\(--builder-sidebar-width\)-48px\)\] {
    width: calc(100vw - var(--builder-sidebar-width) - 48px);
  }
  .w-\[calc\(var\(--pricing-table-padding-inline\)\+var\(--pricing-table-label-min-width\)\)\] {
    width: calc(
      var(--pricing-table-padding-inline) + var(--pricing-table-label-min-width)
    );
  }
  .w-\[fit-content\] {
    width: fit-content;
  }
  .w-\[max\(20cqw\,100px\)\] {
    width: max(20cqw, 100px);
  }
  .w-\[max\(95vw\,300px\)\] {
    width: max(95vw, 300px);
  }
  .w-\[max-content\] {
    width: max-content;
  }
  .w-\[min\(20rem\,80vw\)\] {
    width: min(20rem, 80vw);
  }
  .w-\[min\(28rem\,calc\(100vw-2rem\)\)\] {
    width: min(28rem, 100vw - 2rem);
  }
  .w-\[min\(45\%\,10rem\)\] {
    width: min(45%, 10rem);
  }
  .w-\[min\(70\%\,16rem\)\] {
    width: min(70%, 16rem);
  }
  .w-\[min\(80vw\,22em\)\] {
    width: min(80vw, 22em);
  }
  .w-\[min\(90vw\,40rem\)\] {
    width: min(90vw, 40rem);
  }
  .w-\[min\(90vw\,600px\)\] {
    width: min(90vw, 600px);
  }
  .w-\[min\(92vw\,520px\)\] {
    width: min(92vw, 520px);
  }
  .w-\[min\(92vw\,680px\)\] {
    width: min(92vw, 680px);
  }
  .w-\[min\(94vw\,1100px\)\] {
    width: min(94vw, 1100px);
  }
  .w-\[min\(100\%\,40rem\)\] {
    width: min(100%, 40rem);
  }
  .w-\[min\(100cqw\,800px\)\] {
    width: min(100cqw, 800px);
  }
  .w-\[min\(100vw\,420px\)\] {
    width: min(100vw, 420px);
  }
  .w-\[min\(100vw\,980px\)\] {
    width: min(100vw, 980px);
  }
  .w-\[min\(320px\,95vw\)\] {
    width: min(320px, 95vw);
  }
  .w-\[min\(360px\,calc\(100vw-2rem\)\)\] {
    width: min(360px, 100vw - 2rem);
  }
  .w-\[min\(380px\,40\%\)\] {
    width: min(380px, 40%);
  }
  .w-\[min\(380px\,calc\(100vw-1rem\)\)\] {
    width: min(380px, 100vw - 1rem);
  }
  .w-\[min\(400px\,100dvw\)\] {
    width: min(400px, 100dvw);
  }
  .w-\[min\(420px\,65\%\)\] {
    width: min(420px, 65%);
  }
  .w-\[min\(420px\,95dvw\)\] {
    width: min(420px, 95dvw);
  }
  .w-\[min\(480px\,calc\(100vw-16px\)\)\] {
    width: min(480px, 100vw - 16px);
  }
  .w-\[min\(560px\,85\%\)\] {
    width: min(560px, 85%);
  }
  .w-\[min\(620px\,90\%\)\] {
    width: min(620px, 90%);
  }
  .w-\[min\(720px\,calc\(100vw-2rem\)\)\] {
    width: min(720px, 100vw - 2rem);
  }
  .w-\[min\(720px\,calc\(100vw-16px\)\)\] {
    width: min(720px, 100vw - 16px);
  }
  .w-\[min\(820px\,68\%\)\] {
    width: min(820px, 68%);
  }
  .w-\[min\(855px\,calc\(100vw-64px\)\)\]\! {
    width: min(855px, 100vw - 64px) !important;
  }
  .w-\[min\(1100px\,calc\(100vw-2rem\)\)\] {
    width: min(1100px, 100vw - 2rem);
  }
  .w-\[min\(1800px\,100cqw\)\] {
    width: min(1800px, 100cqw);
  }
  .w-\[var\(--button-icon-size\)\] {
    width: var(--button-icon-size);
  }
  .w-\[var\(--places-business-list-width\)\] {
    width: var(--places-business-list-width);
  }
  .w-\[var\(--pricing-table-padding-inline\)\] {
    width: var(--pricing-table-padding-inline);
  }
  .w-\[var\(--radix-dropdown-menu-trigger-width\)\] {
    width: var(--radix-dropdown-menu-trigger-width);
  }
  .w-\[var\(--radix-popover-trigger-width\)\] {
    width: var(--radix-popover-trigger-width);
  }
  .w-\[var\(--radix-popper-anchor-width\)\] {
    width: var(--radix-popper-anchor-width);
  }
  .w-\[var\(--radix-select-trigger-width\)\] {
    width: var(--radix-select-trigger-width);
  }
  .w-\[var\(--sidebar-width\)\] {
    width: var(--sidebar-width);
  }
  .w-\[var\(--user-chat-width\,70\%\)\] {
    width: var(--user-chat-width, 70%);
  }
  .w-auto {
    width: auto;
  }
  .w-auto\! {
    width: auto !important;
  }
  .w-dvw {
    width: 100dvw;
  }
  .w-fit {
    width: fit-content;
  }
  .w-fit\! {
    width: fit-content !important;
  }
  .w-full {
    width: 100%;
  }
  .w-full\! {
    width: 100% !important;
  }
  .w-lg {
    width: var(--container-lg);
  }
  .w-max {
    width: max-content;
  }
  .w-md {
    width: var(--container-md);
  }
  .w-min {
    width: min-content;
  }
  .w-px {
    width: 1px;
  }
  .w-screen {
    width: 100vw;
  }
  .w-sm {
    width: var(--container-sm);
  }
  .w-xl {
    width: var(--container-xl);
  }
  .\!max-w-\[180px\] {
    max-width: 180px !important;
  }
  .\!max-w-\[260px\] {
    max-width: 260px !important;
  }
  .\!max-w-none {
    max-width: none !important;
  }
  .max-w-\(--breakpoint-2xl\) {
    max-width: var(--breakpoint-2xl);
  }
  .max-w-\(--breakpoint-md\) {
    max-width: var(--breakpoint-md);
  }
  .max-w-\(--builder-content-width\) {
    max-width: var(--builder-content-width);
  }
  .max-w-\(--sidebar-width\) {
    max-width: var(--sidebar-width);
  }
  .max-w-\(--thread-content-max-width\) {
    max-width: var(--thread-content-max-width);
  }
  .max-w-\(--user-chat-width\,70\%\) {
    max-width: var(--user-chat-width, 70%);
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-2xs {
    max-width: 240px;
  }
  .max-w-2xs\! {
    max-width: 240px !important;
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-3xl\! {
    max-width: var(--container-3xl) !important;
  }
  .max-w-3xs {
    max-width: 256px;
  }
  .max-w-4\/5 {
    max-width: 80%;
  }
  .max-w-4xl {
    max-width: var(--container-4xl);
  }
  .max-w-5xl {
    max-width: var(--container-5xl);
  }
  .max-w-6xl {
    max-width: var(--container-6xl);
  }
  .max-w-7xl {
    max-width: var(--container-7xl);
  }
  .max-w-8xl {
    max-width: 1408px;
  }
  .max-w-9xl {
    max-width: 1536px;
  }
  .max-w-16 {
    max-width: calc(var(--spacing) * 16);
  }
  .max-w-20 {
    max-width: calc(var(--spacing) * 20);
  }
  .max-w-24 {
    max-width: calc(var(--spacing) * 24);
  }
  .max-w-28 {
    max-width: calc(var(--spacing) * 28);
  }
  .max-w-32 {
    max-width: calc(var(--spacing) * 32);
  }
  .max-w-40 {
    max-width: calc(var(--spacing) * 40);
  }
  .max-w-48 {
    max-width: calc(var(--spacing) * 48);
  }
  .max-w-50 {
    max-width: calc(var(--spacing) * 50);
  }
  .max-w-52 {
    max-width: calc(var(--spacing) * 52);
  }
  .max-w-56 {
    max-width: calc(var(--spacing) * 56);
  }
  .max-w-60 {
    max-width: calc(var(--spacing) * 60);
  }
  .max-w-62 {
    max-width: calc(var(--spacing) * 62);
  }
  .max-w-64 {
    max-width: calc(var(--spacing) * 64);
  }
  .max-w-66 {
    max-width: calc(var(--spacing) * 66);
  }
  .max-w-70 {
    max-width: calc(var(--spacing) * 70);
  }
  .max-w-72 {
    max-width: calc(var(--spacing) * 72);
  }
  .max-w-80 {
    max-width: calc(var(--spacing) * 80);
  }
  .max-w-92 {
    max-width: calc(var(--spacing) * 92);
  }
  .max-w-96 {
    max-width: calc(var(--spacing) * 96);
  }
  .max-w-100 {
    max-width: 25rem;
  }
  .max-w-112\.5 {
    max-width: calc(var(--spacing) * 112.5);
  }
  .max-w-124 {
    max-width: calc(var(--spacing) * 124);
  }
  .max-w-170 {
    max-width: calc(var(--spacing) * 170);
  }
  .max-w-194 {
    max-width: calc(var(--spacing) * 194);
  }
  .max-w-250 {
    max-width: calc(var(--spacing) * 250);
  }
  .max-w-\[7\.5rem\] {
    max-width: 7.5rem;
  }
  .max-w-\[7ch\] {
    max-width: 7ch;
  }
  .max-w-\[7rem\] {
    max-width: 7rem;
  }
  .max-w-\[8rem\] {
    max-width: 8rem;
  }
  .max-w-\[9rem\] {
    max-width: 9rem;
  }
  .max-w-\[10rem\] {
    max-width: 10rem;
  }
  .max-w-\[12rem\] {
    max-width: 12rem;
  }
  .max-w-\[15ch\] {
    max-width: 15ch;
  }
  .max-w-\[16rem\] {
    max-width: 16rem;
  }
  .max-w-\[18rem\] {
    max-width: 18rem;
  }
  .max-w-\[20ch\] {
    max-width: 20ch;
  }
  .max-w-\[20rem\] {
    max-width: 20rem;
  }
  .max-w-\[22\%\] {
    max-width: 22%;
  }
  .max-w-\[22rem\] {
    max-width: 22rem;
  }
  .max-w-\[24rem\] {
    max-width: 24rem;
  }
  .max-w-\[25rem\] {
    max-width: 25rem;
  }
  .max-w-\[28rem\] {
    max-width: 28rem;
  }
  .max-w-\[30rem\] {
    max-width: 30rem;
  }
  .max-w-\[36rem\] {
    max-width: 36rem;
  }
  .max-w-\[40vw\] {
    max-width: 40vw;
  }
  .max-w-\[42ch\] {
    max-width: 42ch;
  }
  .max-w-\[42rem\] {
    max-width: 42rem;
  }
  .max-w-\[48rem\] {
    max-width: 48rem;
  }
  .max-w-\[50\%\] {
    max-width: 50%;
  }
  .max-w-\[50vw\] {
    max-width: 50vw;
  }
  .max-w-\[58vw\] {
    max-width: 58vw;
  }
  .max-w-\[59rem\] {
    max-width: 59rem;
  }
  .max-w-\[60\%\] {
    max-width: 60%;
  }
  .max-w-\[60rem\] {
    max-width: 60rem;
  }
  .max-w-\[70\%\] {
    max-width: 70%;
  }
  .max-w-\[70dvw\] {
    max-width: 70dvw;
  }
  .max-w-\[75\%\] {
    max-width: 75%;
  }
  .max-w-\[75dvw\] {
    max-width: 75dvw;
  }
  .max-w-\[75vw\] {
    max-width: 75vw;
  }
  .max-w-\[78\%\] {
    max-width: 78%;
  }
  .max-w-\[80\%\] {
    max-width: 80%;
  }
  .max-w-\[80vw\] {
    max-width: 80vw;
  }
  .max-w-\[80vw\]\! {
    max-width: 80vw !important;
  }
  .max-w-\[85\%\] {
    max-width: 85%;
  }
  .max-w-\[86\%\] {
    max-width: 86%;
  }
  .max-w-\[88\%\] {
    max-width: 88%;
  }
  .max-w-\[88px\] {
    max-width: 88px;
  }
  .max-w-\[90\%\] {
    max-width: 90%;
  }
  .max-w-\[90vw\] {
    max-width: 90vw;
  }
  .max-w-\[94rem\] {
    max-width: 94rem;
  }
  .max-w-\[95\%\] {
    max-width: 95%;
  }
  .max-w-\[95vw\] {
    max-width: 95vw;
  }
  .max-w-\[96rem\] {
    max-width: 96rem;
  }
  .max-w-\[100px\] {
    max-width: 100px;
  }
  .max-w-\[100vw\] {
    max-width: 100vw;
  }
  .max-w-\[120px\] {
    max-width: 120px;
  }
  .max-w-\[130px\] {
    max-width: 130px;
  }
  .max-w-\[140px\] {
    max-width: 140px;
  }
  .max-w-\[150px\] {
    max-width: 150px;
  }
  .max-w-\[160px\] {
    max-width: 160px;
  }
  .max-w-\[180px\] {
    max-width: 180px;
  }
  .max-w-\[190px\] {
    max-width: 190px;
  }
  .max-w-\[200px\] {
    max-width: 200px;
  }
  .max-w-\[210px\] {
    max-width: 210px;
  }
  .max-w-\[212px\] {
    max-width: 212px;
  }
  .max-w-\[220px\] {
    max-width: 220px;
  }
  .max-w-\[240px\] {
    max-width: 240px;
  }
  .max-w-\[248px\] {
    max-width: 248px;
  }
  .max-w-\[250px\] {
    max-width: 250px;
  }
  .max-w-\[256px\] {
    max-width: 256px;
  }
  .max-w-\[260px\] {
    max-width: 260px;
  }
  .max-w-\[264px\] {
    max-width: 264px;
  }
  .max-w-\[270px\] {
    max-width: 270px;
  }
  .max-w-\[272px\] {
    max-width: 272px;
  }
  .max-w-\[280px\] {
    max-width: 280px;
  }
  .max-w-\[286px\] {
    max-width: 286px;
  }
  .max-w-\[288px\] {
    max-width: 288px;
  }
  .max-w-\[300px\] {
    max-width: 300px;
  }
  .max-w-\[310px\] {
    max-width: 310px;
  }
  .max-w-\[318px\] {
    max-width: 318px;
  }
  .max-w-\[320px\] {
    max-width: 320px;
  }
  .max-w-\[330px\] {
    max-width: 330px;
  }
  .max-w-\[332px\] {
    max-width: 332px;
  }
  .max-w-\[340px\] {
    max-width: 340px;
  }
  .max-w-\[350px\] {
    max-width: 350px;
  }
  .max-w-\[360px\] {
    max-width: 360px;
  }
  .max-w-\[373px\] {
    max-width: 373px;
  }
  .max-w-\[378px\] {
    max-width: 378px;
  }
  .max-w-\[380px\] {
    max-width: 380px;
  }
  .max-w-\[384px\] {
    max-width: 384px;
  }
  .max-w-\[390px\] {
    max-width: 390px;
  }
  .max-w-\[400px\] {
    max-width: 400px;
  }
  .max-w-\[404px\] {
    max-width: 404px;
  }
  .max-w-\[410px\] {
    max-width: 410px;
  }
  .max-w-\[412px\] {
    max-width: 412px;
  }
  .max-w-\[414px\] {
    max-width: 414px;
  }
  .max-w-\[416px\] {
    max-width: 416px;
  }
  .max-w-\[420px\] {
    max-width: 420px;
  }
  .max-w-\[428px\] {
    max-width: 428px;
  }
  .max-w-\[440px\] {
    max-width: 440px;
  }
  .max-w-\[443px\] {
    max-width: 443px;
  }
  .max-w-\[448px\] {
    max-width: 448px;
  }
  .max-w-\[450px\] {
    max-width: 450px;
  }
  .max-w-\[460px\] {
    max-width: 460px;
  }
  .max-w-\[465px\] {
    max-width: 465px;
  }
  .max-w-\[468px\] {
    max-width: 468px;
  }
  .max-w-\[480px\] {
    max-width: 480px;
  }
  .max-w-\[486px\] {
    max-width: 486px;
  }
  .max-w-\[496px\] {
    max-width: 496px;
  }
  .max-w-\[500px\] {
    max-width: 500px;
  }
  .max-w-\[512px\] {
    max-width: 512px;
  }
  .max-w-\[514px\] {
    max-width: 514px;
  }
  .max-w-\[515px\] {
    max-width: 515px;
  }
  .max-w-\[520px\] {
    max-width: 520px;
  }
  .max-w-\[524px\]\! {
    max-width: 524px !important;
  }
  .max-w-\[525px\] {
    max-width: 525px;
  }
  .max-w-\[527px\] {
    max-width: 527px;
  }
  .max-w-\[536px\] {
    max-width: 536px;
  }
  .max-w-\[540px\] {
    max-width: 540px;
  }
  .max-w-\[540px\]\! {
    max-width: 540px !important;
  }
  .max-w-\[544px\] {
    max-width: 544px;
  }
  .max-w-\[548px\] {
    max-width: 548px;
  }
  .max-w-\[550px\] {
    max-width: 550px;
  }
  .max-w-\[550px\]\! {
    max-width: 550px !important;
  }
  .max-w-\[552px\] {
    max-width: 552px;
  }
  .max-w-\[555px\] {
    max-width: 555px;
  }
  .max-w-\[560px\] {
    max-width: 560px;
  }
  .max-w-\[580px\] {
    max-width: 580px;
  }
  .max-w-\[596px\] {
    max-width: 596px;
  }
  .max-w-\[600px\] {
    max-width: 600px;
  }
  .max-w-\[620px\] {
    max-width: 620px;
  }
  .max-w-\[640px\] {
    max-width: 640px;
  }
  .max-w-\[640px\]\! {
    max-width: 640px !important;
  }
  .max-w-\[650px\] {
    max-width: 650px;
  }
  .max-w-\[664px\] {
    max-width: 664px;
  }
  .max-w-\[680px\] {
    max-width: 680px;
  }
  .max-w-\[680px\]\! {
    max-width: 680px !important;
  }
  .max-w-\[700px\] {
    max-width: 700px;
  }
  .max-w-\[720px\] {
    max-width: 720px;
  }
  .max-w-\[728px\] {
    max-width: 728px;
  }
  .max-w-\[760px\] {
    max-width: 760px;
  }
  .max-w-\[768px\] {
    max-width: 768px;
  }
  .max-w-\[780px\] {
    max-width: 780px;
  }
  .max-w-\[780px\]\! {
    max-width: 780px !important;
  }
  .max-w-\[800px\] {
    max-width: 800px;
  }
  .max-w-\[810px\] {
    max-width: 810px;
  }
  .max-w-\[840px\] {
    max-width: 840px;
  }
  .max-w-\[860px\] {
    max-width: 860px;
  }
  .max-w-\[896px\] {
    max-width: 896px;
  }
  .max-w-\[900px\] {
    max-width: 900px;
  }
  .max-w-\[905px\] {
    max-width: 905px;
  }
  .max-w-\[920px\] {
    max-width: 920px;
  }
  .max-w-\[934px\] {
    max-width: 934px;
  }
  .max-w-\[960px\] {
    max-width: 960px;
  }
  .max-w-\[980px\] {
    max-width: 980px;
  }
  .max-w-\[996px\] {
    max-width: 996px;
  }
  .max-w-\[1000px\] {
    max-width: 1000px;
  }
  .max-w-\[1024px\] {
    max-width: 1024px;
  }
  .max-w-\[1040px\] {
    max-width: 1040px;
  }
  .max-w-\[1060px\] {
    max-width: 1060px;
  }
  .max-w-\[1080px\] {
    max-width: 1080px;
  }
  .max-w-\[1100px\] {
    max-width: 1100px;
  }
  .max-w-\[1120px\] {
    max-width: 1120px;
  }
  .max-w-\[1180px\] {
    max-width: 1180px;
  }
  .max-w-\[1200px\] {
    max-width: 1200px;
  }
  .max-w-\[1236px\] {
    max-width: 1236px;
  }
  .max-w-\[1240px\] {
    max-width: 1240px;
  }
  .max-w-\[1280px\] {
    max-width: 1280px;
  }
  .max-w-\[1300px\] {
    max-width: 1300px;
  }
  .max-w-\[1440px\] {
    max-width: 1440px;
  }
  .max-w-\[1600px\] {
    max-width: 1600px;
  }
  .max-w-\[1800px\] {
    max-width: 1800px;
  }
  .max-w-\[1900px\] {
    max-width: 1900px;
  }
  .max-w-\[calc\(0\.8\*var\(--thread-content-max-width\,40rem\)\)\] {
    max-width: calc(0.8 * var(--thread-content-max-width, 40rem));
  }
  .max-w-\[calc\(2\*var\(--thread-content-max-width\)\)\] {
    max-width: calc(2 * var(--thread-content-max-width));
  }
  .max-w-\[calc\(100\%-1rem\)\] {
    max-width: calc(100% - 1rem);
  }
  .max-w-\[calc\(100\%-13\*var\(--spacing\)\)\] {
    max-width: calc(100% - 13 * var(--spacing));
  }
  .max-w-\[calc\(100\%-30px\)\] {
    max-width: calc(100% - 30px);
  }
  .max-w-\[calc\(100\%-100px\)\] {
    max-width: calc(100% - 100px);
  }
  .max-w-\[calc\(100vw-2rem\)\] {
    max-width: calc(100vw - 2rem);
  }
  .max-w-\[calc\(100vw-16px\)\] {
    max-width: calc(100vw - 16px);
  }
  .max-w-\[calc\(100vw-20px\)\] {
    max-width: calc(100vw - 20px);
  }
  .max-w-\[calc\(100vw-24px\)\] {
    max-width: calc(100vw - 24px);
  }
  .max-w-\[calc\(100vw-32px\)\] {
    max-width: calc(100vw - 32px);
  }
  .max-w-\[calc\(100vw-48px\)\] {
    max-width: calc(100vw - 48px);
  }
  .max-w-\[calc\(100vw-64px\)\]\! {
    max-width: calc(100vw - 64px) !important;
  }
  .max-w-\[calc\(190px\+theme\(spacing\.8\)\)\] {
    max-width: calc(190px + 2rem);
  }
  .max-w-\[calc\(var\(--breakpoint-xl\)\*6\/12\)\] {
    max-width: calc(var(--breakpoint-xl) * 6 / 12);
  }
  .max-w-\[calc\(var\(--breakpoint-xl\)\*8\/12\)\] {
    max-width: calc(var(--breakpoint-xl) * 8 / 12);
  }
  .max-w-\[calc\(var\(--breakpoint-xl\)\*10\/12\)\] {
    max-width: calc(var(--breakpoint-xl) * 10 / 12);
  }
  .max-w-\[min\(20rem\,100\%-0\.5rem\)\] {
    max-width: min(20rem, 100% - 0.5rem);
  }
  .max-w-\[min\(32rem\,100\%\)\] {
    max-width: min(32rem, 100%);
  }
  .max-w-\[min\(32rem\,calc\(100vw-2\.5rem\)\)\] {
    max-width: min(32rem, 100vw - 2.5rem);
  }
  .max-w-\[min\(70vw\,520px\)\] {
    max-width: min(70vw, 520px);
  }
  .max-w-\[min\(90vw\,24rem\)\] {
    max-width: min(90vw, 24rem);
  }
  .max-w-\[min\(320px\,95vw\)\] {
    max-width: min(320px, 95vw);
  }
  .max-w-\[min\(400px\,calc\(100dvw-32px\)\)\] {
    max-width: min(400px, 100dvw - 32px);
  }
  .max-w-\[min\(420px\,95dvw\)\] {
    max-width: min(420px, 95dvw);
  }
  .max-w-\[min\(480px\,95dvw\)\] {
    max-width: min(480px, 95dvw);
  }
  .max-w-\[min\(480px\,calc\(100dvw-32px\)\)\] {
    max-width: min(480px, 100dvw - 32px);
  }
  .max-w-\[min\(780px\,95dvw\)\] {
    max-width: min(780px, 95dvw);
  }
  .max-w-\[min\(var\(--radix-popper-available-width\,100vw\)\,--spacing\(100\)\)\] {
    max-width: min(
      var(--radix-popper-available-width, 100vw),
      calc(var(--spacing) * 100)
    );
  }
  .max-w-\[unset\]\! {
    max-width: unset !important;
  }
  .max-w-\[var\(--radix-dropdown-menu-trigger-width\)\] {
    max-width: var(--radix-dropdown-menu-trigger-width);
  }
  .max-w-\[var\(--thread-content-max-width\,40rem\)\] {
    max-width: var(--thread-content-max-width, 40rem);
  }
  .max-w-\[var\(--user-chat-width\,70\%\)\] {
    max-width: var(--user-chat-width, 70%);
  }
  .max-w-app-content {
    max-width: min(100cqw, 800px);
  }
  .max-w-fit {
    max-width: fit-content;
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-lg {
    max-width: var(--container-lg);
  }
  .max-w-max {
    max-width: max-content;
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-none {
    max-width: none;
  }
  .max-w-none\! {
    max-width: none !important;
  }
  .max-w-prose {
    max-width: 65ch;
  }
  .max-w-screen {
    max-width: 100vw;
  }
  .max-w-screen-2xl {
    max-width: var(--breakpoint-2xl);
  }
  .max-w-screen-lg {
    max-width: var(--breakpoint-lg);
  }
  .max-w-screen-md {
    max-width: var(--breakpoint-md);
  }
  .max-w-screen-xl {
    max-width: var(--breakpoint-xl);
  }
  .max-w-screen-xs {
    max-width: 480px;
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .max-w-xs {
    max-width: var(--container-xs);
  }
  .\!min-w-\[72px\] {
    min-width: 72px !important;
  }
  .\!min-w-\[84px\] {
    min-width: 84px !important;
  }
  .min-w-\(--file-tile-width\) {
    min-width: var(--file-tile-width);
  }
  .min-w-\(--sidebar-width\) {
    min-width: var(--sidebar-width);
  }
  .min-w-\(--thread-content-width\) {
    min-width: var(--thread-content-width);
  }
  .min-w-\(--trigger-width\) {
    min-width: var(--trigger-width);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-2 {
    min-width: calc(var(--spacing) * 2);
  }
  .min-w-2xl {
    min-width: var(--container-2xl);
  }
  .min-w-3\.5 {
    min-width: calc(var(--spacing) * 3.5);
  }
  .min-w-3xl {
    min-width: var(--container-3xl);
  }
  .min-w-4 {
    min-width: calc(var(--spacing) * 4);
  }
  .min-w-4\/5 {
    min-width: 80%;
  }
  .min-w-5 {
    min-width: calc(var(--spacing) * 5);
  }
  .min-w-6 {
    min-width: calc(var(--spacing) * 6);
  }
  .min-w-7 {
    min-width: calc(var(--spacing) * 7);
  }
  .min-w-8 {
    min-width: calc(var(--spacing) * 8);
  }
  .min-w-8\! {
    min-width: calc(var(--spacing) * 8) !important;
  }
  .min-w-9 {
    min-width: calc(var(--spacing) * 9);
  }
  .min-w-10 {
    min-width: calc(var(--spacing) * 10);
  }
  .min-w-11 {
    min-width: calc(var(--spacing) * 11);
  }
  .min-w-12 {
    min-width: calc(var(--spacing) * 12);
  }
  .min-w-16 {
    min-width: calc(var(--spacing) * 16);
  }
  .min-w-20 {
    min-width: calc(var(--spacing) * 20);
  }
  .min-w-24 {
    min-width: calc(var(--spacing) * 24);
  }
  .min-w-25 {
    min-width: calc(var(--spacing) * 25);
  }
  .min-w-28 {
    min-width: calc(var(--spacing) * 28);
  }
  .min-w-30 {
    min-width: calc(var(--spacing) * 30);
  }
  .min-w-32 {
    min-width: calc(var(--spacing) * 32);
  }
  .min-w-36 {
    min-width: calc(var(--spacing) * 36);
  }
  .min-w-40 {
    min-width: calc(var(--spacing) * 40);
  }
  .min-w-44 {
    min-width: calc(var(--spacing) * 44);
  }
  .min-w-45 {
    min-width: calc(var(--spacing) * 45);
  }
  .min-w-48 {
    min-width: calc(var(--spacing) * 48);
  }
  .min-w-60 {
    min-width: calc(var(--spacing) * 60);
  }
  .min-w-64 {
    min-width: calc(var(--spacing) * 64);
  }
  .min-w-66 {
    min-width: calc(var(--spacing) * 66);
  }
  .min-w-80 {
    min-width: calc(var(--spacing) * 80);
  }
  .min-w-96 {
    min-width: calc(var(--spacing) * 96);
  }
  .min-w-100 {
    min-width: 25rem;
  }
  .min-w-\[1\.5rem\] {
    min-width: 1.5rem;
  }
  .min-w-\[1ch\] {
    min-width: 1ch;
  }
  .min-w-\[1em\] {
    min-width: 1em;
  }
  .min-w-\[2\.75rem\] {
    min-width: 2.75rem;
  }
  .min-w-\[2ch\] {
    min-width: 2ch;
  }
  .min-w-\[2em\] {
    min-width: 2em;
  }
  .min-w-\[4\.5rem\] {
    min-width: 4.5rem;
  }
  .min-w-\[4rem\] {
    min-width: 4rem;
  }
  .min-w-\[6rem\] {
    min-width: 6rem;
  }
  .min-w-\[7\.5rem\] {
    min-width: 7.5rem;
  }
  .min-w-\[9\.5rem\] {
    min-width: 9.5rem;
  }
  .min-w-\[11rem\] {
    min-width: 11rem;
  }
  .min-w-\[16px\] {
    min-width: 16px;
  }
  .min-w-\[16rem\] {
    min-width: 16rem;
  }
  .min-w-\[25vw\] {
    min-width: 25vw;
  }
  .min-w-\[32px\] {
    min-width: 32px;
  }
  .min-w-\[40px\] {
    min-width: 40px;
  }
  .min-w-\[44px\] {
    min-width: 44px;
  }
  .min-w-\[50\%\] {
    min-width: 50%;
  }
  .min-w-\[50px\] {
    min-width: 50px;
  }
  .min-w-\[56px\] {
    min-width: 56px;
  }
  .min-w-\[56rem\] {
    min-width: 56rem;
  }
  .min-w-\[60px\] {
    min-width: 60px;
  }
  .min-w-\[62px\] {
    min-width: 62px;
  }
  .min-w-\[64px\] {
    min-width: 64px;
  }
  .min-w-\[70px\] {
    min-width: 70px;
  }
  .min-w-\[72px\] {
    min-width: 72px;
  }
  .min-w-\[74px\] {
    min-width: 74px;
  }
  .min-w-\[78px\] {
    min-width: 78px;
  }
  .min-w-\[80px\] {
    min-width: 80px;
  }
  .min-w-\[84px\] {
    min-width: 84px;
  }
  .min-w-\[86px\] {
    min-width: 86px;
  }
  .min-w-\[88px\] {
    min-width: 88px;
  }
  .min-w-\[88px\]\! {
    min-width: 88px !important;
  }
  .min-w-\[92px\] {
    min-width: 92px;
  }
  .min-w-\[96px\] {
    min-width: 96px;
  }
  .min-w-\[100px\] {
    min-width: 100px;
  }
  .min-w-\[110px\] {
    min-width: 110px;
  }
  .min-w-\[114px\] {
    min-width: 114px;
  }
  .min-w-\[120px\] {
    min-width: 120px;
  }
  .min-w-\[125px\]\! {
    min-width: 125px !important;
  }
  .min-w-\[130px\] {
    min-width: 130px;
  }
  .min-w-\[136px\] {
    min-width: 136px;
  }
  .min-w-\[140px\] {
    min-width: 140px;
  }
  .min-w-\[150px\] {
    min-width: 150px;
  }
  .min-w-\[155px\] {
    min-width: 155px;
  }
  .min-w-\[160px\] {
    min-width: 160px;
  }
  .min-w-\[165px\] {
    min-width: 165px;
  }
  .min-w-\[170px\] {
    min-width: 170px;
  }
  .min-w-\[174px\] {
    min-width: 174px;
  }
  .min-w-\[180px\] {
    min-width: 180px;
  }
  .min-w-\[190px\] {
    min-width: 190px;
  }
  .min-w-\[200px\] {
    min-width: 200px;
  }
  .min-w-\[210px\] {
    min-width: 210px;
  }
  .min-w-\[220px\] {
    min-width: 220px;
  }
  .min-w-\[224px\] {
    min-width: 224px;
  }
  .min-w-\[240px\] {
    min-width: 240px;
  }
  .min-w-\[260px\] {
    min-width: 260px;
  }
  .min-w-\[280px\] {
    min-width: 280px;
  }
  .min-w-\[284px\] {
    min-width: 284px;
  }
  .min-w-\[300px\] {
    min-width: 300px;
  }
  .min-w-\[300px\]\! {
    min-width: 300px !important;
  }
  .min-w-\[320px\] {
    min-width: 320px;
  }
  .min-w-\[360px\] {
    min-width: 360px;
  }
  .min-w-\[400px\] {
    min-width: 400px;
  }
  .min-w-\[420px\] {
    min-width: 420px;
  }
  .min-w-\[520px\] {
    min-width: 520px;
  }
  .min-w-\[640px\] {
    min-width: 640px;
  }
  .min-w-\[680px\] {
    min-width: 680px;
  }
  .min-w-\[720px\] {
    min-width: 720px;
  }
  .min-w-\[760px\] {
    min-width: 760px;
  }
  .min-w-\[820px\] {
    min-width: 820px;
  }
  .min-w-\[920px\] {
    min-width: 920px;
  }
  .min-w-\[calc\(100\%\/3\)\] {
    min-width: 33.3333%;
  }
  .min-w-\[calc\(var\(--sidebar-width\)-12px\)\] {
    min-width: calc(var(--sidebar-width) - 12px);
  }
  .min-w-\[calc\(var\(--sidebar-width\)-14px\)\] {
    min-width: calc(var(--sidebar-width) - 14px);
  }
  .min-w-\[max\(var\(--trigger-width\)\,min\(125px\,95vw\)\)\] {
    min-width: max(var(--trigger-width), min(125px, 95vw));
  }
  .min-w-\[max\(var\(--trigger-width\)\,min\(200px\,95vw\)\)\] {
    min-width: max(var(--trigger-width), min(200px, 95vw));
  }
  .min-w-\[max\(var\(--trigger-width\)\,min\(280px\,95vw\)\)\] {
    min-width: max(var(--trigger-width), min(280px, 95vw));
  }
  .min-w-\[max\(var\(--trigger-width\)\,min\(350px\,95vw\)\)\] {
    min-width: max(var(--trigger-width), min(350px, 95vw));
  }
  .min-w-\[min\(36rem\,calc\(0\.8\*var\(--thread-content-max-width\,40rem\)\)\)\] {
    min-width: min(36rem, calc(0.8 * var(--thread-content-max-width, 40rem)));
  }
  .min-w-\[min\(280px\,95vw\)\] {
    min-width: min(280px, 95vw);
  }
  .min-w-\[min\(360px\,94\%\)\] {
    min-width: min(360px, 94%);
  }
  .min-w-\[min\(450px\,80cqw\,80vw\)\] {
    min-width: min(450px, 80cqw, 80vw);
  }
  .min-w-\[var\(--radix-dropdown-menu-trigger-width\)\] {
    min-width: var(--radix-dropdown-menu-trigger-width);
  }
  .min-w-\[var\(--radix-popover-trigger-width\)\] {
    min-width: var(--radix-popover-trigger-width);
  }
  .min-w-\[var\(--radix-select-trigger-width\)\] {
    min-width: var(--radix-select-trigger-width);
  }
  .min-w-\[var\(--radix-select-trigger-width\)\]\! {
    min-width: var(--radix-select-trigger-width) !important;
  }
  .min-w-bloop {
    min-width: 227px;
  }
  .min-w-fit {
    min-width: fit-content;
  }
  .min-w-full {
    min-width: 100%;
  }
  .min-w-max {
    min-width: max-content;
  }
  .min-w-min {
    min-width: min-content;
  }
  .min-w-px {
    min-width: 1px;
  }
  .min-w-xs {
    min-width: var(--container-xs);
  }
  .flex-\(--composer-container-flex\,1\) {
    flex: var(--composer-container-flex, 1);
  }
  .flex-0 {
    flex: 0;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-\[0_0_100\%\] {
    flex: 0 0 100%;
  }
  .flex-\[0_1_140px\] {
    flex: 0 140px;
  }
  .flex-\[1_0_0\] {
    flex: 1 0 0;
  }
  .flex-\[2\] {
    flex: 2;
  }
  .flex-auto {
    flex: auto;
  }
  .flex-initial {
    flex: 0 auto;
  }
  .flex-none {
    flex: none;
  }
  .badge-base {
    border-radius: var(--radius-3xl);
    padding-inline: calc(var(--spacing) * 2);
    --tw-leading: 15px;
    --tw-font-weight: var(--font-weight-semibold);
    font-size: 10px;
    line-height: 15px;
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    flex-shrink: 0;
    padding-block: 1px;
  }
  .flex-shrink {
    flex-shrink: 1;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .flex-shrink-1,
  .shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .shrink-1 {
    flex-shrink: 1;
  }
  .flex-grow {
    flex-grow: 1;
  }
  .flex-grow-0 {
    flex-grow: 0;
  }
  .flex-grow-1,
  .grow {
    flex-grow: 1;
  }
  .grow-0 {
    flex-grow: 0;
  }
  .basis-0 {
    flex-basis: calc(var(--spacing) * 0);
  }
  .basis-24 {
    flex-basis: calc(var(--spacing) * 24);
  }
  .basis-\[32px\] {
    flex-basis: 32px;
  }
  .basis-\[220px\] {
    flex-basis: 220px;
  }
  .basis-\[calc\(\(100\%-2rem\)\/2\)\] {
    flex-basis: calc(50% - 1rem);
  }
  .basis-\[calc\(\(100\%-2rem\)\/3\)\] {
    flex-basis: calc(33.3333% - 0.666667rem);
  }
  .basis-\[calc\(\(100\%-3rem\)\/3\.5\)\] {
    flex-basis: calc(28.5714% - 0.857143rem);
  }
  .basis-\[calc\(\(100\%-3rem\)\/4\)\] {
    flex-basis: calc(25% - 0.75rem);
  }
  .basis-\[calc\(\(100\%-4rem\)\/4\.5\)\] {
    flex-basis: calc(22.2222% - 0.888889rem);
  }
  .basis-\[calc\(\(100\%-4rem\)\/5\)\] {
    flex-basis: calc(20% - 0.8rem);
  }
  .basis-\[calc\(50\%-0\.375rem\)\] {
    flex-basis: calc(50% - 0.375rem);
  }
  .basis-auto {
    flex-basis: auto;
  }
  .basis-full {
    flex-basis: 100%;
  }
  .table-auto {
    table-layout: auto;
  }
  .table-fixed {
    table-layout: fixed;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .border-separate {
    border-collapse: separate;
  }
  .border-spacing-0 {
    --tw-border-spacing-x: calc(var(--spacing) * 0);
    --tw-border-spacing-y: calc(var(--spacing) * 0);
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }
  .border-spacing-4 {
    --tw-border-spacing-x: calc(var(--spacing) * 4);
    --tw-border-spacing-y: calc(var(--spacing) * 4);
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }
  .border-spacing-x-0 {
    --tw-border-spacing-x: calc(var(--spacing) * 0);
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }
  .border-spacing-y-1 {
    --tw-border-spacing-y: calc(var(--spacing) * 1);
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }
  .border-spacing-y-2 {
    --tw-border-spacing-y: calc(var(--spacing) * 2);
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }
  .flip {
    transform-origin: 50%;
    --tw-scale-x: -1;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .flip\! {
    transform-origin: 50% !important;
    --tw-scale-x: -1 !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }
  .origin-\[14px_50\%\] {
    transform-origin: 14px;
  }
  .origin-\[50\%_50\%\] {
    transform-origin: 50%;
  }
  .origin-\[bottom_var\(--start\)\] {
    transform-origin: bottom var(--start);
  }
  .origin-bottom {
    transform-origin: bottom;
  }
  .origin-center {
    transform-origin: 50%;
  }
  .origin-right {
    transform-origin: 100%;
  }
  .origin-start {
    transform-origin: var(--start);
  }
  .origin-top-left {
    transform-origin: 0 0;
  }
  .translate-\[-50\%\] {
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-0\.5 {
    --tw-translate-x: calc(var(--spacing) * -0.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-1 {
    --tw-translate-x: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-1\.5 {
    --tw-translate-x: calc(var(--spacing) * -1.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-1\/3 {
    --tw-translate-x: calc(calc(1 / 3 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-2 {
    --tw-translate-x: calc(var(--spacing) * -2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-3 {
    --tw-translate-x: calc(var(--spacing) * -3);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-52 {
    --tw-translate-x: calc(var(--spacing) * -52);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-96 {
    --tw-translate-x: calc(var(--spacing) * -96);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-\[0\.16px\] {
    --tw-translate-x: calc(0.16px * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-\[30\%\] {
    --tw-translate-x: calc(30% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-\[200vw\] {
    --tw-translate-x: calc(200vw * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-full {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-0 {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-0\.5 {
    --tw-translate-x: calc(var(--spacing) * 0.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-1 {
    --tw-translate-x: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-1\/2 {
    --tw-translate-x: calc(1 / 2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-2 {
    --tw-translate-x: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-3 {
    --tw-translate-x: calc(var(--spacing) * 3);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-4 {
    --tw-translate-x: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-5 {
    --tw-translate-x: calc(var(--spacing) * 5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-6 {
    --tw-translate-x: calc(var(--spacing) * 6);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-52 {
    --tw-translate-x: calc(var(--spacing) * 52);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-96 {
    --tw-translate-x: calc(var(--spacing) * 96);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[1px\] {
    --tw-translate-x: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[4\%\] {
    --tw-translate-x: 4%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[50\%\] {
    --tw-translate-x: 50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[calc\(-50\%-125px\)\] {
    --tw-translate-x: calc(-50% - 125px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[calc\(-50\%-135px\)\] {
    --tw-translate-x: calc(-50% - 135px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-full {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-px {
    --tw-translate-x: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-0\.5 {
    --tw-translate-y: calc(var(--spacing) * -0.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1 {
    --tw-translate-y: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/3 {
    --tw-translate-y: calc(calc(1 / 3 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-2 {
    --tw-translate-y: calc(var(--spacing) * -2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-3 {
    --tw-translate-y: calc(var(--spacing) * -3);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-8 {
    --tw-translate-y: calc(var(--spacing) * -8);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-9 {
    --tw-translate-y: calc(var(--spacing) * -9);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-12 {
    --tw-translate-y: calc(var(--spacing) * -12);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-\[0\.1px\] {
    --tw-translate-y: calc(0.1px * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-\[2\.5rem\] {
    --tw-translate-y: calc(2.5rem * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-\[6px\] {
    --tw-translate-y: calc(6px * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-\[50\%\] {
    --tw-translate-y: calc(50% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-\[55\%\] {
    --tw-translate-y: calc(55% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-\[200\%\] {
    --tw-translate-y: calc(200% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-\[calc\(env\(safe-area-inset-bottom\,0px\)\/2\)\] {
    --tw-translate-y: calc(calc(env(safe-area-inset-bottom, 0px) / 2) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-full {
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\(--scroll-root-safe-area-inset-bottom\) {
    --tw-translate-y: var(--scroll-root-safe-area-inset-bottom);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-0 {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-0\.5 {
    --tw-translate-y: calc(var(--spacing) * 0.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-1 {
    --tw-translate-y: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-2 {
    --tw-translate-y: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-3 {
    --tw-translate-y: calc(var(--spacing) * 3);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-4 {
    --tw-translate-y: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-10 {
    --tw-translate-y: calc(var(--spacing) * 10);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[-85\%\] {
    --tw-translate-y: -85%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[-100\%\] {
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[-135\%\] {
    --tw-translate-y: -135%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[0\.5px\] {
    --tw-translate-y: 0.5px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[0px\] {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[1px\] {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[2\.5rem\] {
    --tw-translate-y: 2.5rem;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[2\.25px\] {
    --tw-translate-y: 2.25px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[2px\] {
    --tw-translate-y: 2px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[4\%\] {
    --tw-translate-y: 4%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[4px\] {
    --tw-translate-y: 4px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[6px\] {
    --tw-translate-y: 6px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[20px\] {
    --tw-translate-y: 20px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[100\%\] {
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[calc\(-50\%\+70px\)\] {
    --tw-translate-y: calc(-50% + 70px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[calc\(-50\%\+75px\)\] {
    --tw-translate-y: calc(-50% + 75px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[calc\(-50\%-50px\)\] {
    --tw-translate-y: calc(-50% - 50px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[calc\(-50\%-60px\)\] {
    --tw-translate-y: calc(-50% - 60px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[calc\(var\(--scroll-root-safe-area-inset-bottom\)-14\*var\(--spacing\)\)\] {
    --tw-translate-y: calc(
      var(--scroll-root-safe-area-inset-bottom) - 14 * var(--spacing)
    );
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-full {
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-px {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .scale-50 {
    --tw-scale-x: 50%;
    --tw-scale-y: 50%;
    --tw-scale-z: 50%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-75 {
    --tw-scale-x: 75%;
    --tw-scale-y: 75%;
    --tw-scale-z: 75%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-80 {
    --tw-scale-x: 80%;
    --tw-scale-y: 80%;
    --tw-scale-z: 80%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-90 {
    --tw-scale-x: 90%;
    --tw-scale-y: 90%;
    --tw-scale-z: 90%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-95 {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-100 {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-105 {
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    --tw-scale-z: 105%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-110 {
    --tw-scale-x: 110%;
    --tw-scale-y: 110%;
    --tw-scale-z: 110%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-120 {
    --tw-scale-x: 120%;
    --tw-scale-y: 120%;
    --tw-scale-z: 120%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-150 {
    --tw-scale-x: 150%;
    --tw-scale-y: 150%;
    --tw-scale-z: 150%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .-scale-x-100 {
    --tw-scale-x: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-x-0 {
    --tw-scale-x: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-x-75 {
    --tw-scale-x: 75%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-x-100 {
    --tw-scale-x: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-x-\[0\.5\] {
    --tw-scale-x: 0.5;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-3d {
    scale: var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z);
  }
  .scale-\[0\.9\] {
    scale: 0.9;
  }
  .scale-\[0\.85\] {
    scale: 0.85;
  }
  .scale-\[0\.92\] {
    scale: 0.92;
  }
  .scale-\[0\.98\] {
    scale: 0.98;
  }
  .scale-\[1\.01\] {
    scale: 1.01;
  }
  .-rotate-3 {
    rotate: -3deg;
  }
  .-rotate-4 {
    rotate: -4deg;
  }
  .-rotate-5 {
    rotate: -5deg;
  }
  .-rotate-13 {
    rotate: -13deg;
  }
  .-rotate-15 {
    rotate: -15deg;
  }
  .-rotate-90 {
    rotate: -90deg;
  }
  .-rotate-180 {
    rotate: -180deg;
  }
  .-rotate-\[1deg\] {
    rotate: -1deg;
  }
  .-rotate-\[2deg\] {
    rotate: -2deg;
  }
  .-rotate-\[4deg\] {
    rotate: -4deg;
  }
  .-rotate-\[5deg\] {
    rotate: -5deg;
  }
  .-rotate-\[6\.5deg\] {
    rotate: -6.5deg;
  }
  .-rotate-\[7deg\] {
    rotate: -7deg;
  }
  .rotate-0 {
    rotate: 0deg;
  }
  .rotate-4 {
    rotate: 4deg;
  }
  .rotate-5 {
    rotate: 5deg;
  }
  .rotate-7 {
    rotate: 7deg;
  }
  .rotate-10 {
    rotate: 10deg;
  }
  .rotate-15 {
    rotate: 15deg;
  }
  .rotate-45 {
    rotate: 45deg;
  }
  .rotate-90 {
    rotate: 90deg;
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .rotate-\[-1deg\] {
    rotate: -1deg;
  }
  .rotate-\[-5deg\] {
    rotate: -5deg;
  }
  .rotate-\[-10deg\] {
    rotate: -10deg;
  }
  .rotate-\[-11\.67deg\] {
    rotate: -11.67deg;
  }
  .rotate-\[-90deg\] {
    rotate: -90deg;
  }
  .rotate-\[1deg\] {
    rotate: 1deg;
  }
  .rotate-\[3\.61deg\] {
    rotate: 3.61deg;
  }
  .rotate-\[3deg\] {
    rotate: 3deg;
  }
  .rotate-\[5deg\] {
    rotate: 5deg;
  }
  .rotate-\[9\.42deg\] {
    rotate: 9.42deg;
  }
  .rotate-\[9deg\] {
    rotate: 9deg;
  }
  .-skew-x-12 {
    --tw-skew-x: skewX(calc(12deg * -1));
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)
      var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .\[transform\:translateZ\(0\)\] {
    transform: translateZ(0);
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)
      var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .transform\! {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)
      var(--tw-skew-x,) var(--tw-skew-y,) !important;
  }
  .transform-\[translate3d\(0\,0\,0\)\] {
    transform: translate(0);
  }
  .transform-gpu {
    transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,)
      var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .\[animation\:pulseSize_1\.25s_infinite_ease-in-out\] {
    animation: 1.25s ease-in-out infinite pulseSize;
  }
  .animate-\[hive-log-fadeout_0\.3s_1\.5s_forwards\] {
    animation: 0.3s 1.5s forwards hive-log-fadeout;
  }
  .animate-\[show_150ms_ease-in\] {
    animation: 0.15s ease-in show;
  }
  .animate-\[slide-in-left_0\.2s_forwards\] {
    animation: 0.2s forwards slide-in-left;
  }
  .animate-\[slide-in-right_0\.2s_forwards\] {
    animation: 0.2s forwards slide-in-right;
  }
  .animate-\[slide-out-left_0\.2s_forwards\] {
    animation: 0.2s forwards slide-out-left;
  }
  .animate-\[slide-out-right_0\.2s_forwards\] {
    animation: 0.2s forwards slide-out-right;
  }
  .animate-bounce {
    animation: var(--animate-bounce);
  }
  .animate-none {
    animation: none;
  }
  .animate-pulse {
    animation: var(--animate-pulse);
  }
  .animate-pulsing {
    animation: 2s ease-in-out infinite forwards pulsing;
  }
  .animate-show {
    animation: 0.1s cubic-bezier(0.16, 1, 0.3, 1) show;
  }
  .animate-slideLeftAndFade {
    animation: 0.2s cubic-bezier(0.16, 1, 0.3, 1) slideLeftAndFade;
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .sdtrn-root {
    font-family:
      Segoe UI Variable Text,
      "ui-sans-serif",
      -apple-system,
      "system-ui",
      Segoe UI,
      Helvetica,
      Apple Color Emoji,
      Arial,
      "sans-serif",
      Segoe UI Emoji,
      Segoe UI Symbol;
  }
  .sdtrn-root .text-xs {
    font-family:
      Segoe UI Variable Small,
      "ui-sans-serif",
      -apple-system,
      "system-ui",
      Segoe UI,
      Helvetica,
      Apple Color Emoji,
      Arial,
      "sans-serif",
      Segoe UI Emoji,
      Segoe UI Symbol;
    font-size: 12px;
    line-height: 16px;
  }
  .sdtrn-root .text-sm,
  .sdtrn-root .text-base,
  .sdtrn-root .text-body {
    font-family:
      Segoe UI Variable Text,
      "ui-sans-serif",
      -apple-system,
      "system-ui",
      Segoe UI,
      Helvetica,
      Apple Color Emoji,
      Arial,
      "sans-serif",
      Segoe UI Emoji,
      Segoe UI Symbol;
    font-size: 14px;
    line-height: 20px;
  }
  .sdtrn-root .text-lg {
    font-family:
      Segoe UI Variable Text,
      "ui-sans-serif",
      -apple-system,
      "system-ui",
      Segoe UI,
      Helvetica,
      Apple Color Emoji,
      Arial,
      "sans-serif",
      Segoe UI Emoji,
      Segoe UI Symbol;
  }
  .sdtrn-root .text-xl,
  .sdtrn-root .text-2xl,
  .sdtrn-root .text-3xl {
    font-family:
      Segoe UI Variable Display,
      "ui-sans-serif",
      -apple-system,
      "system-ui",
      Segoe UI,
      Helvetica,
      Apple Color Emoji,
      Arial,
      "sans-serif",
      Segoe UI Emoji,
      Segoe UI Symbol;
  }
  .sdtrn-root .cursor-pointer {
    cursor: default;
    -webkit-user-select: none;
    user-select: none;
  }
  .cursor-auto {
    cursor: auto;
  }
  .cursor-col-resize {
    cursor: col-resize;
  }
  .cursor-crosshair {
    cursor: crosshair;
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-default\! {
    cursor: default !important;
  }
  .cursor-e-resize {
    cursor: e-resize;
  }
  .cursor-ew-resize {
    cursor: ew-resize;
  }
  .cursor-grab {
    cursor: grab;
  }
  .cursor-grabbing {
    cursor: grabbing;
  }
  .cursor-help {
    cursor: help;
  }
  .cursor-move {
    cursor: move;
  }
  .cursor-none {
    cursor: none;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-ns-resize {
    cursor: ns-resize;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .cursor-row-resize {
    cursor: row-resize;
  }
  .cursor-text {
    cursor: text;
  }
  .cursor-text\! {
    cursor: text !important;
  }
  .cursor-w-resize {
    cursor: w-resize;
  }
  .cursor-wait {
    cursor: wait;
  }
  .cursor-zoom-in {
    cursor: zoom-in;
  }
  .cursor-zoom-out {
    cursor: zoom-out;
  }
  .touch-pan-x {
    --tw-pan-x: pan-x;
    touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
  }
  .touch-pan-y {
    --tw-pan-y: pan-y;
    touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
  }
  .touch-none {
    touch-action: none;
  }
  .resize {
    resize: both;
  }
  .resize-none {
    resize: none;
  }
  .resize-y {
    resize: vertical;
  }
  .snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
  }
  .snap-y {
    scroll-snap-type: y var(--tw-scroll-snap-strictness);
  }
  .snap-mandatory {
    --tw-scroll-snap-strictness: mandatory;
  }
  .snap-proximity {
    --tw-scroll-snap-strictness: proximity;
  }
  .snap-center {
    scroll-snap-align: center;
  }
  .snap-end {
    scroll-snap-align: end;
  }
  .snap-start {
    scroll-snap-align: start;
  }
  .snap-always {
    scroll-snap-stop: always;
  }
  .scroll-m-1\.5 {
    scroll-margin: calc(var(--spacing) * 1.5);
  }
  .scroll-m-4 {
    scroll-margin: calc(var(--spacing) * 4);
  }
  .scroll-m-5 {
    scroll-margin: calc(var(--spacing) * 5);
  }
  .scroll-m-mkt-header-height {
    scroll-margin: var(--mkt-header-height);
  }
  .scroll-mx-5 {
    scroll-margin-inline: calc(var(--spacing) * 5);
  }
  .scroll-mt-\(--header-height\) {
    scroll-margin-top: var(--header-height);
  }
  .scroll-mt-2 {
    scroll-margin-top: calc(var(--spacing) * 2);
  }
  .scroll-mt-6 {
    scroll-margin-top: calc(var(--spacing) * 6);
  }
  .scroll-mt-24 {
    scroll-margin-top: calc(var(--spacing) * 24);
  }
  .scroll-mt-28 {
    scroll-margin-top: calc(var(--spacing) * 28);
  }
  .scroll-mt-\[calc\(var\(--header-height\)\+min\(200px\,max\(70px\,20svh\)\)\)\] {
    scroll-margin-top: calc(
      var(--header-height) + min(200px, max(70px, 20svh))
    );
  }
  .scroll-mt-mkt-header-height {
    scroll-margin-top: var(--mkt-header-height);
  }
  .scroll-mb-4 {
    scroll-margin-bottom: calc(var(--spacing) * 4);
  }
  .scroll-mb-25 {
    scroll-margin-bottom: calc(var(--spacing) * 25);
  }
  .scroll-mb-\[calc\(var\(--scroll-root-safe-area-inset-bottom\,0px\)\+var\(--thread-response-height\,0px\)\)\] {
    scroll-margin-bottom: calc(
      var(--scroll-root-safe-area-inset-bottom, 0px) +
        var(--thread-response-height, 0px)
    );
  }
  .scroll-ps-4 {
    scroll-padding-inline-start: calc(var(--spacing) * 4);
  }
  .scroll-pt-\(--header-height\) {
    scroll-padding-top: var(--header-height);
  }
  .scroll-pt-3 {
    scroll-padding-top: calc(var(--spacing) * 3);
  }
  .list-inside {
    list-style-position: inside;
  }
  .list-decimal {
    list-style-type: decimal;
  }
  .list-disc {
    list-style-type: disc;
  }
  .list-none {
    list-style-type: none;
  }
  .form-textarea {
    appearance: none;
    border-color: var(--gray-500);
    --tw-shadow: 0 0 #0000;
    background-color: #fff;
    border-width: 1px;
    border-radius: 0;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .form-textarea:focus {
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty,);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: var(--blue-600);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
      var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
      calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow:
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: var(--blue-600);
    outline: 2px solid #0000;
  }
  .form-textarea::placeholder {
    color: var(--gray-500);
    opacity: 1;
  }
  .\[appearance\:textfield\] {
    appearance: textfield;
  }
  .appearance-none {
    appearance: none;
  }
  .columns-1 {
    columns: 1;
  }
  .columns-2 {
    columns: 2;
  }
  .columns-3 {
    columns: 3;
  }
  .columns-4 {
    columns: 4;
  }
  .columns-\[320px\] {
    columns: 320px;
  }
  .break-inside-avoid {
    break-inside: avoid;
  }
  .auto-cols-\[50\%\] {
    grid-auto-columns: 50%;
  }
  .auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
  }
  .grid-flow-col {
    grid-auto-flow: column;
  }
  .grid-flow-dense {
    grid-auto-flow: dense;
  }
  .grid-flow-row {
    grid-auto-flow: row;
  }
  .\[grid-auto-rows\:1fr\] {
    grid-auto-rows: 1fr;
  }
  .\[grid-auto-rows\:minmax\(min-content\,auto\)\] {
    grid-auto-rows: minmax(min-content, auto);
  }
  .auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
  }
  .auto-rows-min {
    grid-auto-rows: min-content;
  }
  .\!grid-cols-\[28px_1fr_28px\] {
    grid-template-columns: 28px 1fr 28px !important;
  }
  .\[grid-template-columns\:minmax\(0\,1fr\)_max-content\] {
    grid-template-columns: minmax(0, 1fr) max-content;
  }
  .\[grid-template-columns\:var\(--paragen-cols\)\] {
    grid-template-columns: var(--paragen-cols);
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .grid-cols-\[0px_1fr_0px\] {
    grid-template-columns: 0 1fr 0;
  }
  .grid-cols-\[1\.25rem_1fr\] {
    grid-template-columns: 1.25rem 1fr;
  }
  .grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto;
  }
  .grid-cols-\[1fr_auto_1fr\] {
    grid-template-columns: 1fr auto 1fr;
  }
  .grid-cols-\[1fr_max-content_1fr\] {
    grid-template-columns: 1fr max-content 1fr;
  }
  .grid-cols-\[1fr_min-content\] {
    grid-template-columns: 1fr min-content;
  }
  .grid-cols-\[4\.5rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 4.5rem minmax(0, 1fr);
  }
  .grid-cols-\[4ch_1fr\] {
    grid-template-columns: 4ch 1fr;
  }
  .grid-cols-\[5fr_1fr\] {
    grid-template-columns: 5fr 1fr;
  }
  .grid-cols-\[7rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 7rem minmax(0, 1fr);
  }
  .grid-cols-\[8rem_1fr\] {
    grid-template-columns: 8rem 1fr;
  }
  .grid-cols-\[10px_1fr_10px\] {
    grid-template-columns: 10px 1fr 10px;
  }
  .grid-cols-\[12px_1fr_12px\] {
    grid-template-columns: 12px 1fr 12px;
  }
  .grid-cols-\[20px_1fr\] {
    grid-template-columns: 20px 1fr;
  }
  .grid-cols-\[50\%_50\%\] {
    grid-template-columns: 50% 50%;
  }
  .grid-cols-\[52px_repeat\(2\,minmax\(0\,1fr\)\)\] {
    grid-template-columns: 52px repeat(2, minmax(0, 1fr));
  }
  .grid-cols-\[76px_minmax\(0\,1fr\)_76px\] {
    grid-template-columns: 76px minmax(0, 1fr) 76px;
  }
  .grid-cols-\[80px_180px_1fr\] {
    grid-template-columns: 80px 180px 1fr;
  }
  .grid-cols-\[80px_180px_180px_1fr\] {
    grid-template-columns: 80px 180px 180px 1fr;
  }
  .grid-cols-\[80px_220px_1fr\] {
    grid-template-columns: 80px 220px 1fr;
  }
  .grid-cols-\[96px_minmax\(0\,1fr\)\] {
    grid-template-columns: 96px minmax(0, 1fr);
  }
  .grid-cols-\[160px_minmax\(0\,1fr\)\] {
    grid-template-columns: 160px minmax(0, 1fr);
  }
  .grid-cols-\[180px_1fr_32px\] {
    grid-template-columns: 180px 1fr 32px;
  }
  .grid-cols-\[180px_160px_220px_1fr\] {
    grid-template-columns: 180px 160px 220px 1fr;
  }
  .grid-cols-\[180px_180px_1fr\] {
    grid-template-columns: 180px 180px 1fr;
  }
  .grid-cols-\[200px_1fr_1fr\] {
    grid-template-columns: 200px 1fr 1fr;
  }
  .grid-cols-\[auto\] {
    grid-template-columns: auto;
  }
  .grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr;
  }
  .grid-cols-\[auto_1fr_auto\] {
    grid-template-columns: auto 1fr auto;
  }
  .grid-cols-\[auto_2fr_3fr_1fr\] {
    grid-template-columns: auto 2fr 3fr 1fr;
  }
  .grid-cols-\[auto_auto\] {
    grid-template-columns: auto auto;
  }
  .grid-cols-\[auto_auto_1fr\] {
    grid-template-columns: auto auto 1fr;
  }
  .grid-cols-\[auto_auto_1fr_auto\] {
    grid-template-columns: auto auto 1fr auto;
  }
  .grid-cols-\[auto_auto_auto_1fr\] {
    grid-template-columns: auto auto auto 1fr;
  }
  .grid-cols-\[auto_auto_auto_1fr_auto\] {
    grid-template-columns: auto auto auto 1fr auto;
  }
  .grid-cols-\[auto_auto_auto_minmax\(0\,1fr\)\] {
    grid-template-columns: auto auto auto minmax(0, 1fr);
  }
  .grid-cols-\[auto_max-content\] {
    grid-template-columns: auto max-content;
  }
  .grid-cols-\[auto_minmax\(0\,1fr\)\] {
    grid-template-columns: auto minmax(0, 1fr);
  }
  .grid-cols-\[auto_minmax\(0\,1fr\)_72px_72px_auto\] {
    grid-template-columns: auto minmax(0, 1fr) 72px 72px auto;
  }
  .grid-cols-\[auto_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }
  .grid-cols-\[max-content_minmax\(0\,1fr\)\] {
    grid-template-columns: max-content minmax(0, 1fr);
  }
  .grid-cols-\[minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0, 1fr);
  }
  .grid-cols-\[minmax\(0\,1fr\)_5\.75rem\] {
    grid-template-columns: minmax(0, 1fr) 5.75rem;
  }
  .grid-cols-\[minmax\(0\,1fr\)_72px_auto\] {
    grid-template-columns: minmax(0, 1fr) 72px auto;
  }
  .grid-cols-\[minmax\(0\,1fr\)_120px\] {
    grid-template-columns: minmax(0, 1fr) 120px;
  }
  .grid-cols-\[minmax\(0\,1fr\)_460px\] {
    grid-template-columns: minmax(0, 1fr) 460px;
  }
  .grid-cols-\[minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .grid-cols-\[minmax\(0\,1fr\)_auto_auto\] {
    grid-template-columns: minmax(0, 1fr) auto auto;
  }
  .grid-cols-\[minmax\(0\,1fr\)_max-content\] {
    grid-template-columns: minmax(0, 1fr) max-content;
  }
  .grid-cols-\[minmax\(0\,1fr\)_max-content_max-content_max-content\] {
    grid-template-columns: minmax(0, 1fr) max-content max-content max-content;
  }
  .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_36px\] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 36px;
  }
  .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
  }
  .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) auto;
  }
  .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,96px\)\] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 96px);
  }
  .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,112px\)\] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 112px);
  }
  .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,160px\)_minmax\(0\,88px\)_64px\] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 160px) minmax(0, 88px) 64px;
  }
  .grid-cols-\[minmax\(0\,124px\)_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(0, 124px) minmax(0, 1fr) auto;
  }
  .grid-cols-\[minmax\(0\,160px\)_1fr\] {
    grid-template-columns: minmax(0, 160px) 1fr;
  }
  .grid-cols-\[minmax\(0\,240px\)_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0, 240px) minmax(0, 1fr);
  }
  .grid-cols-\[minmax\(180px\,1\.2fr\)_minmax\(180px\,1fr\)_minmax\(180px\,1fr\)\] {
    grid-template-columns: minmax(180px, 1.2fr) minmax(180px, 1fr) minmax(
        180px,
        1fr
      );
  }
  .grid-cols-\[repeat\(2\,minmax\(0\,8\.5rem\)\)\] {
    grid-template-columns: repeat(2, minmax(0, 8.5rem));
  }
  .grid-cols-\[repeat\(4\,max-content\)\] {
    grid-template-columns: repeat(4, max-content);
  }
  .grid-cols-\[repeat\(4\,minmax\(0\,1fr\)\)\] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-\[repeat\(6\,36px\)\] {
    grid-template-columns: repeat(6, 36px);
  }
  .grid-cols-\[repeat\(auto-fit\,minmax\(100px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  }
  .grid-cols-\[repeat\(auto-fit\,minmax\(120px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  }
  .grid-cols-\[repeat\(auto-fit\,minmax\(150px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  }
  .grid-cols-\[repeat\(auto-fit\,minmax\(180px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  }
  .grid-cols-\[repeat\(auto-fit\,minmax\(200px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
  .grid-cols-\[repeat\(auto-fit\,minmax\(240px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  }
  .grid-cols-\[repeat\(auto-fit\,minmax\(250px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }
  .grid-cols-\[var\(--menu-item-icon-column-width\)_minmax\(0\,1fr\)\] {
    grid-template-columns: var(--menu-item-icon-column-width) minmax(0, 1fr);
  }
  .grid-cols-subgrid {
    grid-template-columns: subgrid;
  }
  .\!grid-rows-\[28px_1fr\] {
    grid-template-rows: 28px 1fr !important;
  }
  .grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .grid-rows-\[0fr\] {
    grid-template-rows: 0fr;
  }
  .grid-rows-\[0px_auto_0px\] {
    grid-template-rows: 0 auto 0;
  }
  .grid-rows-\[1fr\] {
    grid-template-rows: 1fr;
  }
  .grid-rows-\[1fr_0\] {
    grid-template-rows: 1fr 0;
  }
  .grid-rows-\[1fr_1fr\] {
    grid-template-rows: 1fr 1fr;
  }
  .grid-rows-\[1fr_auto\] {
    grid-template-rows: 1fr auto;
  }
  .grid-rows-\[1fr_auto_1fr\] {
    grid-template-rows: 1fr auto 1fr;
  }
  .grid-rows-\[1fr_min-content\]\! {
    grid-template-rows: 1fr min-content !important;
  }
  .grid-rows-\[1fr_minmax\(0\,180px\)\] {
    grid-template-rows: 1fr minmax(0, 180px);
  }
  .grid-rows-\[10px_auto_minmax\(10px\,1fr\)\] {
    grid-template-rows: 10px auto minmax(10px, 1fr);
  }
  .grid-rows-\[36px_auto_minmax\(36px\,1fr\)\] {
    grid-template-rows: 36px auto minmax(36px, 1fr);
  }
  .grid-rows-\[auto_1fr\] {
    grid-template-rows: auto 1fr;
  }
  .grid-rows-\[auto_1fr_24px\] {
    grid-template-rows: auto 1fr 24px;
  }
  .grid-rows-\[auto_auto\] {
    grid-template-rows: auto auto;
  }
  .grid-rows-\[auto_auto_auto\] {
    grid-template-rows: auto auto auto;
  }
  .grid-rows-\[auto_min-content_min-content\] {
    grid-template-rows: auto min-content min-content;
  }
  .grid-rows-\[auto_minmax\(0\,1fr\)\] {
    grid-template-rows: auto minmax(0, 1fr);
  }
  .grid-rows-\[min-content_1fr_min-content\] {
    grid-template-rows: min-content 1fr min-content;
  }
  .grid-rows-\[min-content_min-content_1fr\] {
    grid-template-rows: min-content min-content 1fr;
  }
  .grid-rows-\[min-content_min-content_1fr_min-content\] {
    grid-template-rows: min-content min-content 1fr min-content;
  }
  .grid-rows-\[minmax\(0\,0fr\)\] {
    grid-template-rows: minmax(0, 0fr);
  }
  .grid-rows-\[minmax\(0\,1fr\)\] {
    grid-template-rows: minmax(0, 1fr);
  }
  .grid-rows-\[minmax\(0\,1fr\)_auto\] {
    grid-template-rows: minmax(0, 1fr) auto;
  }
  .grid-rows-\[minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)\] {
    grid-template-rows: minmax(0, 1fr) auto minmax(0, 1fr);
  }
  .grid-rows-\[minmax\(0\,min-content\)_minmax\(0\,1fr\)_minmax\(0\,min-content\)\] {
    grid-template-rows: minmax(0, min-content) minmax(0, 1fr) minmax(
        0,
        min-content
      );
  }
  .grid-rows-\[minmax\(10px\,1fr\)_auto_10px\] {
    grid-template-rows: minmax(10px, 1fr) auto 10px;
  }
  .grid-rows-\[minmax\(10px\,1fr\)_auto_minmax\(10px\,1fr\)\] {
    grid-template-rows: minmax(10px, 1fr) auto minmax(10px, 1fr);
  }
  .grid-rows-\[minmax\(10px\,auto\)_minmax\(200px\,1fr\)_minmax\(0\,auto\)_minmax\(min-content\,86px\)_minmax\(10px\,auto\)\] {
    grid-template-rows: minmax(10px, auto) minmax(200px, 1fr) minmax(
        0,
        auto
      ) minmax(min-content, 86px) minmax(10px, auto);
  }
  .grid-rows-\[minmax\(12px\,1fr\)_auto_minmax\(12px\,1fr\)\] {
    grid-template-rows: minmax(12px, 1fr) auto minmax(12px, 1fr);
  }
  .grid-rows-subgrid {
    grid-template-rows: subgrid;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .place-content-center {
    place-content: center;
  }
  .place-content-center-safe {
    place-content: safe center;
  }
  .place-items-center {
    place-items: center;
  }
  .place-items-start {
    place-items: start;
  }
  .content-center {
    align-content: center;
  }
  .\!items-center {
    align-items: center !important;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-baseline\! {
    align-items: baseline !important;
  }
  .items-center {
    align-items: center;
  }
  .items-center\! {
    align-items: center !important;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-end\! {
    align-items: flex-end !important;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-start\! {
    align-items: flex-start !important;
  }
  .items-stretch {
    align-items: stretch;
  }
  .\!justify-between {
    justify-content: space-between !important;
  }
  .justify-around {
    justify-content: space-around;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-between\! {
    justify-content: space-between !important;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-end\! {
    justify-content: flex-end !important;
  }
  .justify-evenly {
    justify-content: space-evenly;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .justify-start\! {
    justify-content: flex-start !important;
  }
  .justify-stretch {
    justify-content: stretch;
  }
  .justify-items-center {
    justify-items: center;
  }
  .justify-items-end {
    justify-items: end;
  }
  .justify-items-start {
    justify-items: start;
  }
  .gap-\(--image-page-spacing\) {
    gap: var(--image-page-spacing);
  }
  .gap-\(--shopping-home-page-spacing\) {
    gap: var(--shopping-home-page-spacing);
  }
  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }
  .gap-0\! {
    gap: calc(var(--spacing) * 0) !important;
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-0\.25 {
    gap: calc(var(--spacing) * 0.25);
  }
  .gap-0\.75 {
    gap: calc(var(--spacing) * 0.75);
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\! {
    gap: calc(var(--spacing) * 1) !important;
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-1\.25 {
    gap: calc(var(--spacing) * 1.25);
  }
  .gap-1\.75 {
    gap: calc(var(--spacing) * 1.75);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\! {
    gap: calc(var(--spacing) * 2) !important;
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-2\.5\! {
    gap: calc(var(--spacing) * 2.5) !important;
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-3\! {
    gap: calc(var(--spacing) * 3) !important;
  }
  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-7 {
    gap: calc(var(--spacing) * 7);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-9 {
    gap: calc(var(--spacing) * 9);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  .gap-14 {
    gap: calc(var(--spacing) * 14);
  }
  .gap-16 {
    gap: calc(var(--spacing) * 16);
  }
  .gap-20 {
    gap: calc(var(--spacing) * 20);
  }
  .gap-24 {
    gap: calc(var(--spacing) * 24);
  }
  .gap-28 {
    gap: calc(var(--spacing) * 28);
  }
  .gap-\[0\.3em\] {
    gap: 0.3em;
  }
  .gap-\[2px\] {
    gap: 2px;
  }
  .gap-\[2rem\] {
    gap: 2rem;
  }
  .gap-\[3px\] {
    gap: 3px;
  }
  .gap-\[4px\] {
    gap: 4px;
  }
  .gap-\[5px\] {
    gap: 5px;
  }
  .gap-\[6px\] {
    gap: 6px;
  }
  .gap-\[8px\] {
    gap: 8px;
  }
  .gap-\[9px\] {
    gap: 9px;
  }
  .gap-\[10px\] {
    gap: 10px;
  }
  .gap-\[12px\] {
    gap: 12px;
  }
  .gap-\[15px\] {
    gap: 15px;
  }
  .gap-\[16px\] {
    gap: 16px;
  }
  .gap-\[18px\] {
    gap: 18px;
  }
  .gap-\[20px\] {
    gap: 20px;
  }
  .gap-\[22px\] {
    gap: 22px;
  }
  .gap-\[28px\] {
    gap: 28px;
  }
  .gap-\[30px\] {
    gap: 30px;
  }
  .gap-\[32px\] {
    gap: 32px;
  }
  .gap-\[34px\] {
    gap: 34px;
  }
  .gap-\[42px\] {
    gap: 42px;
  }
  .gap-\[50px\] {
    gap: 50px;
  }
  .gap-\[calc\(0\.3em\+4px\)\] {
    gap: calc(0.3em + 4px);
  }
  .gap-\[min\(10dvw\,_200px\)\] {
    gap: min(10dvw, 200px);
  }
  .gap-bar {
    gap: var(--bar-gap, 0.25rem);
  }
  .gap-px {
    gap: 1px;
  }
  .gap-snc-1 {
    gap: var(--snc-1);
  }
  .gap-snc-results-padding {
    gap: var(--snc-results-padding);
  }
  :where(.space-y-0 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 0) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))
    );
  }
  :where(.space-y-0\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse))
    );
  }
  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 1) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))
    );
  }
  :where(.space-y-1\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse))
    );
  }
  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 2) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))
    );
  }
  :where(.space-y-2\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse))
    );
  }
  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 3) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))
    );
  }
  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 4) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))
    );
  }
  :where(.space-y-5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 5) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))
    );
  }
  :where(.space-y-6 > :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))
    );
  }
  :where(.space-y-8 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 8) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))
    );
  }
  :where(.space-y-10 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 10) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))
    );
  }
  :where(.space-y-12 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 12) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse))
    );
  }
  :where(.space-y-\[2px\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(2px * var(--tw-space-y-reverse));
    margin-block-end: calc(2px * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-\[8px\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(8px * var(--tw-space-y-reverse));
    margin-block-end: calc(8px * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-\[12px\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(12px * var(--tw-space-y-reverse));
    margin-block-end: calc(12px * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-\[20px\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(20px * var(--tw-space-y-reverse));
    margin-block-end: calc(20px * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-\[24px\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(24px * var(--tw-space-y-reverse));
    margin-block-end: calc(24px * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-reverse > :not(:last-child)) {
    --tw-space-y-reverse: 1;
  }
  .gap-x-0 {
    column-gap: calc(var(--spacing) * 0);
  }
  .gap-x-1 {
    column-gap: calc(var(--spacing) * 1);
  }
  .gap-x-1\.5 {
    column-gap: calc(var(--spacing) * 1.5);
  }
  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }
  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-x-5 {
    column-gap: calc(var(--spacing) * 5);
  }
  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }
  .gap-x-8 {
    column-gap: calc(var(--spacing) * 8);
  }
  .gap-x-9 {
    column-gap: calc(var(--spacing) * 9);
  }
  .gap-x-10 {
    column-gap: calc(var(--spacing) * 10);
  }
  .gap-x-12 {
    column-gap: calc(var(--spacing) * 12);
  }
  .gap-x-\[4rem\] {
    column-gap: 4rem;
  }
  .gap-x-\[var\(--input-tag-spacing\)\] {
    column-gap: var(--input-tag-spacing);
  }
  .gap-x-\[var\(--menu-item-icon-gap\)\] {
    column-gap: var(--menu-item-icon-gap);
  }
  :where(.-space-x-1\.5 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(
      calc(var(--spacing) * -1.5) * var(--tw-space-x-reverse)
    );
    margin-inline-end: calc(
      calc(var(--spacing) * -1.5) * calc(1 - var(--tw-space-x-reverse))
    );
  }
  :where(.-space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(
      calc(var(--spacing) * -2) * var(--tw-space-x-reverse)
    );
    margin-inline-end: calc(
      calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse))
    );
  }
  :where(.space-x-1 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(
      calc(var(--spacing) * 1) * var(--tw-space-x-reverse)
    );
    margin-inline-end: calc(
      calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse))
    );
  }
  :where(.space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(
      calc(var(--spacing) * 2) * var(--tw-space-x-reverse)
    );
    margin-inline-end: calc(
      calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))
    );
  }
  :where(.space-x-3 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(
      calc(var(--spacing) * 3) * var(--tw-space-x-reverse)
    );
    margin-inline-end: calc(
      calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse))
    );
  }
  :where(.space-x-4 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(
      calc(var(--spacing) * 4) * var(--tw-space-x-reverse)
    );
    margin-inline-end: calc(
      calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))
    );
  }
  :where(.space-x-12 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(
      calc(var(--spacing) * 12) * var(--tw-space-x-reverse)
    );
    margin-inline-end: calc(
      calc(var(--spacing) * 12) * calc(1 - var(--tw-space-x-reverse))
    );
  }
  :where(.space-x-14 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(
      calc(var(--spacing) * 14) * var(--tw-space-x-reverse)
    );
    margin-inline-end: calc(
      calc(var(--spacing) * 14) * calc(1 - var(--tw-space-x-reverse))
    );
  }
  .gap-y-0\.5 {
    row-gap: calc(var(--spacing) * 0.5);
  }
  .gap-y-1 {
    row-gap: calc(var(--spacing) * 1);
  }
  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }
  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }
  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }
  .gap-y-5 {
    row-gap: calc(var(--spacing) * 5);
  }
  .gap-y-6 {
    row-gap: calc(var(--spacing) * 6);
  }
  .gap-y-7 {
    row-gap: calc(var(--spacing) * 7);
  }
  .gap-y-8 {
    row-gap: calc(var(--spacing) * 8);
  }
  .gap-y-10 {
    row-gap: calc(var(--spacing) * 10);
  }
  .gap-y-11 {
    row-gap: calc(var(--spacing) * 11);
  }
  .gap-y-\[var\(--input-tag-spacing\)\] {
    row-gap: var(--input-tag-spacing);
  }
  :where(.divide-x > :not(:last-child)) {
    --tw-divide-x-reverse: 0;
    border-inline-style: var(--tw-border-style);
    border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
    border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  }
  :where(.divide-y > :not(:last-child)),
  :where(.divide-y-1 > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }
  :where(.divide-y-\[0\.5px\] > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(0.5px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(0.5px * calc(1 - var(--tw-divide-y-reverse)));
  }
  :where(.divide-y-\[1px\] > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }
  :where(.divide-\(--color-border\) > :not(:last-child)) {
    border-color: var(--color-border);
  }
  :where(.divide-black\/5 > :not(:last-child)) {
    border-color: #0000000d;
    border-color: lab(0% 0 0/0.05);
  }
  :where(.divide-black\/15 > :not(:last-child)) {
    border-color: #00000026;
    border-color: lab(0% 0 0/0.15);
  }
  :where(.divide-gray-200 > :not(:last-child)) {
    border-color: var(--gray-200);
  }
  :where(.divide-token-bg-tertiary > :not(:last-child)) {
    border-color: var(--bg-tertiary);
  }
  :where(.divide-token-border-default > :not(:last-child)) {
    border-color: var(--border-default);
  }
  :where(.divide-token-border-light > :not(:last-child)),
  :where(.divide-token-border-light\/60 > :not(:last-child)) {
    border-color: var(--border-light);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where(.divide-token-border-light\/60 > :not(:last-child)) {
      border-color: color-mix(in oklab, var(--border-light) 60%, transparent);
    }
  }
  :where(.divide-token-border-light\/80 > :not(:last-child)) {
    border-color: var(--border-light);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where(.divide-token-border-light\/80 > :not(:last-child)) {
      border-color: color-mix(in oklab, var(--border-light) 80%, transparent);
    }
  }
  :where(.divide-white\/10 > :not(:last-child)) {
    border-color: #ffffff1a;
    border-color: lab(100% -0.0000298023 0.0000119209/.1);
  }
  .place-self-center {
    place-self: center;
  }
  .self-center {
    align-self: center;
  }
  .self-end {
    align-self: flex-end;
  }
  .self-end\! {
    align-self: flex-end !important;
  }
  .self-start {
    align-self: flex-start;
  }
  .self-stretch {
    align-self: stretch;
  }
  .justify-self-center {
    justify-self: center;
  }
  .justify-self-end {
    justify-self: flex-end;
  }
  .justify-self-start {
    justify-self: flex-start;
  }
  .justify-self-start\! {
    justify-self: flex-start !important;
  }
  .justify-self-stretch {
    justify-self: stretch;
  }
  .\!truncate {
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }
  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .\!overflow-hidden {
    overflow: hidden !important;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-clip {
    overflow: clip;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-scroll {
    overflow: scroll;
  }
  .overflow-visible {
    overflow: visible;
  }
  .overflow-visible\! {
    overflow: visible !important;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-clip {
    overflow-x: clip;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-x-scroll {
    overflow-x: scroll;
  }
  .overflow-x-visible {
    overflow-x: visible;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overflow-y-clip {
    overflow-y: clip;
  }
  .overflow-y-hidden {
    overflow-y: hidden;
  }
  .overflow-y-scroll {
    overflow-y: scroll;
  }
  .overflow-y-scroll\! {
    overflow-y: scroll !important;
  }
  .overflow-y-visible {
    overflow-y: visible;
  }
  .overscroll-contain {
    overscroll-behavior: contain;
  }
  .overscroll-x-contain {
    overscroll-behavior-x: contain;
  }
  .overscroll-x-none {
    overscroll-behavior-x: none;
  }
  .overscroll-y-contain {
    overscroll-behavior-y: contain;
  }
  .scroll-smooth {
    scroll-behavior: smooth;
  }
  .\!rounded-full {
    border-radius: 3.40282e38px !important;
  }
  .\!rounded-none {
    border-radius: 0 !important;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-\(--sheet-radius\,var\(--sheet-radius-amount\)\) {
    border-radius: var(--sheet-radius, var(--sheet-radius-amount));
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-2xl\! {
    border-radius: var(--radius-2xl) !important;
  }
  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }
  .rounded-3xl\! {
    border-radius: var(--radius-3xl) !important;
  }
  .rounded-4xl {
    border-radius: var(--radius-4xl);
  }
  .rounded-4xl\! {
    border-radius: var(--radius-4xl) !important;
  }
  .rounded-\[0\.25em\] {
    border-radius: 0.25em;
  }
  .rounded-\[0\.25rem\] {
    border-radius: 0.25rem;
  }
  .rounded-\[1\.5rem\] {
    border-radius: 1.5rem;
  }
  .rounded-\[1\.25rem\] {
    border-radius: 1.25rem;
  }
  .rounded-\[1\.75rem\] {
    border-radius: 1.75rem;
  }
  .rounded-\[1px\] {
    border-radius: 1px;
  }
  .rounded-\[2\.7px\] {
    border-radius: 2.7px;
  }
  .rounded-\[2px\] {
    border-radius: 2px;
  }
  .rounded-\[2rem\] {
    border-radius: 2rem;
  }
  .rounded-\[3px\] {
    border-radius: 3px;
  }
  .rounded-\[4\.5px\] {
    border-radius: 4.5px;
  }
  .rounded-\[4px\] {
    border-radius: 4px;
  }
  .rounded-\[4px\]\! {
    border-radius: 4px !important;
  }
  .rounded-\[5px\] {
    border-radius: 5px;
  }
  .rounded-\[6\.667px\] {
    border-radius: 6.667px;
  }
  .rounded-\[6px\] {
    border-radius: 6px;
  }
  .rounded-\[7px\] {
    border-radius: 7px;
  }
  .rounded-\[8px\] {
    border-radius: 8px;
  }
  .rounded-\[10px\] {
    border-radius: 10px;
  }
  .rounded-\[12px\] {
    border-radius: 12px;
  }
  .rounded-\[14px\] {
    border-radius: 14px;
  }
  .rounded-\[16px\] {
    border-radius: 16px;
  }
  .rounded-\[16px_16px_0_0\] {
    border-radius: 16px 16px 0 0;
  }
  .rounded-\[18px\] {
    border-radius: 18px;
  }
  .rounded-\[18px\]\! {
    border-radius: 18px !important;
  }
  .rounded-\[19px\] {
    border-radius: 19px;
  }
  .rounded-\[20\.636px\] {
    border-radius: 20.636px;
  }
  .rounded-\[20px\] {
    border-radius: 20px;
  }
  .rounded-\[20px\]\! {
    border-radius: 20px !important;
  }
  .rounded-\[22px\] {
    border-radius: 22px;
  }
  .rounded-\[24\%\] {
    border-radius: 24%;
  }
  .rounded-\[24px\] {
    border-radius: 24px;
  }
  .rounded-\[24px\]\! {
    border-radius: 24px !important;
  }
  .rounded-\[25px\] {
    border-radius: 25px;
  }
  .rounded-\[26px\] {
    border-radius: 26px;
  }
  .rounded-\[26px\]\! {
    border-radius: 26px !important;
  }
  .rounded-\[27px\] {
    border-radius: 27px;
  }
  .rounded-\[28px\] {
    border-radius: 28px;
  }
  .rounded-\[30px\] {
    border-radius: 30px;
  }
  .rounded-\[32px\] {
    border-radius: 32px;
  }
  .rounded-\[34px\] {
    border-radius: 34px;
  }
  .rounded-\[36px\] {
    border-radius: 36px;
  }
  .rounded-\[38px\] {
    border-radius: 38px;
  }
  .rounded-\[40px\] {
    border-radius: 40px;
  }
  .rounded-\[64px\] {
    border-radius: 64px;
  }
  .rounded-\[100px\] {
    border-radius: 100px;
  }
  .rounded-\[999px\] {
    border-radius: 999px;
  }
  .rounded-\[1000px\] {
    border-radius: 1000px;
  }
  .rounded-\[inherit\] {
    border-radius: inherit;
  }
  .rounded-full {
    border-radius: 3.40282e38px;
  }
  .rounded-full\! {
    border-radius: 3.40282e38px !important;
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-lg\! {
    border-radius: var(--radius-lg) !important;
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-md\! {
    border-radius: var(--radius-md) !important;
  }
  .rounded-none {
    border-radius: 0;
  }
  .rounded-none\! {
    border-radius: 0 !important;
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .rounded-sm\! {
    border-radius: var(--radius-sm) !important;
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-xl\! {
    border-radius: var(--radius-xl) !important;
  }
  .rounded-xs {
    border-radius: var(--radius-xs);
  }
  .rounded-s {
    border-start-start-radius: 0.25rem;
    border-end-start-radius: 0.25rem;
  }
  .rounded-s-2xl {
    border-start-start-radius: var(--radius-2xl);
    border-end-start-radius: var(--radius-2xl);
  }
  .rounded-s-\[16px\] {
    border-start-start-radius: 16px;
    border-end-start-radius: 16px;
  }
  .rounded-s-\[inherit\] {
    border-start-start-radius: inherit;
    border-end-start-radius: inherit;
  }
  .rounded-s-full {
    border-start-start-radius: 3.40282e38px;
    border-end-start-radius: 3.40282e38px;
  }
  .rounded-s-lg\! {
    border-start-start-radius: var(--radius-lg) !important;
    border-end-start-radius: var(--radius-lg) !important;
  }
  .rounded-s-none {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
  }
  .rounded-s-none\! {
    border-start-start-radius: 0 !important;
    border-end-start-radius: 0 !important;
  }
  .rounded-s-xl {
    border-start-start-radius: var(--radius-xl);
    border-end-start-radius: var(--radius-xl);
  }
  .rounded-ss-2xl {
    border-start-start-radius: var(--radius-2xl);
  }
  .rounded-ss-3xl {
    border-start-start-radius: var(--radius-3xl);
  }
  .rounded-ss-md {
    border-start-start-radius: var(--radius-md);
  }
  .rounded-ss-xl {
    border-start-start-radius: var(--radius-xl);
  }
  .rounded-e {
    border-start-end-radius: 0.25rem;
    border-end-end-radius: 0.25rem;
  }
  .rounded-e-\[16px\] {
    border-start-end-radius: 16px;
    border-end-end-radius: 16px;
  }
  .rounded-e-\[inherit\] {
    border-start-end-radius: inherit;
    border-end-end-radius: inherit;
  }
  .rounded-e-full {
    border-start-end-radius: 3.40282e38px;
    border-end-end-radius: 3.40282e38px;
  }
  .rounded-e-lg {
    border-start-end-radius: var(--radius-lg);
    border-end-end-radius: var(--radius-lg);
  }
  .rounded-e-lg\! {
    border-start-end-radius: var(--radius-lg) !important;
    border-end-end-radius: var(--radius-lg) !important;
  }
  .rounded-e-md {
    border-start-end-radius: var(--radius-md);
    border-end-end-radius: var(--radius-md);
  }
  .rounded-e-none {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
  }
  .rounded-e-none\! {
    border-start-end-radius: 0 !important;
    border-end-end-radius: 0 !important;
  }
  .rounded-e-xl {
    border-start-end-radius: var(--radius-xl);
    border-end-end-radius: var(--radius-xl);
  }
  .rounded-se-2xl {
    border-start-end-radius: var(--radius-2xl);
  }
  .rounded-se-3xl {
    border-start-end-radius: var(--radius-3xl);
  }
  .rounded-se-full {
    border-start-end-radius: 3.40282e38px;
  }
  .rounded-se-lg {
    border-start-end-radius: var(--radius-lg);
  }
  .rounded-se-md {
    border-start-end-radius: var(--radius-md);
  }
  .rounded-se-xl {
    border-start-end-radius: var(--radius-xl);
  }
  .rounded-ee-2xl {
    border-end-end-radius: var(--radius-2xl);
  }
  .rounded-ee-\[50\%\] {
    border-end-end-radius: 50%;
  }
  .rounded-ee-full {
    border-end-end-radius: 3.40282e38px;
  }
  .rounded-ee-md {
    border-end-end-radius: var(--radius-md);
  }
  .rounded-ee-sm {
    border-end-end-radius: var(--radius-sm);
  }
  .rounded-ee-xl {
    border-end-end-radius: var(--radius-xl);
  }
  .rounded-es-2xl {
    border-end-start-radius: var(--radius-2xl);
  }
  .rounded-es-\[50\%\] {
    border-end-start-radius: 50%;
  }
  .rounded-es-md {
    border-end-start-radius: var(--radius-md);
  }
  .rounded-es-xl {
    border-end-start-radius: var(--radius-xl);
  }
  .rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  .rounded-t-\(--sheet-radius-amount\) {
    border-top-left-radius: var(--sheet-radius-amount);
    border-top-right-radius: var(--sheet-radius-amount);
  }
  .rounded-t-2xl {
    border-top-left-radius: var(--radius-2xl);
    border-top-right-radius: var(--radius-2xl);
  }
  .rounded-t-3xl {
    border-top-left-radius: var(--radius-3xl);
    border-top-right-radius: var(--radius-3xl);
  }
  .rounded-t-\[4px\] {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }
  .rounded-t-\[5px\] {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
  .rounded-t-\[16px\] {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }
  .rounded-t-\[23px\] {
    border-top-left-radius: 23px;
    border-top-right-radius: 23px;
  }
  .rounded-t-\[24px\] {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
  }
  .rounded-t-\[28px\] {
    border-top-left-radius: 28px;
    border-top-right-radius: 28px;
  }
  .rounded-t-\[32px\] {
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
  }
  .rounded-t-\[34px\] {
    border-top-left-radius: 34px;
    border-top-right-radius: 34px;
  }
  .rounded-t-lg {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
  }
  .rounded-t-md {
    border-top-left-radius: var(--radius-md);
    border-top-right-radius: var(--radius-md);
  }
  .rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .rounded-t-xl {
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
  }
  .rounded-tl-\[13px\] {
    border-top-left-radius: 13px;
  }
  .rounded-r-full {
    border-top-right-radius: 3.40282e38px;
    border-bottom-right-radius: 3.40282e38px;
  }
  .rounded-r-lg {
    border-top-right-radius: var(--radius-lg);
    border-bottom-right-radius: var(--radius-lg);
  }
  .rounded-r-md {
    border-top-right-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
  }
  .rounded-tr-\[13px\] {
    border-top-right-radius: 13px;
  }
  .rounded-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .rounded-b-2xl {
    border-bottom-right-radius: var(--radius-2xl);
    border-bottom-left-radius: var(--radius-2xl);
  }
  .rounded-b-3xl {
    border-bottom-right-radius: var(--radius-3xl);
    border-bottom-left-radius: var(--radius-3xl);
  }
  .rounded-b-\[24px\] {
    border-bottom-right-radius: 24px;
    border-bottom-left-radius: 24px;
  }
  .rounded-b-\[34px\] {
    border-bottom-right-radius: 34px;
    border-bottom-left-radius: 34px;
  }
  .rounded-b-full {
    border-bottom-right-radius: 3.40282e38px;
    border-bottom-left-radius: 3.40282e38px;
  }
  .rounded-b-lg {
    border-bottom-right-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }
  .rounded-b-md {
    border-bottom-right-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
  }
  .rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .rounded-b-xl {
    border-bottom-right-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
  }
  .rounded-br-\[13px\] {
    border-bottom-right-radius: 13px;
  }
  .rounded-bl-\[13px\] {
    border-bottom-left-radius: 13px;
  }
  .btn-secondary {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border-medium);
    background-color: var(--main-surface-primary);
    color: var(--text-primary);
  }
  @media (hover: hover) {
    .btn-secondary:not(:disabled):not([data-disabled]):hover {
      background-color: var(--main-surface-secondary);
    }
  }
  .border-thin {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .border-thin {
      border-style: var(--tw-border-style);
      border-width: 0.5px;
    }
  }
  .\!border {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border\! {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  .border-0\! {
    border-style: var(--tw-border-style) !important;
    border-width: 0 !important;
  }
  .border-1 {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }
  .border-\[\.5px\],
  .border-\[0\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 0.5px;
  }
  .border-\[0\.96px\] {
    border-style: var(--tw-border-style);
    border-width: 0.96px;
  }
  .border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }
  .border-\[1\.5px\]\! {
    border-style: var(--tw-border-style) !important;
    border-width: 1.5px !important;
  }
  .border-\[1px\] {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-\[2\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 2.5px;
  }
  .border-\[3px\] {
    border-style: var(--tw-border-style);
    border-width: 3px;
  }
  .border-\[4px\] {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }
  .border-\[5px\] {
    border-style: var(--tw-border-style);
    border-width: 5px;
  }
  .border-x {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
  }
  .border-x-0 {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 0;
  }
  .\[border-inline-width\:1px\] {
    border-inline-width: 1px;
  }
  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  .border-y-0 {
    border-block-style: var(--tw-border-style);
    border-block-width: 0;
  }
  .border-s-thin {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .border-s-thin {
      border-inline-start-style: var(--tw-border-style);
      border-inline-start-width: 0.5px;
    }
  }
  .border-s {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
  }
  .border-s-0 {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 0;
  }
  .border-s-0\! {
    border-inline-start-style: var(--tw-border-style) !important;
    border-inline-start-width: 0 !important;
  }
  .border-s-2 {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 2px;
  }
  .border-s-3 {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 3px;
  }
  .border-s-4 {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 4px;
  }
  .border-s-\[0\.5px\] {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 0.5px;
  }
  .border-e {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
  }
  .border-e-0 {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 0;
  }
  .border-e-0\! {
    border-inline-end-style: var(--tw-border-style) !important;
    border-inline-end-width: 0 !important;
  }
  .border-e-4 {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 4px;
  }
  .border-e-\[1px\] {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t\! {
    border-top-style: var(--tw-border-style) !important;
    border-top-width: 1px !important;
  }
  .border-t-0 {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }
  .border-t-0\! {
    border-top-style: var(--tw-border-style) !important;
    border-top-width: 0 !important;
  }
  .border-t-1 {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }
  .border-t-3 {
    border-top-style: var(--tw-border-style);
    border-top-width: 3px;
  }
  .border-t-4 {
    border-top-style: var(--tw-border-style);
    border-top-width: 4px;
  }
  .border-t-\[0\.5px\] {
    border-top-style: var(--tw-border-style);
    border-top-width: 0.5px;
  }
  .border-t-\[1px\] {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t-\[3px\] {
    border-top-style: var(--tw-border-style);
    border-top-width: 3px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .sheet-border {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-bottom-color: var(--border-light);
  }
  .border-b-thin {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .border-b-thin {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0.5px;
    }
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }
  .border-b-1 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .border-b-\[0\.5px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0.5px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .\!border-none {
    --tw-border-style: none !important;
    border-style: none !important;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-dotted {
    --tw-border-style: dotted;
    border-style: dotted;
  }
  .border-double {
    --tw-border-style: double;
    border-style: double;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .border-none\! {
    --tw-border-style: none !important;
    border-style: none !important;
  }
  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }
  .interactive-border-danger-secondary {
    border-color: var(--interactive-border-default-danger-secondary);
  }
  @media (hover: hover) {
    .interactive-border-danger-secondary:hover {
      border-color: var(--interactive-border-hover-danger-secondary);
    }
  }
  .interactive-border-danger-secondary:focus-visible {
    border-color: var(--interactive-border-focus);
  }
  .interactive-border-danger-secondary:disabled,
  .interactive-border-danger-secondary:where([data-visually-disabled]) {
    border-color: var(--interactive-border-inactive-danger-secondary);
  }
  .interactive-border-danger-secondary:checked {
    border-color: var(--interactive-border-selected-danger-secondary);
  }
  .interactive-border-danger-secondary:active {
    border-color: var(--interactive-border-press-danger-secondary);
  }
  .interactive-border-danger-soft {
    border-color: var(--interactive-border-default-danger-soft);
  }
  @media (hover: hover) {
    .interactive-border-danger-soft:hover {
      border-color: var(--interactive-border-hover-danger-soft);
    }
  }
  .interactive-border-danger-soft:focus-visible {
    border-color: var(--interactive-border-focus);
  }
  .interactive-border-danger-soft:disabled,
  .interactive-border-danger-soft:where([data-visually-disabled]) {
    border-color: var(--interactive-border-inactive-danger-soft);
  }
  .interactive-border-danger-soft:checked {
    border-color: var(--interactive-border-selected-danger-soft);
  }
  .interactive-border-danger-soft:active {
    border-color: var(--interactive-border-press-danger-soft);
  }
  .interactive-border-primary-inverted {
    border-color: var(--interactive-border-default-primary-inverted);
  }
  @media (hover: hover) {
    .interactive-border-primary-inverted:hover {
      border-color: var(--interactive-border-hover-primary-inverted);
    }
  }
  .interactive-border-primary-inverted:focus-visible {
    border-color: var(--interactive-border-focus);
  }
  .interactive-border-primary-inverted:disabled,
  .interactive-border-primary-inverted:where([data-visually-disabled]) {
    border-color: var(--interactive-border-inactive-primary-inverted);
  }
  .interactive-border-primary-inverted:checked {
    border-color: var(--interactive-border-selected-primary-inverted);
  }
  .interactive-border-primary-inverted:active {
    border-color: var(--interactive-border-press-primary-inverted);
  }
  .interactive-border-secondary {
    border-color: var(--interactive-border-default-secondary);
  }
  @media (hover: hover) {
    .interactive-border-secondary:hover {
      border-color: var(--interactive-border-hover-secondary);
    }
  }
  .interactive-border-secondary:focus-visible {
    border-color: var(--interactive-border-focus);
  }
  .interactive-border-secondary:disabled,
  .interactive-border-secondary:where([data-visually-disabled]) {
    border-color: var(--interactive-border-inactive-secondary);
  }
  .interactive-border-secondary:checked {
    border-color: var(--interactive-border-selected-secondary);
  }
  .interactive-border-secondary:active {
    border-color: var(--interactive-border-press-secondary);
  }
  .interactive-border-tertiary {
    border-color: var(--interactive-border-default-tertiary);
  }
  @media (hover: hover) {
    .interactive-border-tertiary:hover {
      border-color: var(--interactive-border-hover-tertiary);
    }
  }
  .interactive-border-tertiary:focus-visible {
    border-color: var(--interactive-border-focus);
  }
  .interactive-border-tertiary:disabled,
  .interactive-border-tertiary:where([data-visually-disabled]) {
    border-color: var(--interactive-border-inactive-tertiary);
  }
  .interactive-border-tertiary:checked {
    border-color: var(--interactive-border-selected-tertiary);
  }
  .interactive-border-tertiary:active {
    border-color: var(--interactive-border-press-tertiary);
  }
  .\!border-\[rgba\(13\,13\,13\,0\.15\)\] {
    border-color: #0d0d0d26 !important;
  }
  .\!border-gray-200 {
    border-color: var(--gray-200) !important;
  }
  .border-\(--bento-border-color\) {
    border-color: var(--bento-border-color);
  }
  .border-\[\#0D0D0D1A\] {
    border-color: #0d0d0d1a;
  }
  .border-\[\#0FA968\]\/30 {
    border-color: #0fa9684d;
    border-color: lab(61.1228% -49.5053 22.9273/0.3);
  }
  .border-\[\#0c8b6b\]\/60 {
    border-color: #0c8b6b99;
    border-color: lab(51.2463% -38.7928 7.89099/0.6);
  }
  .border-\[\#3f3f46\] {
    border-color: #3f3f46;
  }
  .border-\[\#007aff29\] {
    border-color: #007aff29;
  }
  .border-\[\#0285FF\] {
    border-color: #0285ff;
  }
  .border-\[\#0285FF\]\/30 {
    border-color: #0285ff4d;
    border-color: lab(54.959% 5.86918 -70.2582/0.3);
  }
  .border-\[\#2563eb\] {
    border-color: #2563eb;
  }
  .border-\[\#5856D6\] {
    border-color: #5856d6;
  }
  .border-\[\#AF52DE\] {
    border-color: #af52de;
  }
  .border-\[\#B3DBFF\] {
    border-color: #b3dbff;
  }
  .border-\[\#BDBDBD\] {
    border-color: #bdbdbd;
  }
  .border-\[\#C5CEFF\] {
    border-color: #c5ceff;
  }
  .border-\[\#C76B12\]\/30 {
    border-color: #c76b124d;
    border-color: lab(55.3637% 33.6402 59.431/0.3);
  }
  .border-\[\#CFCEFC\] {
    border-color: #cfcefc;
  }
  .border-\[\#D0D5DD\]\! {
    border-color: #d0d5dd !important;
  }
  .border-\[\#D9D7F8\]\! {
    border-color: #d9d7f8 !important;
  }
  .border-\[\#E25507\] {
    border-color: #e25507;
  }
  .border-\[\#b9b9b9\] {
    border-color: #b9b9b9;
  }
  .border-\[\#df1b41\] {
    border-color: #df1b41;
  }
  .border-\[\#e3e6e8\] {
    border-color: #e3e6e8;
  }
  .border-\[\#e7c85f\] {
    border-color: #e7c85f;
  }
  .border-\[\#f0d2a9\] {
    border-color: #f0d2a9;
  }
  .border-\[\#f4f4f4\] {
    border-color: #f4f4f4;
  }
  .border-\[\#f4f4f5\] {
    border-color: #f4f4f5;
  }
  .border-\[\#f7f7f7\] {
    border-color: #f7f7f7;
  }
  .border-\[color-mix\(in_srgb\,var\(--border-default\)_78\%\,black\)\] {
    border-color: var(--border-default);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color-mix\(in_srgb\,var\(--border-default\)_78\%\,black\)\] {
      border-color: color-mix(in srgb, var(--border-default) 78%, black);
    }
  }
  .border-\[color\:\#4c4c4c\] {
    border-color: #4c4c4c;
  }
  .border-\[color\:var\(--border-light\,rgba\(0\,0\,0\,0\.10\)\)\] {
    border-color: var(--border-light, #0000001a);
  }
  .border-\[rgba\(0\,0\,0\,0\.10\)\] {
    border-color: #0000001a;
  }
  .border-\[rgba\(0\,0\,0\,0\.18\)\] {
    border-color: #0000002e;
  }
  .border-\[rgba\(13\,13\,13\,0\.1\)\] {
    border-color: #0d0d0d1a;
  }
  .border-\[rgba\(13\,13\,13\,0\.05\)\] {
    border-color: #0d0d0d0d;
  }
  .border-\[rgba\(13\,163\,110\,0\.16\)\] {
    border-color: #0da36e29;
  }
  .border-\[rgba\(16\,163\,127\,0\.35\)\] {
    border-color: #10a37f59;
  }
  .border-\[rgba\(47\,124\,245\,0\.2\)\] {
    border-color: #2f7cf533;
  }
  .border-\[rgba\(97\,87\,255\,0\.25\)\] {
    border-color: #6157ff40;
  }
  .border-\[rgba\(185\,200\,246\,0\.6\)\] {
    border-color: #b9c8f699;
  }
  .border-\[var\(--border-default\)\] {
    border-color: var(--border-default);
  }
  .border-\[var\(--border-heavy\)\] {
    border-color: var(--border-heavy);
  }
  .border-\[var\(--border-subtle\)\] {
    border-color: var(--border-subtle);
  }
  .border-\[var\(--color-border\)\] {
    border-color: var(--color-border);
  }
  .border-\[var\(--theme-user-msg-text\)\] {
    border-color: var(--theme-user-msg-text);
  }
  .border-black {
    border-color: #000;
  }
  .border-black\! {
    border-color: #000 !important;
  }
  .border-black\/5 {
    border-color: #0000000d;
    border-color: lab(0% 0 0/0.05);
  }
  .border-black\/6 {
    border-color: #0000000f;
    border-color: lab(0% 0 0/0.06);
  }
  .border-black\/8 {
    border-color: #00000014;
    border-color: lab(0% 0 0/0.08);
  }
  .border-black\/10 {
    border-color: #0000001a;
    border-color: lab(0% 0 0/0.1);
  }
  .border-black\/12 {
    border-color: #0000001f;
    border-color: lab(0% 0 0/0.12);
  }
  .border-black\/15 {
    border-color: #00000026;
    border-color: lab(0% 0 0/0.15);
  }
  .border-black\/20 {
    border-color: #0003;
    border-color: lab(0% 0 0/0.2);
  }
  .border-black\/25 {
    border-color: #00000040;
    border-color: lab(0% 0 0/0.25);
  }
  .border-black\/\[0\.03\] {
    border-color: #00000008;
    border-color: lab(0% 0 0/0.03);
  }
  .border-black\/\[0\.06\] {
    border-color: #0000000f;
    border-color: lab(0% 0 0/0.06);
  }
  .border-black\/\[0\.08\] {
    border-color: #00000014;
    border-color: lab(0% 0 0/0.08);
  }
  .border-black\/\[0\.12\] {
    border-color: #0000001f;
    border-color: lab(0% 0 0/0.12);
  }
  .border-black\/\[0\.075\] {
    border-color: #00000013;
    border-color: lab(0% 0 0/0.075);
  }
  .border-blue-100 {
    border-color: var(--blue-100);
  }
  .border-blue-200 {
    border-color: var(--blue-200);
  }
  .border-blue-300 {
    border-color: var(--blue-300);
  }
  .border-blue-400 {
    border-color: var(--blue-400);
  }
  .border-blue-400\! {
    border-color: var(--blue-400) !important;
  }
  .border-blue-400\/\[\.3\] {
    border-color: var(--blue-400);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-blue-400\/\[\.3\] {
      border-color: color-mix(in oklab, var(--blue-400) 30%, transparent);
    }
  }
  .border-blue-500,
  .border-blue-500\/20 {
    border-color: var(--blue-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-blue-500\/20 {
      border-color: color-mix(in oklab, var(--blue-500) 20%, transparent);
    }
  }
  .border-blue-500\/40 {
    border-color: var(--blue-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-blue-500\/40 {
      border-color: color-mix(in oklab, var(--blue-500) 40%, transparent);
    }
  }
  .border-blue-600 {
    border-color: var(--blue-600);
  }
  .border-brand-green-800 {
    border-color: #05a746;
  }
  .border-brand-purple {
    border-color: #ab68ff;
  }
  .border-current,
  .border-current\/30 {
    border-color: currentColor;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-current\/30 {
      border-color: color-mix(in oklab, currentcolor 30%, transparent);
    }
  }
  .border-gray-100 {
    border-color: var(--gray-100);
  }
  .border-gray-150 {
    border-color: var(--gray-150);
  }
  .border-gray-200 {
    border-color: var(--gray-200);
  }
  .border-gray-300 {
    border-color: var(--gray-300);
  }
  .border-gray-400 {
    border-color: var(--gray-400);
  }
  .border-gray-500 {
    border-color: var(--gray-500);
  }
  .border-gray-700 {
    border-color: var(--gray-700);
  }
  .border-gray-800 {
    border-color: var(--gray-800);
  }
  .border-green-200 {
    border-color: var(--green-200);
  }
  .border-green-300\/70 {
    border-color: var(--green-300);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-green-300\/70 {
      border-color: color-mix(in oklab, var(--green-300) 70%, transparent);
    }
  }
  .border-green-500,
  .border-green-500\/20 {
    border-color: var(--green-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-green-500\/20 {
      border-color: color-mix(in oklab, var(--green-500) 20%, transparent);
    }
  }
  .border-green-500\/30 {
    border-color: var(--green-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-green-500\/30 {
      border-color: color-mix(in oklab, var(--green-500) 30%, transparent);
    }
  }
  .border-green-600 {
    border-color: var(--green-600);
  }
  .border-orange-50 {
    border-color: var(--orange-50);
  }
  .border-orange-400,
  .border-orange-400\/15 {
    border-color: var(--orange-400);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-orange-400\/15 {
      border-color: color-mix(in oklab, var(--orange-400) 15%, transparent);
    }
  }
  .border-orange-400\/40 {
    border-color: var(--orange-400);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-orange-400\/40 {
      border-color: color-mix(in oklab, var(--orange-400) 40%, transparent);
    }
  }
  .border-orange-500,
  .border-orange-500\/30 {
    border-color: var(--orange-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-orange-500\/30 {
      border-color: color-mix(in oklab, var(--orange-500) 30%, transparent);
    }
  }
  .border-red-200 {
    border-color: var(--red-200);
  }
  .border-red-300,
  .border-red-300\/70 {
    border-color: var(--red-300);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-red-300\/70 {
      border-color: color-mix(in oklab, var(--red-300) 70%, transparent);
    }
  }
  .border-red-400,
  .border-red-400\/40 {
    border-color: var(--red-400);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-red-400\/40 {
      border-color: color-mix(in oklab, var(--red-400) 40%, transparent);
    }
  }
  .border-red-500,
  .border-red-500\/20 {
    border-color: var(--red-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-red-500\/20 {
      border-color: color-mix(in oklab, var(--red-500) 20%, transparent);
    }
  }
  .border-red-500\/30 {
    border-color: var(--red-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-red-500\/30 {
      border-color: color-mix(in oklab, var(--red-500) 30%, transparent);
    }
  }
  .border-red-500\/40 {
    border-color: var(--red-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-red-500\/40 {
      border-color: color-mix(in oklab, var(--red-500) 40%, transparent);
    }
  }
  .border-red-500\/50 {
    border-color: var(--red-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-red-500\/50 {
      border-color: color-mix(in oklab, var(--red-500) 50%, transparent);
    }
  }
  .border-red-500\/60 {
    border-color: var(--red-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-red-500\/60 {
      border-color: color-mix(in oklab, var(--red-500) 60%, transparent);
    }
  }
  .border-red-600 {
    border-color: var(--red-600);
  }
  .border-red-700 {
    border-color: var(--red-700);
  }
  .border-token-bg-primary {
    border-color: var(--bg-primary);
  }
  .border-token-bg-secondary {
    border-color: var(--bg-secondary);
  }
  .border-token-bg-tertiary {
    border-color: var(--bg-tertiary);
  }
  .border-token-border-default {
    border-color: var(--border-default);
  }
  .border-token-border-default\! {
    border-color: var(--border-default) !important;
  }
  .border-token-border-default\/40 {
    border-color: var(--border-default);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-token-border-default\/40 {
      border-color: color-mix(in oklab, var(--border-default) 40%, transparent);
    }
  }
  .border-token-border-default\/70 {
    border-color: var(--border-default);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-token-border-default\/70 {
      border-color: color-mix(in oklab, var(--border-default) 70%, transparent);
    }
  }
  .border-token-border-default\/80 {
    border-color: var(--border-default);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-token-border-default\/80 {
      border-color: color-mix(in oklab, var(--border-default) 80%, transparent);
    }
  }
  .border-token-border-heavy {
    border-color: var(--border-heavy);
  }
  .border-token-border-heavy\! {
    border-color: var(--border-heavy) !important;
  }
  .border-token-border-light {
    border-color: var(--border-light);
  }
  .border-token-border-light\! {
    border-color: var(--border-light) !important;
  }
  .border-token-border-light\/30 {
    border-color: var(--border-light);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-token-border-light\/30 {
      border-color: color-mix(in oklab, var(--border-light) 30%, transparent);
    }
  }
  .border-token-border-light\/40 {
    border-color: var(--border-light);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-token-border-light\/40 {
      border-color: color-mix(in oklab, var(--border-light) 40%, transparent);
    }
  }
  .border-token-border-light\/60 {
    border-color: var(--border-light);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-token-border-light\/60 {
      border-color: color-mix(in oklab, var(--border-light) 60%, transparent);
    }
  }
  .border-token-border-light\/70 {
    border-color: var(--border-light);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-token-border-light\/70 {
      border-color: color-mix(in oklab, var(--border-light) 70%, transparent);
    }
  }
  .border-token-border-light\/80 {
    border-color: var(--border-light);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-token-border-light\/80 {
      border-color: color-mix(in oklab, var(--border-light) 80%, transparent);
    }
  }
  .border-token-border-medium {
    border-color: var(--border-medium);
  }
  .border-token-border-medium\! {
    border-color: var(--border-medium) !important;
  }
  .border-token-border-sharp {
    border-color: var(--border-sharp);
  }
  .border-token-border-status-error {
    border-color: var(--border-status-error);
  }
  .border-token-border-status-warning {
    border-color: var(--border-status-warning);
  }
  .border-token-border-xheavy {
    border-color: var(--border-xheavy);
  }
  .border-token-border-xlight {
    border-color: var(--border-xlight);
  }
  .border-token-border-xlight\! {
    border-color: var(--border-xlight) !important;
  }
  .border-token-interactive-border-danger-secondary-default {
    border-color: var(--interactive-border-danger-secondary-default);
  }
  .border-token-interactive-border-danger-secondary-default\! {
    border-color: var(--interactive-border-danger-secondary-default) !important;
  }
  .border-token-interactive-border-secondary-default {
    border-color: var(--interactive-border-secondary-default);
  }
  .border-token-interactive-border-tertiary-default {
    border-color: var(--interactive-border-tertiary-default);
  }
  .border-token-interactive-border-tertiary-default\! {
    border-color: var(--interactive-border-tertiary-default) !important;
  }
  .border-token-interactive-label-danger-secondary-default {
    border-color: var(--interactive-label-danger-secondary-default);
  }
  .border-token-main-surface-primary {
    border-color: var(--main-surface-primary);
  }
  .border-token-main-surface-secondary {
    border-color: var(--main-surface-secondary);
  }
  .border-token-main-surface-tertiary {
    border-color: var(--main-surface-tertiary);
  }
  .border-token-surface-error\/5 {
    border-color: rgb(var(--surface-error) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-token-surface-error\/5 {
      border-color: color-mix(
        in oklab,
        rgb(var(--surface-error) / 1) 5%,
        transparent
      );
    }
  }
  .border-token-surface-error\/15 {
    border-color: rgb(var(--surface-error) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-token-surface-error\/15 {
      border-color: color-mix(
        in oklab,
        rgb(var(--surface-error) / 1) 15%,
        transparent
      );
    }
  }
  .border-token-text-accent {
    border-color: var(--text-accent);
  }
  .border-token-text-error {
    border-color: var(--text-error);
  }
  .border-token-text-primary {
    border-color: var(--text-primary);
  }
  .border-token-text-primary\! {
    border-color: var(--text-primary) !important;
  }
  .border-token-text-primary\/12 {
    border-color: var(--text-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-token-text-primary\/12 {
      border-color: color-mix(in oklab, var(--text-primary) 12%, transparent);
    }
  }
  .border-token-text-primary\/44 {
    border-color: var(--text-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-token-text-primary\/44 {
      border-color: color-mix(in oklab, var(--text-primary) 44%, transparent);
    }
  }
  .border-token-text-quaternary {
    border-color: var(--text-quaternary);
  }
  .border-token-text-secondary {
    border-color: var(--text-secondary);
  }
  .border-token-text-status-error {
    border-color: var(--text-status-error);
  }
  .border-token-text-tertiary {
    border-color: var(--text-tertiary);
  }
  .border-transparent {
    border-color: #0000;
  }
  .border-transparent\! {
    border-color: #0000 !important;
  }
  .border-white {
    border-color: #fff;
  }
  .border-white\! {
    border-color: #fff !important;
  }
  .border-white\/5 {
    border-color: #ffffff0d;
    border-color: lab(100% -0.0000298023 0.0000119209/.05);
  }
  .border-white\/10 {
    border-color: #ffffff1a;
    border-color: lab(100% -0.0000298023 0.0000119209/.1);
  }
  .border-white\/10\! {
    border-color: #ffffff1a !important;
    border-color: lab(100% -0.0000298023 0.0000119209/.1) !important;
  }
  .border-white\/15 {
    border-color: #ffffff26;
    border-color: lab(100% -0.0000298023 0.0000119209/.15);
  }
  .border-white\/20 {
    border-color: #fff3;
    border-color: lab(100% -0.0000298023 0.0000119209/.2);
  }
  .border-white\/25 {
    border-color: #ffffff40;
    border-color: lab(100% -0.0000298023 0.0000119209/.25);
  }
  .border-white\/30 {
    border-color: #ffffff4d;
    border-color: lab(100% -0.0000298023 0.0000119209/.3);
  }
  .border-white\/35 {
    border-color: #ffffff59;
    border-color: lab(100% -0.0000298023 0.0000119209/.35);
  }
  .border-white\/40 {
    border-color: #fff6;
    border-color: lab(100% -0.0000298023 0.0000119209/.4);
  }
  .border-white\/50 {
    border-color: #ffffff80;
    border-color: lab(100% -0.0000298023 0.0000119209/.5);
  }
  .border-white\/60 {
    border-color: #fff9;
    border-color: lab(100% -0.0000298023 0.0000119209/.6);
  }
  .border-white\/70 {
    border-color: #ffffffb3;
    border-color: lab(100% -0.0000298023 0.0000119209/.7);
  }
  .border-white\/80 {
    border-color: #fffc;
    border-color: lab(100% -0.0000298023 0.0000119209/.8);
  }
  .border-yellow-200 {
    border-color: var(--yellow-200);
  }
  .border-yellow-300\/80 {
    border-color: var(--yellow-300);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-yellow-300\/80 {
      border-color: color-mix(in oklab, var(--yellow-300) 80%, transparent);
    }
  }
  .border-yellow-500\/25 {
    border-color: var(--yellow-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-yellow-500\/25 {
      border-color: color-mix(in oklab, var(--yellow-500) 25%, transparent);
    }
  }
  .border-yellow-500\/30 {
    border-color: var(--yellow-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-yellow-500\/30 {
      border-color: color-mix(in oklab, var(--yellow-500) 30%, transparent);
    }
  }
  .border-y-token-border-heavy {
    border-block-color: var(--border-heavy);
  }
  .border-s-token-border-sharp {
    border-inline-start-color: var(--border-sharp);
  }
  .border-s-token-sidebar-surface-secondary {
    border-inline-start-color: var(--sidebar-surface-secondary);
  }
  .border-s-transparent {
    border-inline-start-color: #0000;
  }
  .border-e-transparent {
    border-inline-end-color: #0000;
  }
  .border-t-black\/\[0\.075\] {
    border-top-color: #00000013;
    border-top-color: lab(0% 0 0/0.075);
  }
  .border-t-current {
    border-top-color: currentColor;
  }
  .border-t-token-border-default {
    border-top-color: var(--border-default);
  }
  .border-t-token-border-xlight {
    border-top-color: var(--border-xlight);
  }
  .border-t-token-text-primary {
    border-top-color: var(--text-primary);
  }
  .border-t-transparent {
    border-top-color: #0000;
  }
  .border-t-white {
    border-top-color: #fff;
  }
  .border-b-\(--alpha-06\) {
    border-bottom-color: var(--alpha-06);
  }
  .border-b-\[rgba\(0\,0\,0\,0\.10\)\] {
    border-bottom-color: #0000001a;
  }
  .border-b-black {
    border-bottom-color: #000;
  }
  .border-b-token-bg-secondary {
    border-bottom-color: var(--bg-secondary);
  }
  .border-b-token-border-default {
    border-bottom-color: var(--border-default);
  }
  .border-b-transparent {
    border-bottom-color: #0000;
  }
  .btn-primary {
    background-color: var(--gray-950);
    color: #fff;
    background-clip: padding-box;
  }
  .btn-primary:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) {
    background-color: var(--gray-50);
    color: var(--gray-950);
  }
  @media (hover: hover) {
    .btn-primary:not(:disabled):not([data-disabled]):hover {
      background-color: var(--gray-800);
    }
    .btn-primary:not(:disabled):not([data-disabled]):where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      background-color: var(--gray-100);
    }
  }
  .btn-primary[data-visually-disabled] {
    background-color: var(--gray-950);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .btn-primary[data-visually-disabled] {
      background-color: color-mix(in oklab, var(--gray-950) 50%, transparent);
    }
  }
  .btn-primary[data-visually-disabled] {
    color: var(--text-inverted-static);
  }
  .btn-primary:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    )[data-visually-disabled] {
    background-color: var(--gray-50);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .btn-primary:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      )[data-visually-disabled] {
      background-color: color-mix(in oklab, var(--gray-50) 50%, transparent);
    }
  }
  .btn-accent {
    background-color: var(--bg-accent-static);
    color: #fff;
    background-clip: padding-box;
  }
  @media (hover: hover) {
    .btn-accent:not(:disabled):not([data-disabled]):hover {
      background-color: var(--bg-accent-static);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .btn-accent:not(:disabled):not([data-disabled]):hover {
        background-color: color-mix(
          in oklab,
          var(--bg-accent-static) 90%,
          transparent
        );
      }
    }
  }
  .btn-blue {
    color: #fff;
    background-color: #0066de;
    background-clip: padding-box;
  }
  @media (hover: hover) {
    .btn-blue:not(:disabled):not([data-disabled]):hover {
      background-color: var(--blue-700);
    }
  }
  .btn-custom {
    background-color: unset;
    color: unset;
    background-clip: padding-box;
  }
  @media (hover: hover) {
    .btn-custom:not(:disabled):not([data-disabled]):hover {
      background-color: unset;
    }
  }
  .btn-danger {
    background-color: var(--red-500);
    color: #fff;
    background-clip: padding-box;
  }
  @media (hover: hover) {
    .btn-danger:not(:disabled):not([data-disabled]):hover {
      background-color: var(--red-700);
    }
  }
  .btn-green {
    background-color: var(--green-600);
    color: #fff;
    background-clip: padding-box;
  }
  @media (hover: hover) {
    .btn-green:not(:disabled):not([data-disabled]):hover {
      background-color: var(--green-700);
    }
  }
  .btn-purple {
    color: #fff;
    background-color: #615eeb;
    background-clip: padding-box;
  }
  @media (hover: hover) {
    .btn-purple:not(:disabled):not([data-disabled]):hover {
      background-color: #6353c3;
    }
  }
  .btn-primary-inverse {
    background-color: var(--gray-50);
    color: var(--gray-950);
  }
  .btn-primary-inverse:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--gray-950);
    color: #fff;
  }
  @media (hover: hover) {
    .btn-primary-inverse:not(:disabled):not([data-disabled]):hover {
      background-color: var(--gray-100);
    }
    .btn-primary-inverse:not(:disabled):not([data-disabled]):where(
        .dark,
        .dark *
      ):not(:where(.dark .light, .dark .light *)):hover {
      background-color: var(--gray-800);
    }
  }
  .composer-secondary-button-color {
    background-color: var(--theme-secondary-btn-bg);
    color: var(--theme-secondary-btn-text);
  }
  .composer-submit-button-color {
    background-color: var(--theme-submit-btn-bg);
    color: var(--theme-submit-btn-text);
  }
  .user-message-bubble-color {
    background-color: var(--theme-user-msg-bg);
    color: var(--theme-user-msg-text);
  }
  .interactive-bg-accent {
    background-color: var(--interactive-bg-default-accent);
  }
  @media (hover: hover) {
    .interactive-bg-accent:hover {
      background-color: var(--interactive-bg-hover-accent);
    }
  }
  .interactive-bg-accent:focus-visible {
    background-color: var(--interactive-bg-hover-accent);
  }
  .interactive-bg-accent:disabled,
  .interactive-bg-accent:where([data-visually-disabled]) {
    background-color: var(--interactive-bg-inactive-accent);
  }
  .interactive-bg-accent:checked {
    background-color: var(--interactive-bg-selected-accent);
  }
  .interactive-bg-accent:active {
    background-color: var(--interactive-bg-press-accent);
  }
  .interactive-bg-danger-ghost {
    background-color: var(--interactive-bg-default-danger-ghost);
  }
  @media (hover: hover) {
    .interactive-bg-danger-ghost:hover {
      background-color: var(--interactive-bg-hover-danger-ghost);
    }
  }
  .interactive-bg-danger-ghost:focus-visible {
    background-color: var(--interactive-bg-hover-danger-ghost);
  }
  .interactive-bg-danger-ghost:disabled,
  .interactive-bg-danger-ghost:where([data-visually-disabled]) {
    background-color: var(--interactive-bg-inactive-danger-ghost);
  }
  .interactive-bg-danger-ghost:checked {
    background-color: var(--interactive-bg-selected-danger-ghost);
  }
  .interactive-bg-danger-ghost:active {
    background-color: var(--interactive-bg-press-danger-ghost);
  }
  .interactive-bg-danger-primary {
    background-color: var(--interactive-bg-default-danger-primary);
  }
  @media (hover: hover) {
    .interactive-bg-danger-primary:hover {
      background-color: var(--interactive-bg-hover-danger-primary);
    }
  }
  .interactive-bg-danger-primary:focus-visible {
    background-color: var(--interactive-bg-hover-danger-primary);
  }
  .interactive-bg-danger-primary:disabled,
  .interactive-bg-danger-primary:where([data-visually-disabled]) {
    background-color: var(--interactive-bg-inactive-danger-primary);
  }
  .interactive-bg-danger-primary:checked {
    background-color: var(--interactive-bg-selected-danger-primary);
  }
  .interactive-bg-danger-primary:active {
    background-color: var(--interactive-bg-press-danger-primary);
  }
  .interactive-bg-danger-secondary {
    background-color: var(--interactive-bg-default-danger-secondary);
  }
  @media (hover: hover) {
    .interactive-bg-danger-secondary:hover {
      background-color: var(--interactive-bg-hover-danger-secondary);
    }
  }
  .interactive-bg-danger-secondary:focus-visible {
    background-color: var(--interactive-bg-hover-danger-secondary);
  }
  .interactive-bg-danger-secondary:disabled,
  .interactive-bg-danger-secondary:where([data-visually-disabled]) {
    background-color: var(--interactive-bg-inactive-danger-secondary);
  }
  .interactive-bg-danger-secondary:checked {
    background-color: var(--interactive-bg-selected-danger-secondary);
  }
  .interactive-bg-danger-secondary:active {
    background-color: var(--interactive-bg-press-danger-secondary);
  }
  .interactive-bg-danger-soft {
    background-color: var(--interactive-bg-default-danger-soft);
  }
  @media (hover: hover) {
    .interactive-bg-danger-soft:hover {
      background-color: var(--interactive-bg-hover-danger-soft);
    }
  }
  .interactive-bg-danger-soft:focus-visible {
    background-color: var(--interactive-bg-hover-danger-soft);
  }
  .interactive-bg-danger-soft:disabled,
  .interactive-bg-danger-soft:where([data-visually-disabled]) {
    background-color: var(--interactive-bg-inactive-danger-soft);
  }
  .interactive-bg-danger-soft:checked {
    background-color: var(--interactive-bg-selected-danger-soft);
  }
  .interactive-bg-danger-soft:active {
    background-color: var(--interactive-bg-press-danger-soft);
  }
  .interactive-bg-primary {
    background-color: var(--interactive-bg-default-primary);
  }
  @media (hover: hover) {
    .interactive-bg-primary:hover {
      background-color: var(--interactive-bg-hover-primary);
    }
  }
  .interactive-bg-primary:focus-visible {
    background-color: var(--interactive-bg-hover-primary);
  }
  .interactive-bg-primary:disabled,
  .interactive-bg-primary:where([data-visually-disabled]) {
    background-color: var(--interactive-bg-inactive-primary);
  }
  .interactive-bg-primary:checked {
    background-color: var(--interactive-bg-selected-primary);
  }
  .interactive-bg-primary:active {
    background-color: var(--interactive-bg-press-primary);
  }
  .interactive-bg-primary-inverted {
    background-color: var(--interactive-bg-default-primary-inverted);
  }
  @media (hover: hover) {
    .interactive-bg-primary-inverted:hover {
      background-color: var(--interactive-bg-hover-primary-inverted);
    }
  }
  .interactive-bg-primary-inverted:focus-visible {
    background-color: var(--interactive-bg-hover-primary-inverted);
  }
  .interactive-bg-primary-inverted:disabled,
  .interactive-bg-primary-inverted:where([data-visually-disabled]) {
    background-color: var(--interactive-bg-inactive-primary-inverted);
  }
  .interactive-bg-primary-inverted:checked {
    background-color: var(--interactive-bg-selected-primary-inverted);
  }
  .interactive-bg-primary-inverted:active {
    background-color: var(--interactive-bg-press-primary-inverted);
  }
  .interactive-bg-secondary {
    background-color: var(--interactive-bg-default-secondary);
  }
  @media (hover: hover) {
    .interactive-bg-secondary:hover {
      background-color: var(--interactive-bg-hover-secondary);
    }
  }
  .interactive-bg-secondary:focus-visible {
    background-color: var(--interactive-bg-hover-secondary);
  }
  .interactive-bg-secondary:disabled,
  .interactive-bg-secondary:where([data-visually-disabled]) {
    background-color: var(--interactive-bg-inactive-secondary);
  }
  .interactive-bg-secondary:checked {
    background-color: var(--interactive-bg-selected-secondary);
  }
  .interactive-bg-secondary:active {
    background-color: var(--interactive-bg-press-secondary);
  }
  @media (hover: hover) {
    .btn-ghost:not(:disabled):not([data-disabled]):hover {
      background-color: #0000000d;
      background-color: lab(0% 0 0/0.05);
    }
    .btn-ghost:not(:disabled):not([data-disabled]):where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      background-color: #ffffff1a;
      background-color: lab(100% -0.0000298023 0.0000119209/.1);
    }
  }
  .\!bg-\[\#0D0D0D\] {
    background-color: #0d0d0d !important;
  }
  .\!bg-\[\#F3F3F3\] {
    background-color: #f3f3f3 !important;
  }
  .\!bg-token-bg-primary {
    background-color: var(--bg-primary) !important;
  }
  .\!bg-token-bg-tertiary {
    background-color: var(--bg-tertiary) !important;
  }
  .\!bg-white {
    background-color: #fff !important;
  }
  .attribution-highlight-bg {
    background-color: var(--theme-attribution-highlight-bg);
  }
  .bg-\(--alpha-02\) {
    background-color: var(--alpha-02);
  }
  .bg-\(--bg-quaternary\) {
    background-color: var(--bg-quaternary);
  }
  .bg-\(--color-border\) {
    background-color: var(--color-border);
  }
  .bg-\(--sidebar-bg\,var\(--bg-elevated-secondary\)\) {
    background-color: var(--sidebar-bg, var(--bg-elevated-secondary));
  }
  .bg-\(--sidebar-mask-bg\) {
    background-color: var(--sidebar-mask-bg);
  }
  .bg-\(--sidebar-mask-bg\,var\(--bg-elevated-secondary\)\) {
    background-color: var(--sidebar-mask-bg, var(--bg-elevated-secondary));
  }
  .bg-\(--sidebar-moweb-bg\,var\(--sidebar-surface-primary\)\) {
    background-color: var(--sidebar-moweb-bg, var(--sidebar-surface-primary));
  }
  .bg-\(--theme-submit-btn-bg\) {
    background-color: var(--theme-submit-btn-bg);
  }
  .bg-\(--theme-user-msg-text\)\/10 {
    background-color: var(--theme-user-msg-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-\(--theme-user-msg-text\)\/10 {
      background-color: color-mix(
        in oklab,
        var(--theme-user-msg-text) 10%,
        transparent
      );
    }
  }
  .bg-\[\#0A84FF\] {
    background-color: #0a84ff;
  }
  .bg-\[\#0D0D0D66\] {
    background-color: #0d0d0d66;
  }
  .bg-\[\#0FA968\]\/10 {
    background-color: #0fa9681a;
    background-color: lab(61.1228% -49.5052 22.9274/0.1);
  }
  .bg-\[\#0d0d0d0d\] {
    background-color: #0d0d0d0d;
  }
  .bg-\[\#0d0d0d\] {
    background-color: #0d0d0d;
  }
  .bg-\[\#0e1630\] {
    background-color: #0e1630;
  }
  .bg-\[\#0f0f0f\] {
    background-color: #0f0f0f;
  }
  .bg-\[\#0f2745\] {
    background-color: #0f2745;
  }
  .bg-\[\#0000000f\] {
    background-color: #0000000f;
  }
  .bg-\[\#2FB344\] {
    background-color: #2fb344;
  }
  .bg-\[\#3a3a3a\] {
    background-color: #3a3a3a;
  }
  .bg-\[\#04b84c\] {
    background-color: #04b84c;
  }
  .bg-\[\#4E86F7\] {
    background-color: #4e86f7;
  }
  .bg-\[\#5B8DEF\] {
    background-color: #5b8def;
  }
  .bg-\[\#5f4f37\] {
    background-color: #5f4f37;
  }
  .bg-\[\#6B91F1\] {
    background-color: #6b91f1;
  }
  .bg-\[\#007afd0d\] {
    background-color: #007afd0d;
  }
  .bg-\[\#8C43A00D\] {
    background-color: #8c43a00d;
  }
  .bg-\[\#8E3CF320\] {
    background-color: #8e3cf320;
  }
  .bg-\[\#8F8F8F\] {
    background-color: #8f8f8f;
  }
  .bg-\[\#10A37F\],
  .bg-\[\#10a37f\] {
    background-color: #10a37f;
  }
  .bg-\[\#14A27F\] {
    background-color: #14a27f;
  }
  .bg-\[\#22c55e\] {
    background-color: #22c55e;
  }
  .bg-\[\#34A853\] {
    background-color: #34a853;
  }
  .bg-\[\#78C6F0\] {
    background-color: #78c6f0;
  }
  .bg-\[\#0088FF\] {
    background-color: #08f;
  }
  .bg-\[\#99ceff\] {
    background-color: #99ceff;
  }
  .bg-\[\#282C34\] {
    background-color: #282c34;
  }
  .bg-\[\#0285FF21\] {
    background-color: #0285ff21;
  }
  .bg-\[\#0285FF\] {
    background-color: #0285ff;
  }
  .bg-\[\#0285FF\]\/10 {
    background-color: #0285ff1a;
    background-color: lab(54.959% 5.86918 -70.2582/0.1);
  }
  .bg-\[\#0285ff\] {
    background-color: #0285ff;
  }
  .bg-\[\#0285ff\]\/10 {
    background-color: #0285ff1a;
    background-color: lab(54.959% 5.86918 -70.2582/0.1);
  }
  .bg-\[\#4285F4\] {
    background-color: #4285f4;
  }
  .bg-\[\#5856D6\] {
    background-color: #5856d6;
  }
  .bg-\[\#5856D612\] {
    background-color: #5856d612;
  }
  .bg-\[\#59636E20\] {
    background-color: #59636e20;
  }
  .bg-\[\#131314\] {
    background-color: #131314;
  }
  .bg-\[\#262626\] {
    background-color: #262626;
  }
  .bg-\[\#303030\] {
    background-color: #303030;
  }
  .bg-\[\#303030\]\! {
    background-color: #303030 !important;
  }
  .bg-\[\#AF52DE\] {
    background-color: #af52de;
  }
  .bg-\[\#C3DEC780\] {
    background-color: #c3dec780;
  }
  .bg-\[\#C76B12\]\/10 {
    background-color: #c76b121a;
    background-color: lab(55.3637% 33.6402 59.431/0.1);
  }
  .bg-\[\#CEDFFE\] {
    background-color: #cedffe;
  }
  .bg-\[\#D6E1F8\] {
    background-color: #d6e1f8;
  }
  .bg-\[\#D6303D20\] {
    background-color: #d6303d20;
  }
  .bg-\[\#DCDBFF\] {
    background-color: #dcdbff;
  }
  .bg-\[\#DFEFFF\] {
    background-color: #dfefff;
  }
  .bg-\[\#E0FFE7\] {
    background-color: #e0ffe7;
  }
  .bg-\[\#E5F3FF\] {
    background-color: #e5f3ff;
  }
  .bg-\[\#E6F0FF\] {
    background-color: #e6f0ff;
  }
  .bg-\[\#E7E7E7\]\! {
    background-color: #e7e7e7 !important;
  }
  .bg-\[\#E8EBFF\] {
    background-color: #e8ebff;
  }
  .bg-\[\#E8F6EC\] {
    background-color: #e8f6ec;
  }
  .bg-\[\#ECEBFF\] {
    background-color: #ecebff;
  }
  .bg-\[\#ECF0FF\] {
    background-color: #ecf0ff;
  }
  .bg-\[\#EDF7FF\] {
    background-color: #edf7ff;
  }
  .bg-\[\#EEF3FB\] {
    background-color: #eef3fb;
  }
  .bg-\[\#F1F1F1\] {
    background-color: #f1f1f1;
  }
  .bg-\[\#F1F1FB\] {
    background-color: #f1f1fb;
  }
  .bg-\[\#F2F2FF\] {
    background-color: #f2f2ff;
  }
  .bg-\[\#F2FBF4\] {
    background-color: #f2fbf4;
  }
  .bg-\[\#F3F3F3\] {
    background-color: #f3f3f3;
  }
  .bg-\[\#F3F4F6\] {
    background-color: #f3f4f6;
  }
  .bg-\[\#F3F6FB\] {
    background-color: #f3f6fb;
  }
  .bg-\[\#F4F4F4\] {
    background-color: #f4f4f4;
  }
  .bg-\[\#F4F4F4\]\! {
    background-color: #f4f4f4 !important;
  }
  .bg-\[\#F5F4FF\]\! {
    background-color: #f5f4ff !important;
  }
  .bg-\[\#F5F5F7\] {
    background-color: #f5f5f7;
  }
  .bg-\[\#F5F5FF\] {
    background-color: #f5f5ff;
  }
  .bg-\[\#F6F8FB\] {
    background-color: #f6f8fb;
  }
  .bg-\[\#F7F7F7\] {
    background-color: #f7f7f7;
  }
  .bg-\[\#FAFAFA\] {
    background-color: #fafafa;
  }
  .bg-\[\#FB6A2229\] {
    background-color: #fb6a2229;
  }
  .bg-\[\#FCEBEC\] {
    background-color: #fcebec;
  }
  .bg-\[\#FCF2F3\] {
    background-color: #fcf2f3;
  }
  .bg-\[\#FCFCFC\] {
    background-color: #fcfcfc;
  }
  .bg-\[\#FF3B30\] {
    background-color: #ff3b30;
  }
  .bg-\[\#FF6E3D\] {
    background-color: #ff6e3d;
  }
  .bg-\[\#FF5488\] {
    background-color: #ff5488;
  }
  .bg-\[\#FFFFFF44\] {
    background-color: #fff4;
  }
  .bg-\[\#a6a6a6\] {
    background-color: #a6a6a6;
  }
  .bg-\[\#d9f4e4\] {
    background-color: #d9f4e4;
  }
  .bg-\[\#dfdfdf\] {
    background-color: #dfdfdf;
  }
  .bg-\[\#e2c541\] {
    background-color: #e2c541;
  }
  .bg-\[\#e8e8e8\] {
    background-color: #e8e8e8;
  }
  .bg-\[\#ebebf0\] {
    background-color: #ebebf0;
  }
  .bg-\[\#f2f4f8\] {
    background-color: #f2f4f8;
  }
  .bg-\[\#f4f4f4\] {
    background-color: #f4f4f4;
  }
  .bg-\[\#f4f4f5\] {
    background-color: #f4f4f5;
  }
  .bg-\[\#f5f5f5\] {
    background-color: #f5f5f5;
  }
  .bg-\[\#f5f5f7\] {
    background-color: #f5f5f7;
  }
  .bg-\[\#f6f6f6\]\/40 {
    background-color: #f6f6f666;
    background-color: lab(96.8849% 0 0/0.4);
  }
  .bg-\[\#f7f7f7\] {
    background-color: #f7f7f7;
  }
  .bg-\[\#f7f7f7\]\! {
    background-color: #f7f7f7 !important;
  }
  .bg-\[\#f8f8f8\] {
    background-color: #f8f8f8;
  }
  .bg-\[\#f8fafd\] {
    background-color: #f8fafd;
  }
  .bg-\[\#f87171\] {
    background-color: #f87171;
  }
  .bg-\[\#fae271\] {
    background-color: #fae271;
  }
  .bg-\[\#fafafa\] {
    background-color: #fafafa;
  }
  .bg-\[\#ff3b30\] {
    background-color: #ff3b30;
  }
  .bg-\[\#fff0f0\] {
    background-color: #fff0f0;
  }
  .bg-\[\#fff5f7\] {
    background-color: #fff5f7;
  }
  .bg-\[\#fff7e6\] {
    background-color: #fff7e6;
  }
  .bg-\[\#fff8eb\] {
    background-color: #fff8eb;
  }
  .bg-\[Highlight\] {
    background-color: highlight;
  }
  .bg-\[Highlight\]\! {
    background-color: highlight !important;
  }
  .bg-\[color-mix\(in_srgb\,\#000_42\%\,transparent\)\] {
    background-color: #0000006b;
  }
  .bg-\[color-mix\(in_srgb\,var\(--bg-primary\)_74\%\,black\)\] {
    background-color: var(--bg-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--bg-primary\)_74\%\,black\)\] {
      background-color: color-mix(in srgb, var(--bg-primary) 74%, black);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--main-surface-secondary\)_54\%\,transparent\)\] {
    background-color: var(--main-surface-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--main-surface-secondary\)_54\%\,transparent\)\] {
      background-color: color-mix(
        in srgb,
        var(--main-surface-secondary) 54%,
        transparent
      );
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--main-surface-secondary\)_84\%\,transparent\)\] {
    background-color: var(--main-surface-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--main-surface-secondary\)_84\%\,transparent\)\] {
      background-color: color-mix(
        in srgb,
        var(--main-surface-secondary) 84%,
        transparent
      );
    }
  }
  .bg-\[rgb\(34_197_94_\/_1\)\] {
    background-color: #22c55e;
  }
  .bg-\[rgb\(239_68_68_\/_1\)\] {
    background-color: #ef4444;
  }
  .bg-\[rgb\(242_242_242\/0\.72\)\] {
    background-color: #f2f2f2b8;
  }
  .bg-\[rgba\(0\,0\,0\,0\.02\)\] {
    background-color: #00000005;
  }
  .bg-\[rgba\(0\,0\,0\,0\.03\)\] {
    background-color: #00000008;
  }
  .bg-\[rgba\(0\,0\,0\,0\.04\)\] {
    background-color: #0000000a;
  }
  .bg-\[rgba\(0\,0\,0\,0\.05\)\] {
    background-color: #0000000d;
  }
  .bg-\[rgba\(0\,0\,0\,0\.5\)\] {
    background-color: #00000080;
  }
  .bg-\[rgba\(0\,0\,0\,0\.16\)\] {
    background-color: #00000029;
  }
  .bg-\[rgba\(0\,0\,0\,0\.024\)\],
  .bg-\[rgba\(0\,0\,0\,0\.025\)\] {
    background-color: #00000006;
  }
  .bg-\[rgba\(0\,0\,0\,0\.34\)\] {
    background-color: #00000057;
  }
  .bg-\[rgba\(0\,122\,253\,0\.05\)\] {
    background-color: #007afd0d;
  }
  .bg-\[rgba\(13\,13\,13\,0\.90\)\]\! {
    background-color: #0d0d0de6 !important;
  }
  .bg-\[rgba\(13\,163\,110\,0\.08\)\] {
    background-color: #0da36e14;
  }
  .bg-\[rgba\(13\,163\,110\,0\.12\)\] {
    background-color: #0da36e1f;
  }
  .bg-\[rgba\(16\,163\,127\,0\.14\)\] {
    background-color: #10a37f24;
  }
  .bg-\[rgba\(16\,185\,129\,0\.12\)\] {
    background-color: #10b9811f;
  }
  .bg-\[rgba\(29\,155\,209\,0\.1\)\] {
    background-color: #1d9bd11a;
  }
  .bg-\[rgba\(47\,124\,245\,0\.08\)\] {
    background-color: #2f7cf514;
  }
  .bg-\[rgba\(59\,130\,246\,0\.12\)\] {
    background-color: #3b82f61f;
  }
  .bg-\[rgba\(88\,86\,214\,0\.15\)\]\! {
    background-color: #5856d626 !important;
  }
  .bg-\[rgba\(88\,86\,214\,0\.25\)\]\! {
    background-color: #5856d640 !important;
  }
  .bg-\[rgba\(97\,87\,255\,0\.05\)\] {
    background-color: #6157ff0d;
  }
  .bg-\[rgba\(122\,92\,255\,0\.04\)\] {
    background-color: #7a5cff0a;
  }
  .bg-\[rgba\(244\,240\,239\,0\.5\)\] {
    background-color: #f4f0ef80;
  }
  .bg-\[rgba\(249\,249\,249\,1\)\] {
    background-color: #f9f9f9;
  }
  .bg-\[rgba\(255\,214\,10\,0\.1\)\] {
    background-color: #ffd60a1a;
  }
  .bg-\[rgba\(255\,255\,255\,0\.3\)\] {
    background-color: #ffffff4d;
  }
  .bg-\[var\(--bg-quaternary\)\] {
    background-color: var(--bg-quaternary);
  }
  .bg-\[var\(--bg-secondary\)\] {
    background-color: var(--bg-secondary);
  }
  .bg-\[var\(--bg-tertiary\)\] {
    background-color: var(--bg-tertiary);
  }
  .bg-\[var\(--bg-tertiary\,\#F3F3F3\)\] {
    background-color: var(--bg-tertiary, #f3f3f3);
  }
  .bg-\[var\(--blue-400\)\] {
    background-color: var(--blue-400);
  }
  .bg-\[var\(--border-heavy\)\] {
    background-color: var(--border-heavy);
  }
  .bg-\[var\(--canvas-bg\,var\(--bg-primary\)\)\] {
    background-color: var(--canvas-bg, var(--bg-primary));
  }
  .bg-\[var\(--color-background-info-soft-alpha\)\] {
    background-color: var(--color-background-info-soft-alpha);
  }
  .bg-\[var\(--constant-background\)\] {
    background-color: var(--constant-background);
  }
  .bg-\[var\(--green-25\)\] {
    background-color: var(--green-25);
  }
  .bg-\[var\(--icon-primary\)\] {
    background-color: var(--icon-primary);
  }
  .bg-\[var\(--main-surface-primary\)\] {
    background-color: var(--main-surface-primary);
  }
  .bg-\[var\(--prompt-icon-bg\)\] {
    background-color: var(--prompt-icon-bg);
  }
  .bg-\[var\(--right-bg\)\] {
    background-color: var(--right-bg);
  }
  .bg-\[var\(--scrollbar-color\)\] {
    background-color: var(--scrollbar-color);
  }
  .bg-\[var\(--theme-user-msg-bg\)\] {
    background-color: var(--theme-user-msg-bg);
  }
  .bg-black {
    background-color: #000;
  }
  .bg-black\! {
    background-color: #000 !important;
  }
  .bg-black\/3 {
    background-color: #00000008;
    background-color: lab(0% 0 0/0.03);
  }
  .bg-black\/5 {
    background-color: #0000000d;
    background-color: lab(0% 0 0/0.05);
  }
  .bg-black\/5\! {
    background-color: #0000000d !important;
    background-color: lab(0% 0 0/0.05) !important;
  }
  .bg-black\/7 {
    background-color: #00000012;
    background-color: lab(0% 0 0/0.07);
  }
  .bg-black\/8 {
    background-color: #00000014;
    background-color: lab(0% 0 0/0.08);
  }
  .bg-black\/10 {
    background-color: #0000001a;
    background-color: lab(0% 0 0/0.1);
  }
  .bg-black\/15 {
    background-color: #00000026;
    background-color: lab(0% 0 0/0.15);
  }
  .bg-black\/20 {
    background-color: #0003;
    background-color: lab(0% 0 0/0.2);
  }
  .bg-black\/25 {
    background-color: #00000040;
    background-color: lab(0% 0 0/0.25);
  }
  .bg-black\/30 {
    background-color: #0000004d;
    background-color: lab(0% 0 0/0.3);
  }
  .bg-black\/35 {
    background-color: #00000059;
    background-color: lab(0% 0 0/0.35);
  }
  .bg-black\/40 {
    background-color: #0006;
    background-color: lab(0% 0 0/0.4);
  }
  .bg-black\/45 {
    background-color: #00000073;
    background-color: lab(0% 0 0/0.45);
  }
  .bg-black\/50 {
    background-color: #00000080;
    background-color: lab(0% 0 0/0.5);
  }
  .bg-black\/55 {
    background-color: #0000008c;
    background-color: lab(0% 0 0/0.55);
  }
  .bg-black\/60 {
    background-color: #0009;
    background-color: lab(0% 0 0/0.6);
  }
  .bg-black\/70 {
    background-color: #000000b3;
    background-color: lab(0% 0 0/0.7);
  }
  .bg-black\/75 {
    background-color: #000000bf;
    background-color: lab(0% 0 0/0.75);
  }
  .bg-black\/80 {
    background-color: #000c;
    background-color: lab(0% 0 0/0.8);
  }
  .bg-black\/90 {
    background-color: #000000e6;
    background-color: lab(0% 0 0/0.9);
  }
  .bg-black\/95 {
    background-color: #000000f2;
    background-color: lab(0% 0 0/0.95);
  }
  .bg-black\/\[0\.075\] {
    background-color: #00000013;
    background-color: lab(0% 0 0/0.075);
  }
  .bg-blue-25 {
    background-color: var(--blue-25);
  }
  .bg-blue-50 {
    background-color: var(--blue-50);
  }
  .bg-blue-75 {
    background-color: var(--blue-75);
  }
  .bg-blue-100,
  .bg-blue-100\/45 {
    background-color: var(--blue-100);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-100\/45 {
      background-color: color-mix(in oklab, var(--blue-100) 45%, transparent);
    }
  }
  .bg-blue-100\/50 {
    background-color: var(--blue-100);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-100\/50 {
      background-color: color-mix(in oklab, var(--blue-100) 50%, transparent);
    }
  }
  .bg-blue-200 {
    background-color: var(--blue-200);
  }
  .bg-blue-300 {
    background-color: var(--blue-300);
  }
  .bg-blue-400,
  .bg-blue-400\/10 {
    background-color: var(--blue-400);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-400\/10 {
      background-color: color-mix(in oklab, var(--blue-400) 10%, transparent);
    }
  }
  .bg-blue-400\/10\! {
    background-color: var(--blue-400) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-400\/10\! {
      background-color: color-mix(
        in oklab,
        var(--blue-400) 10%,
        transparent
      ) !important;
    }
  }
  .bg-blue-400\/15 {
    background-color: var(--blue-400);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-400\/15 {
      background-color: color-mix(in oklab, var(--blue-400) 15%, transparent);
    }
  }
  .bg-blue-400\/\[\.08\] {
    background-color: var(--blue-400);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-400\/\[\.08\] {
      background-color: color-mix(in oklab, var(--blue-400) 8%, transparent);
    }
  }
  .bg-blue-400\/\[0\.1\] {
    background-color: var(--blue-400);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-400\/\[0\.1\] {
      background-color: color-mix(in oklab, var(--blue-400) 10%, transparent);
    }
  }
  .bg-blue-500,
  .bg-blue-500\/10 {
    background-color: var(--blue-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-500\/10 {
      background-color: color-mix(in oklab, var(--blue-500) 10%, transparent);
    }
  }
  .bg-blue-500\/15 {
    background-color: var(--blue-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-500\/15 {
      background-color: color-mix(in oklab, var(--blue-500) 15%, transparent);
    }
  }
  .bg-blue-500\/30 {
    background-color: var(--blue-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-500\/30 {
      background-color: color-mix(in oklab, var(--blue-500) 30%, transparent);
    }
  }
  .bg-blue-600 {
    background-color: var(--blue-600);
  }
  .bg-blue-700 {
    background-color: var(--blue-700);
  }
  .bg-blue-800 {
    background-color: var(--blue-800);
  }
  .bg-blue-900 {
    background-color: var(--blue-900);
  }
  .bg-blue-950 {
    background-color: var(--blue-950);
  }
  .bg-blue-1000 {
    background-color: var(--blue-1000);
  }
  .bg-blue-a25 {
    background-color: var(--blue-a25);
  }
  .bg-blue-a50 {
    background-color: var(--blue-a50);
  }
  .bg-blue-a75 {
    background-color: var(--blue-a75);
  }
  .bg-blue-a100 {
    background-color: var(--blue-a100);
  }
  .bg-blue-a200 {
    background-color: var(--blue-a200);
  }
  .bg-blue-a300 {
    background-color: var(--blue-a300);
  }
  .bg-brand-blue-800 {
    background-color: #0066de;
  }
  .bg-brand-blue-800\/20 {
    background-color: #0066de33;
    background-color: lab(44.1658% 12.9254 -69.32/0.2);
  }
  .bg-brand-green {
    background-color: #19c37d;
  }
  .bg-brand-purple {
    background-color: #ab68ff;
  }
  .bg-brand-purple-600 {
    background-color: #715fde;
  }
  .bg-brand-purple-800 {
    background-color: #5400de;
  }
  .bg-current,
  .bg-current\/20 {
    background-color: currentColor;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-current\/20 {
      background-color: color-mix(in oklab, currentcolor 20%, transparent);
    }
  }
  .bg-gray-50,
  .bg-gray-50\/50 {
    background-color: var(--gray-50);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-50\/50 {
      background-color: color-mix(in oklab, var(--gray-50) 50%, transparent);
    }
  }
  .bg-gray-50\/75 {
    background-color: var(--gray-50);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-50\/75 {
      background-color: color-mix(in oklab, var(--gray-50) 75%, transparent);
    }
  }
  .bg-gray-100,
  .bg-gray-100\/50 {
    background-color: var(--gray-100);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-100\/50 {
      background-color: color-mix(in oklab, var(--gray-100) 50%, transparent);
    }
  }
  .bg-gray-200 {
    background-color: var(--gray-200);
  }
  .bg-gray-200\! {
    background-color: var(--gray-200) !important;
  }
  .bg-gray-300 {
    background-color: var(--gray-300);
  }
  .bg-gray-300\! {
    background-color: var(--gray-300) !important;
  }
  .bg-gray-300\/60 {
    background-color: var(--gray-300);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-300\/60 {
      background-color: color-mix(in oklab, var(--gray-300) 60%, transparent);
    }
  }
  .bg-gray-400 {
    background-color: var(--gray-400);
  }
  .bg-gray-500,
  .bg-gray-500\/15 {
    background-color: var(--gray-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-500\/15 {
      background-color: color-mix(in oklab, var(--gray-500) 15%, transparent);
    }
  }
  .bg-gray-500\/30 {
    background-color: var(--gray-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-500\/30 {
      background-color: color-mix(in oklab, var(--gray-500) 30%, transparent);
    }
  }
  .bg-gray-600 {
    background-color: var(--gray-600);
  }
  .bg-gray-700 {
    background-color: var(--gray-700);
  }
  .bg-gray-800,
  .bg-gray-800\/60 {
    background-color: var(--gray-800);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-800\/60 {
      background-color: color-mix(in oklab, var(--gray-800) 60%, transparent);
    }
  }
  .bg-gray-900,
  .bg-gray-900\/20 {
    background-color: var(--gray-900);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-900\/20 {
      background-color: color-mix(in oklab, var(--gray-900) 20%, transparent);
    }
  }
  .bg-gray-900\/70 {
    background-color: var(--gray-900);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-900\/70 {
      background-color: color-mix(in oklab, var(--gray-900) 70%, transparent);
    }
  }
  .bg-gray-950,
  .bg-gray-950\/5 {
    background-color: var(--gray-950);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-950\/5 {
      background-color: color-mix(in oklab, var(--gray-950) 5%, transparent);
    }
  }
  .bg-gray-solid-0 {
    background-color: #fff;
  }
  .bg-gray-solid-25 {
    background-color: #fcfcfc;
  }
  .bg-gray-solid-50 {
    background-color: #f9f9f9;
  }
  .bg-gray-solid-75 {
    background-color: #f3f3f3;
  }
  .bg-gray-solid-75\! {
    background-color: #f3f3f3 !important;
  }
  .bg-gray-solid-100 {
    background-color: #e8e8e8;
  }
  .bg-gray-solid-150 {
    background-color: #dfdfdf;
  }
  .bg-gray-solid-200 {
    background-color: #cdcdcd;
  }
  .bg-gray-solid-250 {
    background-color: #b9b9b9;
  }
  .bg-gray-solid-300 {
    background-color: #afafaf;
  }
  .bg-gray-solid-350 {
    background-color: #9f9f9f;
  }
  .bg-gray-solid-400 {
    background-color: #8f8f8f;
  }
  .bg-gray-solid-450 {
    background-color: #767676;
  }
  .bg-gray-solid-500 {
    background-color: #5d5d5d;
  }
  .bg-gray-solid-550 {
    background-color: #4f4f4f;
  }
  .bg-gray-solid-600 {
    background-color: #414141;
  }
  .bg-gray-solid-650 {
    background-color: #393939;
  }
  .bg-gray-solid-700 {
    background-color: #303030;
  }
  .bg-gray-solid-750 {
    background-color: #282828;
  }
  .bg-gray-solid-800 {
    background-color: #212121;
  }
  .bg-gray-solid-850 {
    background-color: #1c1c1c;
  }
  .bg-gray-solid-900 {
    background-color: #181818;
  }
  .bg-gray-solid-925 {
    background-color: #161616;
  }
  .bg-gray-solid-950 {
    background-color: #131313;
  }
  .bg-gray-solid-975 {
    background-color: #101010;
  }
  .bg-gray-solid-1000 {
    background-color: #0d0d0d;
  }
  .bg-gray-solid-1000\/10 {
    background-color: #0d0d0d1a;
    background-color: lab(3.63549% -0.00000745058 0.00000298023/.1);
  }
  .bg-gray-transparent-0-0-A0 {
    background-color: #fff0;
  }
  .bg-gray-transparent-0-0-A2 {
    background-color: #ffffff05;
  }
  .bg-gray-transparent-0-0-A5 {
    background-color: #ffffff0d;
  }
  .bg-gray-transparent-0-0-A10 {
    background-color: #ffffff1a;
  }
  .bg-gray-transparent-0-0-A15 {
    background-color: #ffffff26;
  }
  .bg-gray-transparent-0-0-A20 {
    background-color: #fff3;
  }
  .bg-gray-transparent-0-0-A25 {
    background-color: #ffffff40;
  }
  .bg-gray-transparent-0-0-A50 {
    background-color: #ffffff80;
  }
  .bg-gray-transparent-0-0-A75 {
    background-color: #ffffffbf;
  }
  .bg-gray-transparent-0-0-A80 {
    background-color: #fffc;
  }
  .bg-gray-transparent-0-0-A90 {
    background-color: #ffffffe5;
  }
  .bg-gray-transparent-1000-1000-A0 {
    background-color: #0d0d0d00;
  }
  .bg-gray-transparent-1000-1000-A2 {
    background-color: #0d0d0d05;
  }
  .bg-gray-transparent-1000-1000-A5 {
    background-color: #0d0d0d0d;
  }
  .bg-gray-transparent-1000-1000-A10 {
    background-color: #0d0d0d1a;
  }
  .bg-gray-transparent-1000-1000-A15 {
    background-color: #0d0d0d26;
  }
  .bg-gray-transparent-1000-1000-A20 {
    background-color: #0d0d0d33;
  }
  .bg-gray-transparent-1000-1000-A25 {
    background-color: #0d0d0d40;
  }
  .bg-gray-transparent-1000-1000-A50 {
    background-color: #0d0d0d80;
  }
  .bg-gray-transparent-1000-1000-A75 {
    background-color: #0d0d0dbf;
  }
  .bg-gray-transparent-1000-1000-A80 {
    background-color: #0d0d0dcc;
  }
  .bg-gray-transparent-1000-1000-A90 {
    background-color: #0d0d0de5;
  }
  .bg-green-25 {
    background-color: var(--green-25);
  }
  .bg-green-50,
  .bg-green-50\/60 {
    background-color: var(--green-50);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-green-50\/60 {
      background-color: color-mix(in oklab, var(--green-50) 60%, transparent);
    }
  }
  .bg-green-75 {
    background-color: var(--green-75);
  }
  .bg-green-100 {
    background-color: var(--green-100);
  }
  .bg-green-100\! {
    background-color: var(--green-100) !important;
  }
  .bg-green-100\/80 {
    background-color: var(--green-100);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-green-100\/80 {
      background-color: color-mix(in oklab, var(--green-100) 80%, transparent);
    }
  }
  .bg-green-200 {
    background-color: var(--green-200);
  }
  .bg-green-300 {
    background-color: var(--green-300);
  }
  .bg-green-400 {
    background-color: var(--green-400);
  }
  .bg-green-400\! {
    background-color: var(--green-400) !important;
  }
  .bg-green-500,
  .bg-green-500\/10 {
    background-color: var(--green-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-green-500\/10 {
      background-color: color-mix(in oklab, var(--green-500) 10%, transparent);
    }
  }
  .bg-green-500\/15 {
    background-color: var(--green-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-green-500\/15 {
      background-color: color-mix(in oklab, var(--green-500) 15%, transparent);
    }
  }
  .bg-green-500\/20 {
    background-color: var(--green-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-green-500\/20 {
      background-color: color-mix(in oklab, var(--green-500) 20%, transparent);
    }
  }
  .bg-green-500\/30 {
    background-color: var(--green-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-green-500\/30 {
      background-color: color-mix(in oklab, var(--green-500) 30%, transparent);
    }
  }
  .bg-green-600,
  .bg-green-600\/10 {
    background-color: var(--green-600);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-green-600\/10 {
      background-color: color-mix(in oklab, var(--green-600) 10%, transparent);
    }
  }
  .bg-green-600\/30 {
    background-color: var(--green-600);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-green-600\/30 {
      background-color: color-mix(in oklab, var(--green-600) 30%, transparent);
    }
  }
  .bg-green-700,
  .bg-green-700\/15 {
    background-color: var(--green-700);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-green-700\/15 {
      background-color: color-mix(in oklab, var(--green-700) 15%, transparent);
    }
  }
  .bg-green-800 {
    background-color: var(--green-800);
  }
  .bg-green-900 {
    background-color: var(--green-900);
  }
  .bg-green-950 {
    background-color: var(--green-950);
  }
  .bg-green-1000 {
    background-color: var(--green-1000);
  }
  .bg-green-a25 {
    background-color: var(--green-a25);
  }
  .bg-green-a50 {
    background-color: var(--green-a50);
  }
  .bg-green-a75 {
    background-color: var(--green-a75);
  }
  .bg-green-a100 {
    background-color: var(--green-a100);
  }
  .bg-green-a200 {
    background-color: var(--green-a200);
  }
  .bg-green-a300 {
    background-color: var(--green-a300);
  }
  .bg-inherit {
    background-color: inherit;
  }
  .bg-orange-25 {
    background-color: var(--orange-25);
  }
  .bg-orange-50 {
    background-color: var(--orange-50);
  }
  .bg-orange-75 {
    background-color: var(--orange-75);
  }
  .bg-orange-100 {
    background-color: var(--orange-100);
  }
  .bg-orange-200 {
    background-color: var(--orange-200);
  }
  .bg-orange-300 {
    background-color: var(--orange-300);
  }
  .bg-orange-400,
  .bg-orange-400\/5 {
    background-color: var(--orange-400);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-orange-400\/5 {
      background-color: color-mix(in oklab, var(--orange-400) 5%, transparent);
    }
  }
  .bg-orange-400\/10 {
    background-color: var(--orange-400);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-orange-400\/10 {
      background-color: color-mix(in oklab, var(--orange-400) 10%, transparent);
    }
  }
  .bg-orange-500,
  .bg-orange-500\/10 {
    background-color: var(--orange-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-orange-500\/10 {
      background-color: color-mix(in oklab, var(--orange-500) 10%, transparent);
    }
  }
  .bg-orange-600,
  .bg-orange-600\/10 {
    background-color: var(--orange-600);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-orange-600\/10 {
      background-color: color-mix(in oklab, var(--orange-600) 10%, transparent);
    }
  }
  .bg-orange-700 {
    background-color: var(--orange-700);
  }
  .bg-orange-800 {
    background-color: var(--orange-800);
  }
  .bg-orange-900 {
    background-color: var(--orange-900);
  }
  .bg-orange-950 {
    background-color: var(--orange-950);
  }
  .bg-orange-1000 {
    background-color: var(--orange-1000);
  }
  .bg-orange-a25 {
    background-color: var(--orange-a25);
  }
  .bg-orange-a50 {
    background-color: var(--orange-a50);
  }
  .bg-orange-a75 {
    background-color: var(--orange-a75);
  }
  .bg-orange-a100 {
    background-color: var(--orange-a100);
  }
  .bg-orange-a200 {
    background-color: var(--orange-a200);
  }
  .bg-orange-a300 {
    background-color: var(--orange-a300);
  }
  .bg-pink-25 {
    background-color: var(--pink-25);
  }
  .bg-pink-50 {
    background-color: var(--pink-50);
  }
  .bg-pink-75 {
    background-color: var(--pink-75);
  }
  .bg-pink-100 {
    background-color: var(--pink-100);
  }
  .bg-pink-200 {
    background-color: var(--pink-200);
  }
  .bg-pink-300 {
    background-color: var(--pink-300);
  }
  .bg-pink-400 {
    background-color: var(--pink-400);
  }
  .bg-pink-500 {
    background-color: var(--pink-500);
  }
  .bg-pink-600 {
    background-color: var(--pink-600);
  }
  .bg-pink-700 {
    background-color: var(--pink-700);
  }
  .bg-pink-800 {
    background-color: var(--pink-800);
  }
  .bg-pink-900 {
    background-color: var(--pink-900);
  }
  .bg-pink-950 {
    background-color: var(--pink-950);
  }
  .bg-pink-1000 {
    background-color: var(--pink-1000);
  }
  .bg-pink-a25 {
    background-color: var(--pink-a25);
  }
  .bg-pink-a50 {
    background-color: var(--pink-a50);
  }
  .bg-pink-a75 {
    background-color: var(--pink-a75);
  }
  .bg-pink-a100 {
    background-color: var(--pink-a100);
  }
  .bg-pink-a200 {
    background-color: var(--pink-a200);
  }
  .bg-pink-a300 {
    background-color: var(--pink-a300);
  }
  .bg-purple-25 {
    background-color: var(--purple-25);
  }
  .bg-purple-50 {
    background-color: var(--purple-50);
  }
  .bg-purple-75 {
    background-color: var(--purple-75);
  }
  .bg-purple-100 {
    background-color: var(--purple-100);
  }
  .bg-purple-200 {
    background-color: var(--purple-200);
  }
  .bg-purple-300 {
    background-color: var(--purple-300);
  }
  .bg-purple-400,
  .bg-purple-400\/10 {
    background-color: var(--purple-400);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-purple-400\/10 {
      background-color: color-mix(in oklab, var(--purple-400) 10%, transparent);
    }
  }
  .bg-purple-400\/15 {
    background-color: var(--purple-400);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-purple-400\/15 {
      background-color: color-mix(in oklab, var(--purple-400) 15%, transparent);
    }
  }
  .bg-purple-500 {
    background-color: var(--purple-500);
  }
  .bg-purple-600 {
    background-color: var(--purple-600);
  }
  .bg-purple-700 {
    background-color: var(--purple-700);
  }
  .bg-purple-800 {
    background-color: var(--purple-800);
  }
  .bg-purple-900 {
    background-color: var(--purple-900);
  }
  .bg-purple-950 {
    background-color: var(--purple-950);
  }
  .bg-purple-1000 {
    background-color: var(--purple-1000);
  }
  .bg-purple-a25 {
    background-color: var(--purple-a25);
  }
  .bg-purple-a50 {
    background-color: var(--purple-a50);
  }
  .bg-purple-a75 {
    background-color: var(--purple-a75);
  }
  .bg-purple-a100 {
    background-color: var(--purple-a100);
  }
  .bg-purple-a200 {
    background-color: var(--purple-a200);
  }
  .bg-purple-a300 {
    background-color: var(--purple-a300);
  }
  .bg-red-25 {
    background-color: var(--red-25);
  }
  .bg-red-50,
  .bg-red-50\/60 {
    background-color: var(--red-50);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-50\/60 {
      background-color: color-mix(in oklab, var(--red-50) 60%, transparent);
    }
  }
  .bg-red-50\/70 {
    background-color: var(--red-50);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-50\/70 {
      background-color: color-mix(in oklab, var(--red-50) 70%, transparent);
    }
  }
  .bg-red-75 {
    background-color: var(--red-75);
  }
  .bg-red-100 {
    background-color: var(--red-100);
  }
  .bg-red-100\! {
    background-color: var(--red-100) !important;
  }
  .bg-red-100\/80 {
    background-color: var(--red-100);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-100\/80 {
      background-color: color-mix(in oklab, var(--red-100) 80%, transparent);
    }
  }
  .bg-red-200,
  .bg-red-200\/70 {
    background-color: var(--red-200);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-200\/70 {
      background-color: color-mix(in oklab, var(--red-200) 70%, transparent);
    }
  }
  .bg-red-300 {
    background-color: var(--red-300);
  }
  .bg-red-400 {
    background-color: var(--red-400);
  }
  .bg-red-400\! {
    background-color: var(--red-400) !important;
  }
  .bg-red-500,
  .bg-red-500\/5 {
    background-color: var(--red-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-500\/5 {
      background-color: color-mix(in oklab, var(--red-500) 5%, transparent);
    }
  }
  .bg-red-500\/8 {
    background-color: var(--red-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-500\/8 {
      background-color: color-mix(in oklab, var(--red-500) 8%, transparent);
    }
  }
  .bg-red-500\/10 {
    background-color: var(--red-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-500\/10 {
      background-color: color-mix(in oklab, var(--red-500) 10%, transparent);
    }
  }
  .bg-red-500\/15 {
    background-color: var(--red-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-500\/15 {
      background-color: color-mix(in oklab, var(--red-500) 15%, transparent);
    }
  }
  .bg-red-500\/20 {
    background-color: var(--red-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-500\/20 {
      background-color: color-mix(in oklab, var(--red-500) 20%, transparent);
    }
  }
  .bg-red-500\/30 {
    background-color: var(--red-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-500\/30 {
      background-color: color-mix(in oklab, var(--red-500) 30%, transparent);
    }
  }
  .bg-red-600 {
    background-color: var(--red-600);
  }
  .bg-red-700,
  .bg-red-700\/15 {
    background-color: var(--red-700);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-700\/15 {
      background-color: color-mix(in oklab, var(--red-700) 15%, transparent);
    }
  }
  .bg-red-800 {
    background-color: var(--red-800);
  }
  .bg-red-900,
  .bg-red-900\/20 {
    background-color: var(--red-900);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-900\/20 {
      background-color: color-mix(in oklab, var(--red-900) 20%, transparent);
    }
  }
  .bg-red-900\/40 {
    background-color: var(--red-900);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-900\/40 {
      background-color: color-mix(in oklab, var(--red-900) 40%, transparent);
    }
  }
  .bg-red-950 {
    background-color: var(--red-950);
  }
  .bg-red-1000 {
    background-color: var(--red-1000);
  }
  .bg-red-a25 {
    background-color: var(--red-a25);
  }
  .bg-red-a50 {
    background-color: var(--red-a50);
  }
  .bg-red-a75 {
    background-color: var(--red-a75);
  }
  .bg-red-a100 {
    background-color: var(--red-a100);
  }
  .bg-red-a200 {
    background-color: var(--red-a200);
  }
  .bg-red-a300 {
    background-color: var(--red-a300);
  }
  .bg-token-bg-accent-static {
    background-color: var(--bg-accent-static);
  }
  .bg-token-bg-elevated-primary {
    background-color: var(--bg-elevated-primary);
  }
  .bg-token-bg-elevated-secondary {
    background-color: var(--bg-elevated-secondary);
  }
  .bg-token-bg-elevated-secondary\! {
    background-color: var(--bg-elevated-secondary) !important;
  }
  .bg-token-bg-elevated-secondary\/50 {
    background-color: var(--bg-elevated-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-bg-elevated-secondary\/50 {
      background-color: color-mix(
        in oklab,
        var(--bg-elevated-secondary) 50%,
        transparent
      );
    }
  }
  .bg-token-bg-elevated-secondary\/60 {
    background-color: var(--bg-elevated-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-bg-elevated-secondary\/60 {
      background-color: color-mix(
        in oklab,
        var(--bg-elevated-secondary) 60%,
        transparent
      );
    }
  }
  .bg-token-bg-elevated-secondary\/90 {
    background-color: var(--bg-elevated-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-bg-elevated-secondary\/90 {
      background-color: color-mix(
        in oklab,
        var(--bg-elevated-secondary) 90%,
        transparent
      );
    }
  }
  .bg-token-bg-primary {
    background-color: var(--bg-primary);
  }
  .bg-token-bg-primary\! {
    background-color: var(--bg-primary) !important;
  }
  .bg-token-bg-primary-inverted {
    background-color: var(--bg-primary-inverted);
  }
  .bg-token-bg-primary\/0 {
    background-color: var(--bg-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-bg-primary\/0 {
      background-color: color-mix(in oklab, var(--bg-primary) 0%, transparent);
    }
  }
  .bg-token-bg-primary\/10 {
    background-color: var(--bg-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-bg-primary\/10 {
      background-color: color-mix(in oklab, var(--bg-primary) 10%, transparent);
    }
  }
  .bg-token-bg-primary\/40\! {
    background-color: var(--bg-primary) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-bg-primary\/40\! {
      background-color: color-mix(
        in oklab,
        var(--bg-primary) 40%,
        transparent
      ) !important;
    }
  }
  .bg-token-bg-primary\/45 {
    background-color: var(--bg-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-bg-primary\/45 {
      background-color: color-mix(in oklab, var(--bg-primary) 45%, transparent);
    }
  }
  .bg-token-bg-primary\/50 {
    background-color: var(--bg-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-bg-primary\/50 {
      background-color: color-mix(in oklab, var(--bg-primary) 50%, transparent);
    }
  }
  .bg-token-bg-primary\/52 {
    background-color: var(--bg-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-bg-primary\/52 {
      background-color: color-mix(in oklab, var(--bg-primary) 52%, transparent);
    }
  }
  .bg-token-bg-primary\/55 {
    background-color: var(--bg-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-bg-primary\/55 {
      background-color: color-mix(in oklab, var(--bg-primary) 55%, transparent);
    }
  }
  .bg-token-bg-primary\/60 {
    background-color: var(--bg-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-bg-primary\/60 {
      background-color: color-mix(in oklab, var(--bg-primary) 60%, transparent);
    }
  }
  .bg-token-bg-primary\/65\! {
    background-color: var(--bg-primary) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-bg-primary\/65\! {
      background-color: color-mix(
        in oklab,
        var(--bg-primary) 65%,
        transparent
      ) !important;
    }
  }
  .bg-token-bg-primary\/70 {
    background-color: var(--bg-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-bg-primary\/70 {
      background-color: color-mix(in oklab, var(--bg-primary) 70%, transparent);
    }
  }
  .bg-token-bg-primary\/80 {
    background-color: var(--bg-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-bg-primary\/80 {
      background-color: color-mix(in oklab, var(--bg-primary) 80%, transparent);
    }
  }
  .bg-token-bg-primary\/85 {
    background-color: var(--bg-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-bg-primary\/85 {
      background-color: color-mix(in oklab, var(--bg-primary) 85%, transparent);
    }
  }
  .bg-token-bg-primary\/90 {
    background-color: var(--bg-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-bg-primary\/90 {
      background-color: color-mix(in oklab, var(--bg-primary) 90%, transparent);
    }
  }
  .bg-token-bg-primary\/95 {
    background-color: var(--bg-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-bg-primary\/95 {
      background-color: color-mix(in oklab, var(--bg-primary) 95%, transparent);
    }
  }
  .bg-token-bg-primary\/98 {
    background-color: var(--bg-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-bg-primary\/98 {
      background-color: color-mix(in oklab, var(--bg-primary) 98%, transparent);
    }
  }
  .bg-token-bg-scrim {
    background-color: var(--bg-scrim);
  }
  .bg-token-bg-secondary {
    background-color: var(--bg-secondary);
  }
  .bg-token-bg-secondary\! {
    background-color: var(--bg-secondary) !important;
  }
  .bg-token-bg-secondary\/10 {
    background-color: var(--bg-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-bg-secondary\/10 {
      background-color: color-mix(
        in oklab,
        var(--bg-secondary) 10%,
        transparent
      );
    }
  }
  .bg-token-bg-secondary\/20 {
    background-color: var(--bg-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-bg-secondary\/20 {
      background-color: color-mix(
        in oklab,
        var(--bg-secondary) 20%,
        transparent
      );
    }
  }
  .bg-token-bg-secondary\/30 {
    background-color: var(--bg-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-bg-secondary\/30 {
      background-color: color-mix(
        in oklab,
        var(--bg-secondary) 30%,
        transparent
      );
    }
  }
  .bg-token-bg-secondary\/40 {
    background-color: var(--bg-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-bg-secondary\/40 {
      background-color: color-mix(
        in oklab,
        var(--bg-secondary) 40%,
        transparent
      );
    }
  }
  .bg-token-bg-secondary\/50 {
    background-color: var(--bg-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-bg-secondary\/50 {
      background-color: color-mix(
        in oklab,
        var(--bg-secondary) 50%,
        transparent
      );
    }
  }
  .bg-token-bg-secondary\/60 {
    background-color: var(--bg-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-bg-secondary\/60 {
      background-color: color-mix(
        in oklab,
        var(--bg-secondary) 60%,
        transparent
      );
    }
  }
  .bg-token-bg-secondary\/70 {
    background-color: var(--bg-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-bg-secondary\/70 {
      background-color: color-mix(
        in oklab,
        var(--bg-secondary) 70%,
        transparent
      );
    }
  }
  .bg-token-bg-secondary\/75 {
    background-color: var(--bg-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-bg-secondary\/75 {
      background-color: color-mix(
        in oklab,
        var(--bg-secondary) 75%,
        transparent
      );
    }
  }
  .bg-token-bg-secondary\/80 {
    background-color: var(--bg-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-bg-secondary\/80 {
      background-color: color-mix(
        in oklab,
        var(--bg-secondary) 80%,
        transparent
      );
    }
  }
  .bg-token-bg-status-error,
  .bg-token-bg-status-error\/10 {
    background-color: var(--bg-status-error);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-bg-status-error\/10 {
      background-color: color-mix(
        in oklab,
        var(--bg-status-error) 10%,
        transparent
      );
    }
  }
  .bg-token-bg-status-warning {
    background-color: var(--bg-status-warning);
  }
  .bg-token-bg-tertiary {
    background-color: var(--bg-tertiary);
  }
  .bg-token-bg-tertiary\! {
    background-color: var(--bg-tertiary) !important;
  }
  .bg-token-bg-tertiary\/20 {
    background-color: var(--bg-tertiary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-bg-tertiary\/20 {
      background-color: color-mix(
        in oklab,
        var(--bg-tertiary) 20%,
        transparent
      );
    }
  }
  .bg-token-bg-tertiary\/40 {
    background-color: var(--bg-tertiary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-bg-tertiary\/40 {
      background-color: color-mix(
        in oklab,
        var(--bg-tertiary) 40%,
        transparent
      );
    }
  }
  .bg-token-bg-tertiary\/50 {
    background-color: var(--bg-tertiary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-bg-tertiary\/50 {
      background-color: color-mix(
        in oklab,
        var(--bg-tertiary) 50%,
        transparent
      );
    }
  }
  .bg-token-bg-tertiary\/60 {
    background-color: var(--bg-tertiary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-bg-tertiary\/60 {
      background-color: color-mix(
        in oklab,
        var(--bg-tertiary) 60%,
        transparent
      );
    }
  }
  .bg-token-bg-tertiary\/70 {
    background-color: var(--bg-tertiary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-bg-tertiary\/70 {
      background-color: color-mix(
        in oklab,
        var(--bg-tertiary) 70%,
        transparent
      );
    }
  }
  .bg-token-bg-tertiary\/75 {
    background-color: var(--bg-tertiary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-bg-tertiary\/75 {
      background-color: color-mix(
        in oklab,
        var(--bg-tertiary) 75%,
        transparent
      );
    }
  }
  .bg-token-bg-tertiary\/80 {
    background-color: var(--bg-tertiary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-bg-tertiary\/80 {
      background-color: color-mix(
        in oklab,
        var(--bg-tertiary) 80%,
        transparent
      );
    }
  }
  .bg-token-border-default,
  .bg-token-border-default\/60 {
    background-color: var(--border-default);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-border-default\/60 {
      background-color: color-mix(
        in oklab,
        var(--border-default) 60%,
        transparent
      );
    }
  }
  .bg-token-border-heavy {
    background-color: var(--border-heavy);
  }
  .bg-token-border-light,
  .bg-token-border-light\/40 {
    background-color: var(--border-light);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-border-light\/40 {
      background-color: color-mix(
        in oklab,
        var(--border-light) 40%,
        transparent
      );
    }
  }
  .bg-token-border-medium {
    background-color: var(--border-medium);
  }
  .bg-token-border-sharp {
    background-color: var(--border-sharp);
  }
  .bg-token-border-status-error {
    background-color: var(--border-status-error);
  }
  .bg-token-border-status-warning {
    background-color: var(--border-status-warning);
  }
  .bg-token-border-xlight {
    background-color: var(--border-xlight);
  }
  .bg-token-composer-blue-bg {
    background-color: var(--composer-blue-bg);
  }
  .bg-token-composer-surface {
    background-color: var(--composer-surface);
  }
  .bg-token-hint-bg {
    background-color: var(--hint-bg);
  }
  .bg-token-icon-accent,
  .bg-token-icon-accent\/50 {
    background-color: var(--icon-accent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-icon-accent\/50 {
      background-color: color-mix(
        in oklab,
        var(--icon-accent) 50%,
        transparent
      );
    }
  }
  .bg-token-icon-inverted {
    background-color: var(--icon-inverted);
  }
  .bg-token-icon-inverted-static {
    background-color: var(--icon-inverted-static);
  }
  .bg-token-icon-primary {
    background-color: var(--icon-primary);
  }
  .bg-token-icon-secondary,
  .bg-token-icon-secondary\/50 {
    background-color: var(--icon-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-icon-secondary\/50 {
      background-color: color-mix(
        in oklab,
        var(--icon-secondary) 50%,
        transparent
      );
    }
  }
  .bg-token-icon-status-error {
    background-color: var(--icon-status-error);
  }
  .bg-token-icon-status-warning {
    background-color: var(--icon-status-warning);
  }
  .bg-token-icon-tertiary {
    background-color: var(--icon-tertiary);
  }
  .bg-token-interactive-bg-accent-default {
    background-color: var(--interactive-bg-accent-default);
  }
  .bg-token-interactive-bg-accent-hover {
    background-color: var(--interactive-bg-accent-hover);
  }
  .bg-token-interactive-bg-accent-inactive {
    background-color: var(--interactive-bg-accent-inactive);
  }
  .bg-token-interactive-bg-accent-muted-context,
  .bg-token-interactive-bg-accent-muted-context\/50 {
    background-color: var(--interactive-bg-accent-muted-context);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-interactive-bg-accent-muted-context\/50 {
      background-color: color-mix(
        in oklab,
        var(--interactive-bg-accent-muted-context) 50%,
        transparent
      );
    }
  }
  .bg-token-interactive-bg-accent-muted-hover {
    background-color: var(--interactive-bg-accent-muted-hover);
  }
  .bg-token-interactive-bg-accent-muted-press {
    background-color: var(--interactive-bg-accent-muted-press);
  }
  .bg-token-interactive-bg-accent-press {
    background-color: var(--interactive-bg-accent-press);
  }
  .bg-token-interactive-bg-danger-primary-default {
    background-color: var(--interactive-bg-danger-primary-default);
  }
  .bg-token-interactive-bg-danger-primary-hover {
    background-color: var(--interactive-bg-danger-primary-hover);
  }
  .bg-token-interactive-bg-danger-primary-inactive {
    background-color: var(--interactive-bg-danger-primary-inactive);
  }
  .bg-token-interactive-bg-danger-primary-press {
    background-color: var(--interactive-bg-danger-primary-press);
  }
  .bg-token-interactive-bg-danger-secondary-default {
    background-color: var(--interactive-bg-danger-secondary-default);
  }
  .bg-token-interactive-bg-danger-secondary-hover {
    background-color: var(--interactive-bg-danger-secondary-hover);
  }
  .bg-token-interactive-bg-danger-secondary-inactive {
    background-color: var(--interactive-bg-danger-secondary-inactive);
  }
  .bg-token-interactive-bg-danger-secondary-press {
    background-color: var(--interactive-bg-danger-secondary-press);
  }
  .bg-token-interactive-bg-primary-default {
    background-color: var(--interactive-bg-primary-default);
  }
  .bg-token-interactive-bg-primary-hover {
    background-color: var(--interactive-bg-primary-hover);
  }
  .bg-token-interactive-bg-primary-inactive {
    background-color: var(--interactive-bg-primary-inactive);
  }
  .bg-token-interactive-bg-primary-press {
    background-color: var(--interactive-bg-primary-press);
  }
  .bg-token-interactive-bg-primary-selected {
    background-color: var(--interactive-bg-primary-selected);
  }
  .bg-token-interactive-bg-secondary-default {
    background-color: var(--interactive-bg-secondary-default);
  }
  .bg-token-interactive-bg-secondary-hover {
    background-color: var(--interactive-bg-secondary-hover);
  }
  .bg-token-interactive-bg-secondary-inactive {
    background-color: var(--interactive-bg-secondary-inactive);
  }
  .bg-token-interactive-bg-secondary-press {
    background-color: var(--interactive-bg-secondary-press);
  }
  .bg-token-interactive-bg-secondary-selected {
    background-color: var(--interactive-bg-secondary-selected);
  }
  .bg-token-interactive-bg-tertiary-default {
    background-color: var(--interactive-bg-tertiary-default);
  }
  .bg-token-interactive-bg-tertiary-hover {
    background-color: var(--interactive-bg-tertiary-hover);
  }
  .bg-token-interactive-bg-tertiary-inactive {
    background-color: var(--interactive-bg-tertiary-inactive);
  }
  .bg-token-interactive-bg-tertiary-press {
    background-color: var(--interactive-bg-tertiary-press);
  }
  .bg-token-interactive-bg-tertiary-selected {
    background-color: var(--interactive-bg-tertiary-selected);
  }
  .bg-token-interactive-border-danger-secondary-default {
    background-color: var(--interactive-border-danger-secondary-default);
  }
  .bg-token-interactive-border-danger-secondary-hover {
    background-color: var(--interactive-border-danger-secondary-hover);
  }
  .bg-token-interactive-border-danger-secondary-inactive {
    background-color: var(--interactive-border-danger-secondary-inactive);
  }
  .bg-token-interactive-border-danger-secondary-press {
    background-color: var(--interactive-border-danger-secondary-press);
  }
  .bg-token-interactive-border-focus {
    background-color: var(--interactive-border-focus);
  }
  .bg-token-interactive-border-secondary-default {
    background-color: var(--interactive-border-secondary-default);
  }
  .bg-token-interactive-border-secondary-hover {
    background-color: var(--interactive-border-secondary-hover);
  }
  .bg-token-interactive-border-secondary-inactive {
    background-color: var(--interactive-border-secondary-inactive);
  }
  .bg-token-interactive-border-secondary-press {
    background-color: var(--interactive-border-secondary-press);
  }
  .bg-token-interactive-border-tertiary-default {
    background-color: var(--interactive-border-tertiary-default);
  }
  .bg-token-interactive-border-tertiary-hover {
    background-color: var(--interactive-border-tertiary-hover);
  }
  .bg-token-interactive-border-tertiary-inactive {
    background-color: var(--interactive-border-tertiary-inactive);
  }
  .bg-token-interactive-border-tertiary-press {
    background-color: var(--interactive-border-tertiary-press);
  }
  .bg-token-interactive-icon-accent-default {
    background-color: var(--interactive-icon-accent-default);
  }
  .bg-token-interactive-icon-accent-hover {
    background-color: var(--interactive-icon-accent-hover);
  }
  .bg-token-interactive-icon-accent-inactive {
    background-color: var(--interactive-icon-accent-inactive);
  }
  .bg-token-interactive-icon-accent-press {
    background-color: var(--interactive-icon-accent-press);
  }
  .bg-token-interactive-icon-accent-selected {
    background-color: var(--interactive-icon-accent-selected);
  }
  .bg-token-interactive-icon-danger-primary-default {
    background-color: var(--interactive-icon-danger-primary-default);
  }
  .bg-token-interactive-icon-danger-primary-hover {
    background-color: var(--interactive-icon-danger-primary-hover);
  }
  .bg-token-interactive-icon-danger-primary-inactive {
    background-color: var(--interactive-icon-danger-primary-inactive);
  }
  .bg-token-interactive-icon-danger-primary-press {
    background-color: var(--interactive-icon-danger-primary-press);
  }
  .bg-token-interactive-icon-danger-secondary-default {
    background-color: var(--interactive-icon-danger-secondary-default);
  }
  .bg-token-interactive-icon-danger-secondary-hover {
    background-color: var(--interactive-icon-danger-secondary-hover);
  }
  .bg-token-interactive-icon-danger-secondary-inactive {
    background-color: var(--interactive-icon-danger-secondary-inactive);
  }
  .bg-token-interactive-icon-danger-secondary-press {
    background-color: var(--interactive-icon-danger-secondary-press);
  }
  .bg-token-interactive-icon-primary-default {
    background-color: var(--interactive-icon-primary-default);
  }
  .bg-token-interactive-icon-primary-hover {
    background-color: var(--interactive-icon-primary-hover);
  }
  .bg-token-interactive-icon-primary-inactive {
    background-color: var(--interactive-icon-primary-inactive);
  }
  .bg-token-interactive-icon-primary-press {
    background-color: var(--interactive-icon-primary-press);
  }
  .bg-token-interactive-icon-primary-selected {
    background-color: var(--interactive-icon-primary-selected);
  }
  .bg-token-interactive-icon-secondary-default {
    background-color: var(--interactive-icon-secondary-default);
  }
  .bg-token-interactive-icon-secondary-hover {
    background-color: var(--interactive-icon-secondary-hover);
  }
  .bg-token-interactive-icon-secondary-inactive {
    background-color: var(--interactive-icon-secondary-inactive);
  }
  .bg-token-interactive-icon-secondary-press {
    background-color: var(--interactive-icon-secondary-press);
  }
  .bg-token-interactive-icon-secondary-selected {
    background-color: var(--interactive-icon-secondary-selected);
  }
  .bg-token-interactive-icon-tertiary-default {
    background-color: var(--interactive-icon-tertiary-default);
  }
  .bg-token-interactive-icon-tertiary-hover {
    background-color: var(--interactive-icon-tertiary-hover);
  }
  .bg-token-interactive-icon-tertiary-inactive {
    background-color: var(--interactive-icon-tertiary-inactive);
  }
  .bg-token-interactive-icon-tertiary-press {
    background-color: var(--interactive-icon-tertiary-press);
  }
  .bg-token-interactive-icon-tertiary-selected {
    background-color: var(--interactive-icon-tertiary-selected);
  }
  .bg-token-interactive-label-accent-default {
    background-color: var(--interactive-label-accent-default);
  }
  .bg-token-interactive-label-accent-hover {
    background-color: var(--interactive-label-accent-hover);
  }
  .bg-token-interactive-label-accent-inactive {
    background-color: var(--interactive-label-accent-inactive);
  }
  .bg-token-interactive-label-accent-press {
    background-color: var(--interactive-label-accent-press);
  }
  .bg-token-interactive-label-accent-selected {
    background-color: var(--interactive-label-accent-selected);
  }
  .bg-token-interactive-label-danger-primary-default {
    background-color: var(--interactive-label-danger-primary-default);
  }
  .bg-token-interactive-label-danger-primary-hover {
    background-color: var(--interactive-label-danger-primary-hover);
  }
  .bg-token-interactive-label-danger-primary-inactive {
    background-color: var(--interactive-label-danger-primary-inactive);
  }
  .bg-token-interactive-label-danger-primary-press {
    background-color: var(--interactive-label-danger-primary-press);
  }
  .bg-token-interactive-label-danger-secondary-default {
    background-color: var(--interactive-label-danger-secondary-default);
  }
  .bg-token-interactive-label-danger-secondary-hover {
    background-color: var(--interactive-label-danger-secondary-hover);
  }
  .bg-token-interactive-label-danger-secondary-inactive {
    background-color: var(--interactive-label-danger-secondary-inactive);
  }
  .bg-token-interactive-label-danger-secondary-press {
    background-color: var(--interactive-label-danger-secondary-press);
  }
  .bg-token-interactive-label-primary-default {
    background-color: var(--interactive-label-primary-default);
  }
  .bg-token-interactive-label-primary-hover {
    background-color: var(--interactive-label-primary-hover);
  }
  .bg-token-interactive-label-primary-inactive {
    background-color: var(--interactive-label-primary-inactive);
  }
  .bg-token-interactive-label-primary-press {
    background-color: var(--interactive-label-primary-press);
  }
  .bg-token-interactive-label-primary-selected {
    background-color: var(--interactive-label-primary-selected);
  }
  .bg-token-interactive-label-secondary-default {
    background-color: var(--interactive-label-secondary-default);
  }
  .bg-token-interactive-label-secondary-hover {
    background-color: var(--interactive-label-secondary-hover);
  }
  .bg-token-interactive-label-secondary-inactive {
    background-color: var(--interactive-label-secondary-inactive);
  }
  .bg-token-interactive-label-secondary-press {
    background-color: var(--interactive-label-secondary-press);
  }
  .bg-token-interactive-label-secondary-selected {
    background-color: var(--interactive-label-secondary-selected);
  }
  .bg-token-interactive-label-tertiary-default {
    background-color: var(--interactive-label-tertiary-default);
  }
  .bg-token-interactive-label-tertiary-hover {
    background-color: var(--interactive-label-tertiary-hover);
  }
  .bg-token-interactive-label-tertiary-inactive {
    background-color: var(--interactive-label-tertiary-inactive);
  }
  .bg-token-interactive-label-tertiary-press {
    background-color: var(--interactive-label-tertiary-press);
  }
  .bg-token-interactive-label-tertiary-selected {
    background-color: var(--interactive-label-tertiary-selected);
  }
  .bg-token-main-surface-primary {
    background-color: var(--main-surface-primary);
  }
  .bg-token-main-surface-primary\! {
    background-color: var(--main-surface-primary) !important;
  }
  .bg-token-main-surface-primary-inverse {
    background-color: var(--main-surface-primary-inverse);
  }
  .bg-token-main-surface-primary\/10 {
    background-color: var(--main-surface-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-main-surface-primary\/10 {
      background-color: color-mix(
        in oklab,
        var(--main-surface-primary) 10%,
        transparent
      );
    }
  }
  .bg-token-main-surface-primary\/20\! {
    background-color: var(--main-surface-primary) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-main-surface-primary\/20\! {
      background-color: color-mix(
        in oklab,
        var(--main-surface-primary) 20%,
        transparent
      ) !important;
    }
  }
  .bg-token-main-surface-primary\/30 {
    background-color: var(--main-surface-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-main-surface-primary\/30 {
      background-color: color-mix(
        in oklab,
        var(--main-surface-primary) 30%,
        transparent
      );
    }
  }
  .bg-token-main-surface-primary\/40 {
    background-color: var(--main-surface-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-main-surface-primary\/40 {
      background-color: color-mix(
        in oklab,
        var(--main-surface-primary) 40%,
        transparent
      );
    }
  }
  .bg-token-main-surface-primary\/60 {
    background-color: var(--main-surface-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-main-surface-primary\/60 {
      background-color: color-mix(
        in oklab,
        var(--main-surface-primary) 60%,
        transparent
      );
    }
  }
  .bg-token-main-surface-primary\/60\! {
    background-color: var(--main-surface-primary) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-main-surface-primary\/60\! {
      background-color: color-mix(
        in oklab,
        var(--main-surface-primary) 60%,
        transparent
      ) !important;
    }
  }
  .bg-token-main-surface-primary\/70 {
    background-color: var(--main-surface-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-main-surface-primary\/70 {
      background-color: color-mix(
        in oklab,
        var(--main-surface-primary) 70%,
        transparent
      );
    }
  }
  .bg-token-main-surface-primary\/80 {
    background-color: var(--main-surface-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-main-surface-primary\/80 {
      background-color: color-mix(
        in oklab,
        var(--main-surface-primary) 80%,
        transparent
      );
    }
  }
  .bg-token-main-surface-primary\/90 {
    background-color: var(--main-surface-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-main-surface-primary\/90 {
      background-color: color-mix(
        in oklab,
        var(--main-surface-primary) 90%,
        transparent
      );
    }
  }
  .bg-token-main-surface-primary\/95 {
    background-color: var(--main-surface-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-main-surface-primary\/95 {
      background-color: color-mix(
        in oklab,
        var(--main-surface-primary) 95%,
        transparent
      );
    }
  }
  .bg-token-main-surface-secondary {
    background-color: var(--main-surface-secondary);
  }
  .bg-token-main-surface-secondary\! {
    background-color: var(--main-surface-secondary) !important;
  }
  .bg-token-main-surface-secondary-selected {
    background-color: var(--main-surface-secondary-selected);
  }
  .bg-token-main-surface-secondary\/40 {
    background-color: var(--main-surface-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-main-surface-secondary\/40 {
      background-color: color-mix(
        in oklab,
        var(--main-surface-secondary) 40%,
        transparent
      );
    }
  }
  .bg-token-main-surface-secondary\/50 {
    background-color: var(--main-surface-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-main-surface-secondary\/50 {
      background-color: color-mix(
        in oklab,
        var(--main-surface-secondary) 50%,
        transparent
      );
    }
  }
  .bg-token-main-surface-secondary\/60 {
    background-color: var(--main-surface-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-main-surface-secondary\/60 {
      background-color: color-mix(
        in oklab,
        var(--main-surface-secondary) 60%,
        transparent
      );
    }
  }
  .bg-token-main-surface-secondary\/70 {
    background-color: var(--main-surface-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-main-surface-secondary\/70 {
      background-color: color-mix(
        in oklab,
        var(--main-surface-secondary) 70%,
        transparent
      );
    }
  }
  .bg-token-main-surface-secondary\/80 {
    background-color: var(--main-surface-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-main-surface-secondary\/80 {
      background-color: color-mix(
        in oklab,
        var(--main-surface-secondary) 80%,
        transparent
      );
    }
  }
  .bg-token-main-surface-tertiary {
    background-color: var(--main-surface-tertiary);
  }
  .bg-token-main-surface-tertiary\! {
    background-color: var(--main-surface-tertiary) !important;
  }
  .bg-token-main-surface-tertiary\/60 {
    background-color: var(--main-surface-tertiary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-main-surface-tertiary\/60 {
      background-color: color-mix(
        in oklab,
        var(--main-surface-tertiary) 60%,
        transparent
      );
    }
  }
  .bg-token-main-surface-tertiary\/70 {
    background-color: var(--main-surface-tertiary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-main-surface-tertiary\/70 {
      background-color: color-mix(
        in oklab,
        var(--main-surface-tertiary) 70%,
        transparent
      );
    }
  }
  .bg-token-message-surface {
    background-color: var(--message-surface);
  }
  .bg-token-sidebar-surface {
    background-color: var(--sidebar-surface);
  }
  .bg-token-sidebar-surface-primary {
    background-color: var(--sidebar-surface-primary);
  }
  .bg-token-sidebar-surface-secondary {
    background-color: var(--sidebar-surface-secondary);
  }
  .bg-token-sidebar-surface-tertiary {
    background-color: var(--sidebar-surface-tertiary);
  }
  .bg-token-surface-error,
  .bg-token-surface-error\/5 {
    background-color: rgb(var(--surface-error) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-surface-error\/5 {
      background-color: color-mix(
        in oklab,
        rgb(var(--surface-error) / 1) 5%,
        transparent
      );
    }
  }
  .bg-token-surface-hover {
    background-color: var(--surface-hover);
  }
  .bg-token-text-accent {
    background-color: var(--text-accent);
  }
  .bg-token-text-inverted {
    background-color: var(--text-inverted);
  }
  .bg-token-text-inverted-static {
    background-color: var(--text-inverted-static);
  }
  .bg-token-text-inverted\/20 {
    background-color: var(--text-inverted);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-text-inverted\/20 {
      background-color: color-mix(
        in oklab,
        var(--text-inverted) 20%,
        transparent
      );
    }
  }
  .bg-token-text-primary {
    background-color: var(--text-primary);
  }
  .bg-token-text-primary\! {
    background-color: var(--text-primary) !important;
  }
  .bg-token-text-primary\/4 {
    background-color: var(--text-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-text-primary\/4 {
      background-color: color-mix(
        in oklab,
        var(--text-primary) 4%,
        transparent
      );
    }
  }
  .bg-token-text-quaternary {
    background-color: var(--text-quaternary);
  }
  .bg-token-text-secondary {
    background-color: var(--text-secondary);
  }
  .bg-token-text-status-error,
  .bg-token-text-status-error\/15 {
    background-color: var(--text-status-error);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-text-status-error\/15 {
      background-color: color-mix(
        in oklab,
        var(--text-status-error) 15%,
        transparent
      );
    }
  }
  .bg-token-text-status-warning,
  .bg-token-text-status-warning\/15 {
    background-color: var(--text-status-warning);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-text-status-warning\/15 {
      background-color: color-mix(
        in oklab,
        var(--text-status-warning) 15%,
        transparent
      );
    }
  }
  .bg-token-text-tertiary,
  .bg-token-text-tertiary\/20 {
    background-color: var(--text-tertiary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-text-tertiary\/20 {
      background-color: color-mix(
        in oklab,
        var(--text-tertiary) 20%,
        transparent
      );
    }
  }
  .bg-token-text-tertiary\/50 {
    background-color: var(--text-tertiary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-text-tertiary\/50 {
      background-color: color-mix(
        in oklab,
        var(--text-tertiary) 50%,
        transparent
      );
    }
  }
  .bg-token-text-tertiary\/60 {
    background-color: var(--text-tertiary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-text-tertiary\/60 {
      background-color: color-mix(
        in oklab,
        var(--text-tertiary) 60%,
        transparent
      );
    }
  }
  .bg-token-utility-scrollbar {
    background-color: var(--utility-scrollbar);
  }
  .bg-transparent {
    background-color: #0000;
  }
  .bg-transparent\! {
    background-color: #0000 !important;
  }
  .bg-white {
    background-color: #fff;
  }
  .bg-white\! {
    background-color: #fff !important;
  }
  .bg-white\/5 {
    background-color: #ffffff0d;
    background-color: lab(100% -0.0000298023 0.0000119209/.05);
  }
  .bg-white\/6 {
    background-color: #ffffff0f;
    background-color: lab(100% -0.0000298023 0.0000119209/.06);
  }
  .bg-white\/8 {
    background-color: #ffffff14;
    background-color: lab(100% -0.0000298023 0.0000119209/.08);
  }
  .bg-white\/10 {
    background-color: #ffffff1a;
    background-color: lab(100% -0.0000298023 0.0000119209/.1);
  }
  .bg-white\/12 {
    background-color: #ffffff1f;
    background-color: lab(100% -0.0000298023 0.0000119209/.12);
  }
  .bg-white\/14 {
    background-color: #ffffff24;
    background-color: lab(100% -0.0000298023 0.0000119209/.14);
  }
  .bg-white\/15 {
    background-color: #ffffff26;
    background-color: lab(100% -0.0000298023 0.0000119209/.15);
  }
  .bg-white\/18 {
    background-color: #ffffff2e;
    background-color: lab(100% -0.0000298023 0.0000119209/.18);
  }
  .bg-white\/20 {
    background-color: #fff3;
    background-color: lab(100% -0.0000298023 0.0000119209/.2);
  }
  .bg-white\/20\! {
    background-color: #fff3 !important;
    background-color: lab(100% -0.0000298023 0.0000119209/.2) !important;
  }
  .bg-white\/22 {
    background-color: #ffffff38;
    background-color: lab(100% -0.0000298023 0.0000119209/.22);
  }
  .bg-white\/25 {
    background-color: #ffffff40;
    background-color: lab(100% -0.0000298023 0.0000119209/.25);
  }
  .bg-white\/30 {
    background-color: #ffffff4d;
    background-color: lab(100% -0.0000298023 0.0000119209/.3);
  }
  .bg-white\/30\! {
    background-color: #ffffff4d !important;
    background-color: lab(100% -0.0000298023 0.0000119209/.3) !important;
  }
  .bg-white\/40 {
    background-color: #fff6;
    background-color: lab(100% -0.0000298023 0.0000119209/.4);
  }
  .bg-white\/60 {
    background-color: #fff9;
    background-color: lab(100% -0.0000298023 0.0000119209/.6);
  }
  .bg-white\/70 {
    background-color: #ffffffb3;
    background-color: lab(100% -0.0000298023 0.0000119209/.7);
  }
  .bg-white\/72\! {
    background-color: #ffffffb8 !important;
    background-color: lab(100% -0.0000298023 0.0000119209/.72) !important;
  }
  .bg-white\/74 {
    background-color: #ffffffbd;
    background-color: lab(100% -0.0000298023 0.0000119209/.74);
  }
  .bg-white\/78 {
    background-color: #ffffffc7;
    background-color: lab(100% -0.0000298023 0.0000119209/.78);
  }
  .bg-white\/80 {
    background-color: #fffc;
    background-color: lab(100% -0.0000298023 0.0000119209/.8);
  }
  .bg-white\/85 {
    background-color: #ffffffd9;
    background-color: lab(100% -0.0000298023 0.0000119209/.85);
  }
  .bg-white\/90 {
    background-color: #ffffffe6;
    background-color: lab(100% -0.0000298023 0.0000119209/.9);
  }
  .bg-white\/92 {
    background-color: #ffffffeb;
    background-color: lab(100% -0.0000298023 0.0000119209/.92);
  }
  .bg-white\/95 {
    background-color: #fffffff2;
    background-color: lab(100% -0.0000298023 0.0000119209/.95);
  }
  .bg-white\/\[0\.02\] {
    background-color: #ffffff05;
    background-color: lab(100% -0.0000298023 0.0000119209/.02);
  }
  .bg-white\/\[0\.03\] {
    background-color: #ffffff08;
    background-color: lab(100% -0.0000298023 0.0000119209/.03);
  }
  .bg-yellow-25 {
    background-color: var(--yellow-25);
  }
  .bg-yellow-50,
  .bg-yellow-50\/60 {
    background-color: var(--yellow-50);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-yellow-50\/60 {
      background-color: color-mix(in oklab, var(--yellow-50) 60%, transparent);
    }
  }
  .bg-yellow-50\/70 {
    background-color: var(--yellow-50);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-yellow-50\/70 {
      background-color: color-mix(in oklab, var(--yellow-50) 70%, transparent);
    }
  }
  .bg-yellow-75 {
    background-color: var(--yellow-75);
  }
  .bg-yellow-100,
  .bg-yellow-100\/70 {
    background-color: var(--yellow-100);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-yellow-100\/70 {
      background-color: color-mix(in oklab, var(--yellow-100) 70%, transparent);
    }
  }
  .bg-yellow-100\/80 {
    background-color: var(--yellow-100);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-yellow-100\/80 {
      background-color: color-mix(in oklab, var(--yellow-100) 80%, transparent);
    }
  }
  .bg-yellow-200 {
    background-color: var(--yellow-200);
  }
  .bg-yellow-300 {
    background-color: var(--yellow-300);
  }
  .bg-yellow-400,
  .bg-yellow-400\/40 {
    background-color: var(--yellow-400);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-yellow-400\/40 {
      background-color: color-mix(in oklab, var(--yellow-400) 40%, transparent);
    }
  }
  .bg-yellow-400\/60 {
    background-color: var(--yellow-400);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-yellow-400\/60 {
      background-color: color-mix(in oklab, var(--yellow-400) 60%, transparent);
    }
  }
  .bg-yellow-500,
  .bg-yellow-500\/10 {
    background-color: var(--yellow-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-yellow-500\/10 {
      background-color: color-mix(in oklab, var(--yellow-500) 10%, transparent);
    }
  }
  .bg-yellow-500\/15 {
    background-color: var(--yellow-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-yellow-500\/15 {
      background-color: color-mix(in oklab, var(--yellow-500) 15%, transparent);
    }
  }
  .bg-yellow-600 {
    background-color: var(--yellow-600);
  }
  .bg-yellow-700,
  .bg-yellow-700\/15 {
    background-color: var(--yellow-700);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-yellow-700\/15 {
      background-color: color-mix(in oklab, var(--yellow-700) 15%, transparent);
    }
  }
  .bg-yellow-800 {
    background-color: var(--yellow-800);
  }
  .bg-yellow-900 {
    background-color: var(--yellow-900);
  }
  .bg-yellow-950 {
    background-color: var(--yellow-950);
  }
  .bg-yellow-1000 {
    background-color: var(--yellow-1000);
  }
  .bg-yellow-a25 {
    background-color: var(--yellow-a25);
  }
  .bg-yellow-a50 {
    background-color: var(--yellow-a50);
  }
  .bg-yellow-a75 {
    background-color: var(--yellow-a75);
  }
  .bg-yellow-a100 {
    background-color: var(--yellow-a100);
  }
  .bg-yellow-a200 {
    background-color: var(--yellow-a200);
  }
  .bg-yellow-a300 {
    background-color: var(--yellow-a300);
  }
  .interactive-bg-control {
    background-color: var(--interactive-bg-default-control);
  }
  .bg-linear-45 {
    --tw-gradient-position: 45deg;
  }
  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-45 {
      --tw-gradient-position: 45deg in oklab;
    }
  }
  .bg-linear-45 {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-linear-to-b {
    --tw-gradient-position: to bottom;
  }
  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-b {
      --tw-gradient-position: to bottom in oklab;
    }
  }
  .bg-linear-to-b {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-linear-to-br {
    --tw-gradient-position: to bottom right;
  }
  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-br {
      --tw-gradient-position: to bottom right in oklab;
    }
  }
  .bg-linear-to-br {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-linear-to-l {
    --tw-gradient-position: to left;
  }
  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-l {
      --tw-gradient-position: to left in oklab;
    }
  }
  .bg-linear-to-l {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-linear-to-r {
    --tw-gradient-position: to right;
  }
  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-r {
      --tw-gradient-position: to right in oklab;
    }
  }
  .bg-linear-to-r {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-linear-to-t {
    --tw-gradient-position: to top;
  }
  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-t {
      --tw-gradient-position: to top in oklab;
    }
  }
  .bg-linear-to-t {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-l {
    --tw-gradient-position: to left in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-t {
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-\[linear-gradient\(90deg\,\#9E9DFF_0\%\,\#A6B8FF_48\%\,\#CFE6FF_100\%\)\] {
    background-image: linear-gradient(
      90deg,
      #9e9dff 0%,
      #a6b8ff 48%,
      #cfe6ff 100%
    );
  }
  .bg-\[linear-gradient\(120deg\,\#a9d7ee_0\%\,\#c3dcf0_48\%\,\#d3e7c6_100\%\)\] {
    background-image: linear-gradient(
      120deg,
      #a9d7ee 0%,
      #c3dcf0 48%,
      #d3e7c6 100%
    );
  }
  .bg-\[linear-gradient\(135deg\,\#2b3445\,\#0f172a\)\] {
    background-image: linear-gradient(135deg, #2b3445, #0f172a);
  }
  .bg-\[linear-gradient\(135deg\,\#355c2b\,\#111827\)\] {
    background-image: linear-gradient(135deg, #355c2b, #111827);
  }
  .bg-\[linear-gradient\(135deg\,\#111827\,\#334155\)\] {
    background-image: linear-gradient(135deg, #111827, #334155);
  }
  .bg-\[linear-gradient\(135deg\,\#dbeafe\,\#eff6ff\)\] {
    background-image: linear-gradient(135deg, #dbeafe, #eff6ff);
  }
  .bg-\[linear-gradient\(135deg\,\#eff6ff\,\#ffffff\)\] {
    background-image: linear-gradient(135deg, #eff6ff, #fff);
  }
  .bg-\[linear-gradient\(135deg\,\#f8fafc\,\#e2e8f0\)\] {
    background-image: linear-gradient(135deg, #f8fafc, #e2e8f0);
  }
  .bg-\[linear-gradient\(155deg\,\#0741d6_0\%\,\#5f55f0_45\%\,\#7e78ff_62\%\,\#3d7bff_100\%\)\] {
    background-image: linear-gradient(
      155deg,
      #0741d6 0%,
      #5f55f0 45%,
      #7e78ff 62%,
      #3d7bff 100%
    );
  }
  .bg-\[linear-gradient\(180deg\,\#F8FAFD_0\%\,\#EEF4FF_100\%\)\] {
    background-image: linear-gradient(#f8fafd 0%, #eef4ff 100%);
  }
  .bg-\[linear-gradient\(180deg\,oklch\(1_0_0\/0\.3\)_80\%\,transparent_100\%\)\] {
    background-image: linear-gradient(#ffffff4d 80%, #0000 100%);
    background-image: linear-gradient(lab(100% 0 0/0.3) 80%, #0000 100%);
  }
  .bg-\[linear-gradient\(180deg\,rgba\(0\,0\,0\,0\)_0\%\,rgba\(0\,0\,0\,0\.30\)_100\%\)\] {
    background-image: linear-gradient(#0000 0%, #0000004d 100%);
  }
  .bg-\[linear-gradient\(180deg\,rgba\(0\,0\,0\,0\.30\)_0\%\,rgba\(0\,0\,0\,0\)_100\%\)\] {
    background-image: linear-gradient(#0000004d 0%, #0000 100%);
  }
  .bg-\[linear-gradient\(180deg\,rgba\(33\,33\,33\,0\)_0\.12\%\,rgba\(33\,33\,33\,0\.85\)_51\.46\%\,\#212121_72\.79\%\)\] {
    background-image: linear-gradient(
      #21212100 0.12%,
      #212121d9 51.46%,
      #212121 72.79%
    );
  }
  .bg-\[linear-gradient\(180deg\,rgba\(249\,249\,249\,0\)_33\.621\%\,rgb\(249\,249\,249\)_114\.66\%\)\] {
    background-image: linear-gradient(#f9f9f900 33.621%, #f9f9f9 114.66%);
  }
  .bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,0\)_24\.327\%\,\#FFFFFF_47\.029\%\)\] {
    background-image: linear-gradient(#fff0 24.327%, #fff 47.029%);
  }
  .bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.18\)\,rgba\(255\,255\,255\,0\.04\)\)\] {
    background-image: linear-gradient(#ffffff2e, #ffffff0a);
  }
  .bg-\[linear-gradient\(180deg\,var\(--bg-primary\)_0\%\,var\(--bg-primary\)_calc\(100\%-325px\)\,transparent_100\%\)\] {
    background-image: linear-gradient(
      180deg,
      var(--bg-primary) 0%,
      var(--bg-primary) calc(100% - 325px),
      transparent 100%
    );
  }
  .bg-\[linear-gradient\(206\.72deg\,_\#EEEFFF_2\.34\%\,_\#FFFFFF_92\.37\%\)\] {
    background-image: linear-gradient(206.72deg, #eeefff 2.34%, #fff 92.37%);
  }
  .bg-\[linear-gradient\(to_bottom\,transparent\,var\(--bg-primary\)\)\,linear-gradient\(to_bottom\,transparent_var\(--single-line-fade-height\)\,var\(--bg-primary\)_var\(--single-line-fade-height\)\)\] {
    background-image:
      linear-gradient(to bottom, transparent, var(--bg-primary)),
      linear-gradient(
        to bottom,
        transparent var(--single-line-fade-height),
        var(--bg-primary) var(--single-line-fade-height)
      );
  }
  .bg-\[linear-gradient\(to_top\,transparent\,var\(--bg-primary\)\)\,linear-gradient\(to_top\,transparent_var\(--single-line-fade-height\)\,var\(--bg-primary\)_var\(--single-line-fade-height\)\)\] {
    background-image:
      linear-gradient(to top, transparent, var(--bg-primary)),
      linear-gradient(
        to top,
        transparent var(--single-line-fade-height),
        var(--bg-primary) var(--single-line-fade-height)
      );
  }
  .bg-\[linear-gradient\(transparent_0\,transparent_23px\,rgba\(255\,255\,255\,0\.04\)_24px\)\,linear-gradient\(90deg\,transparent_0\,transparent_23px\,rgba\(255\,255\,255\,0\.04\)_24px\)\] {
    background-image:
      linear-gradient(#0000 0 23px, #ffffff0a 24px),
      linear-gradient(90deg, #0000 0 23px, #ffffff0a 24px);
  }
  .bg-\[radial-gradient\(125\%_70\%_at_50\%_0\%\,rgba\(105\,170\,255\,0\.24\)_0\%\,rgba\(62\,92\,156\,0\.18\)_32\%\,rgba\(18\,24\,37\,0\.92\)_58\%\,\#0f141f_100\%\)\] {
    background-image: radial-gradient(
      125% 70% at 50% 0,
      #69aaff3d 0%,
      #3e5c9c2e 32%,
      #121825eb 58%,
      #0f141f 100%
    );
  }
  .bg-\[radial-gradient\(circle\,_\#aaaaaa_0\.75px\,_transparent_0\.75px\)\] {
    background-image: radial-gradient(circle, #aaa 0.75px, #0000 0.75px);
  }
  .bg-\[radial-gradient\(circle_at_30\%_30\%\,\#f9d423_0\%\,\#ff4e50_100\%\)\] {
    background-image: radial-gradient(
      circle at 30% 30%,
      #f9d423 0%,
      #ff4e50 100%
    );
  }
  .bg-\[radial-gradient\(circle_at_35\%_85\%\,rgba\(0\,125\,255\,0\.95\)\,rgba\(0\,125\,255\,0\)_28\%\)\,radial-gradient\(circle_at_70\%_10\%\,rgba\(255\,255\,255\,0\.45\)\,rgba\(255\,255\,255\,0\)_26\%\)\] {
    background-image:
      radial-gradient(circle at 35% 85%, #007dfff2, #007dff00 28%),
      radial-gradient(circle at 70% 10%, #ffffff73, #fff0 26%);
  }
  .bg-\[radial-gradient\(circle_at_top_left\,_rgba\(56\,189\,248\,0\.35\)\,transparent_35\%\)\,linear-gradient\(135deg\,\#1e293b\,\#0f172a_48\%\,\#111827\)\] {
    background-image:
      radial-gradient(circle at 0 0, #38bdf859, #0000 35%),
      linear-gradient(135deg, #1e293b, #0f172a 48%, #111827);
  }
  .bg-\[radial-gradient\(circle_at_top_left\,rgba\(140\,187\,255\,0\.24\)\,transparent_28\%\)\,radial-gradient\(circle_at_bottom_right\,rgba\(66\,99\,235\,0\.18\)\,transparent_28\%\)\,linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.98\)\,rgba\(246\,248\,251\,0\.96\)\)\] {
    background-image:
      radial-gradient(circle at 0 0, #8cbbff3d, #0000 28%),
      radial-gradient(circle at 100% 100%, #4263eb2e, #0000 28%),
      linear-gradient(#fffffffa, #f6f8fbf5);
  }
  .bg-\[radial-gradient\(circle_at_top_left\,rgba\(255\,255\,255\,0\.35\)\,transparent_28\%\)\,radial-gradient\(circle_at_top_right\,rgba\(255\,255\,255\,0\.18\)\,transparent_32\%\)\] {
    background-image:
      radial-gradient(circle at 0 0, #ffffff59, #0000 28%),
      radial-gradient(circle at 100% 0, #ffffff2e, #0000 32%);
  }
  .bg-\[radial-gradient\(ellipse_140\%_90\%_at_50\%_130\%\,var\(--bg-primary\)_0\%\,var\(--bg-primary\)_50\%\,transparent_90\%\)\] {
    background-image: radial-gradient(
      ellipse 140% 90% at 50% 130%,
      var(--bg-primary) 0%,
      var(--bg-primary) 50%,
      transparent 90%
    );
  }
  .bg-\[radial-gradient\(ellipse_at_center\,_\#4999E4_0\%\,_rgba\(0\,150\,230\,0\.3\)_35\%\,_rgba\(73\,153\,228\,0\)_70\%\)\] {
    background-image: radial-gradient(#4999e4 0%, #0096e64d 35%, #4999e400 70%);
  }
  .bg-\[repeating-linear-gradient\(-45deg\,transparent\,transparent_4px\,\#6b728066_4px\,\#6b728066_8px\)\] {
    background-image: repeating-linear-gradient(
      -45deg,
      #0000,
      #0000 4px,
      #6b728066 4px 8px
    );
  }
  .bg-\[url\(\"https\:\/\/cdn\.openai\.com\/ctf-cdn\/30bafe12-ad88-4ae0-8ed8-0045ffc1a17c\/form-bg\.jpg\"\)\] {
    background-image: url(https://cdn.openai.com/ctf-cdn/30bafe12-ad88-4ae0-8ed8-0045ffc1a17c/form-bg.jpg);
  }
  .bg-\[url\(https\:\/\/openaiassets\.blob\.core\.windows\.net\/\$web\/chatgpt\/clients\/noauth\/open_app_mobile_banner\.webp\)\] {
    background-image: url(https://openaiassets.blob.core.windows.net/$web/chatgpt/clients/noauth/open_app_mobile_banner.webp);
  }
  .bg-none {
    background-image: none;
  }
  .bg-vert-light-gradient {
    background-image: linear-gradient(#fff0 13.94%, #fff 54.73%);
  }
  .\[--tw-gradient-position\:to_var\(--end\)\] {
    --tw-gradient-position: to var(--end);
  }
  .\[--tw-gradient-position\:to_var\(--start\)\] {
    --tw-gradient-position: to var(--start);
  }
  .from-\(--bg-primary\) {
    --tw-gradient-from: var(--bg-primary);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-\(--bg-secondary\) {
    --tw-gradient-from: var(--bg-secondary);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-\[\#4c40ff\] {
    --tw-gradient-from: #4c40ff;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-\[\#7a5cff\] {
    --tw-gradient-from: #7a5cff;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-\[\#ED5EB4\] {
    --tw-gradient-from: #ed5eb4;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-\[\#F5FAFF\] {
    --tw-gradient-from: #f5faff;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-\[\#F9F5FE\] {
    --tw-gradient-from: #f9f5fe;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-\[\#FFFBED\] {
    --tw-gradient-from: #fffbed;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-\[\#e8eaf9\] {
    --tw-gradient-from: #e8eaf9;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-\[var\(--bg-primary\)\] {
    --tw-gradient-from: var(--bg-primary);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-\[var\(--bg-tertiary\)\] {
    --tw-gradient-from: var(--bg-tertiary);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-\[var\(--canvas-bg\,var\(--bg-primary\)\)\] {
    --tw-gradient-from: var(--canvas-bg, var(--bg-primary));
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-\[var\(--main-surface-background\)\] {
    --tw-gradient-from: var(--main-surface-background);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-\[var\(--theme-user-msg-bg\)\] {
    --tw-gradient-from: var(--theme-user-msg-bg);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-black\/5 {
    --tw-gradient-from: #0000000d;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  @supports (color: lab(0% 0 0)) {
    .from-black\/5 {
      --tw-gradient-from: lab(0% 0 0/0.05);
    }
  }
  .from-black\/18 {
    --tw-gradient-from: #0000002e;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  @supports (color: lab(0% 0 0)) {
    .from-black\/18 {
      --tw-gradient-from: lab(0% 0 0/0.18);
    }
  }
  .from-black\/30 {
    --tw-gradient-from: #0000004d;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  @supports (color: lab(0% 0 0)) {
    .from-black\/30 {
      --tw-gradient-from: lab(0% 0 0/0.3);
    }
  }
  .from-black\/35 {
    --tw-gradient-from: #00000059;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  @supports (color: lab(0% 0 0)) {
    .from-black\/35 {
      --tw-gradient-from: lab(0% 0 0/0.35);
    }
  }
  .from-black\/60 {
    --tw-gradient-from: #0009;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  @supports (color: lab(0% 0 0)) {
    .from-black\/60 {
      --tw-gradient-from: lab(0% 0 0/0.6);
    }
  }
  .from-black\/70 {
    --tw-gradient-from: #000000b3;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  @supports (color: lab(0% 0 0)) {
    .from-black\/70 {
      --tw-gradient-from: lab(0% 0 0/0.7);
    }
  }
  .from-black\/80 {
    --tw-gradient-from: #000c;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  @supports (color: lab(0% 0 0)) {
    .from-black\/80 {
      --tw-gradient-from: lab(0% 0 0/0.8);
    }
  }
  .from-black\/90 {
    --tw-gradient-from: #000000e6;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  @supports (color: lab(0% 0 0)) {
    .from-black\/90 {
      --tw-gradient-from: lab(0% 0 0/0.9);
    }
  }
  .from-gray-950\/90 {
    --tw-gradient-from: var(--gray-950);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .from-gray-950\/90 {
      --tw-gradient-from: color-mix(in oklab, var(--gray-950) 90%, transparent);
    }
  }
  .from-gray-950\/90 {
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-purple-400 {
    --tw-gradient-from: var(--purple-400);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-token-bg-elevated-secondary {
    --tw-gradient-from: var(--bg-elevated-secondary);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-token-bg-primary {
    --tw-gradient-from: var(--bg-primary);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-token-bg-primary\/0 {
    --tw-gradient-from: var(--bg-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .from-token-bg-primary\/0 {
      --tw-gradient-from: color-mix(
        in oklab,
        var(--bg-primary) 0%,
        transparent
      );
    }
  }
  .from-token-bg-primary\/0 {
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-token-bg-secondary {
    --tw-gradient-from: var(--bg-secondary);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-token-bg-tertiary\/30 {
    --tw-gradient-from: var(--bg-tertiary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .from-token-bg-tertiary\/30 {
      --tw-gradient-from: color-mix(
        in oklab,
        var(--bg-tertiary) 30%,
        transparent
      );
    }
  }
  .from-token-bg-tertiary\/30 {
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-token-border-heavy {
    --tw-gradient-from: var(--border-heavy);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-token-interactive-bg-accent-default\/50 {
    --tw-gradient-from: var(--interactive-bg-accent-default);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .from-token-interactive-bg-accent-default\/50 {
      --tw-gradient-from: color-mix(
        in oklab,
        var(--interactive-bg-accent-default) 50%,
        transparent
      );
    }
  }
  .from-token-interactive-bg-accent-default\/50 {
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-token-main-surface-primary {
    --tw-gradient-from: var(--main-surface-primary);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-token-main-surface-secondary {
    --tw-gradient-from: var(--main-surface-secondary);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-token-text-primary {
    --tw-gradient-from: var(--text-primary);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-token-text-tertiary {
    --tw-gradient-from: var(--text-tertiary);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-transparent {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-white {
    --tw-gradient-from: #fff;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-white\/0 {
    --tw-gradient-from: #0000;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  @supports (color: lab(0% 0 0)) {
    .from-white\/0 {
      --tw-gradient-from: lab(0% 0 0/0);
    }
  }
  .from-white\/15 {
    --tw-gradient-from: #ffffff26;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  @supports (color: lab(0% 0 0)) {
    .from-white\/15 {
      --tw-gradient-from: lab(100% -0.0000298023 0.0000119209/.15);
    }
  }
  .from-white\/50 {
    --tw-gradient-from: #ffffff80;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  @supports (color: lab(0% 0 0)) {
    .from-white\/50 {
      --tw-gradient-from: lab(100% -0.0000298023 0.0000119209/.5);
    }
  }
  .from-0\% {
    --tw-gradient-from-position: 0%;
  }
  .from-10\% {
    --tw-gradient-from-position: 10%;
  }
  .from-20\% {
    --tw-gradient-from-position: 20%;
  }
  .from-30\% {
    --tw-gradient-from-position: 30%;
  }
  .from-50\% {
    --tw-gradient-from-position: 50%;
  }
  .from-60\% {
    --tw-gradient-from-position: 60%;
  }
  .via-\[\#d8e4ff\] {
    --tw-gradient-via: #d8e4ff;
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-\[\#fff8dd\]\/85 {
    --tw-gradient-via: #fff8ddd9;
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  @supports (color: lab(0% 0 0)) {
    .via-\[\#fff8dd\]\/85 {
      --tw-gradient-via: lab(97.6021% -0.842184 13.9035/0.85);
    }
  }
  .via-\[rgba\(255\,255\,255\,0\.8\)\] {
    --tw-gradient-via: #fffc;
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-black\/0 {
    --tw-gradient-via: #0000;
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  @supports (color: lab(0% 0 0)) {
    .via-black\/0 {
      --tw-gradient-via: lab(0% 0 0/0);
    }
  }
  .via-black\/8 {
    --tw-gradient-via: #00000014;
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  @supports (color: lab(0% 0 0)) {
    .via-black\/8 {
      --tw-gradient-via: lab(0% 0 0/0.08);
    }
  }
  .via-black\/20 {
    --tw-gradient-via: #0003;
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  @supports (color: lab(0% 0 0)) {
    .via-black\/20 {
      --tw-gradient-via: lab(0% 0 0/0.2);
    }
  }
  .via-black\/30 {
    --tw-gradient-via: #0000004d;
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  @supports (color: lab(0% 0 0)) {
    .via-black\/30 {
      --tw-gradient-via: lab(0% 0 0/0.3);
    }
  }
  .via-black\/40 {
    --tw-gradient-via: #0006;
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  @supports (color: lab(0% 0 0)) {
    .via-black\/40 {
      --tw-gradient-via: lab(0% 0 0/0.4);
    }
  }
  .via-black\/60 {
    --tw-gradient-via: #0009;
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  @supports (color: lab(0% 0 0)) {
    .via-black\/60 {
      --tw-gradient-via: lab(0% 0 0/0.6);
    }
  }
  .via-pink-500 {
    --tw-gradient-via: var(--pink-500);
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-token-bg-primary {
    --tw-gradient-via: var(--bg-primary);
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-token-bg-primary\/0 {
    --tw-gradient-via: var(--bg-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .via-token-bg-primary\/0 {
      --tw-gradient-via: color-mix(in oklab, var(--bg-primary) 0%, transparent);
    }
  }
  .via-token-bg-primary\/0 {
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-token-bg-primary\/60 {
    --tw-gradient-via: var(--bg-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .via-token-bg-primary\/60 {
      --tw-gradient-via: color-mix(
        in oklab,
        var(--bg-primary) 60%,
        transparent
      );
    }
  }
  .via-token-bg-primary\/60 {
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-token-bg-primary\/70 {
    --tw-gradient-via: var(--bg-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .via-token-bg-primary\/70 {
      --tw-gradient-via: color-mix(
        in oklab,
        var(--bg-primary) 70%,
        transparent
      );
    }
  }
  .via-token-bg-primary\/70 {
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-token-bg-primary\/80 {
    --tw-gradient-via: var(--bg-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .via-token-bg-primary\/80 {
      --tw-gradient-via: color-mix(
        in oklab,
        var(--bg-primary) 80%,
        transparent
      );
    }
  }
  .via-token-bg-primary\/80 {
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-token-bg-primary\/85 {
    --tw-gradient-via: var(--bg-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .via-token-bg-primary\/85 {
      --tw-gradient-via: color-mix(
        in oklab,
        var(--bg-primary) 85%,
        transparent
      );
    }
  }
  .via-token-bg-primary\/85 {
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-token-main-surface-primary\/80 {
    --tw-gradient-via: var(--main-surface-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .via-token-main-surface-primary\/80 {
      --tw-gradient-via: color-mix(
        in oklab,
        var(--main-surface-primary) 80%,
        transparent
      );
    }
  }
  .via-token-main-surface-primary\/80 {
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-token-text-secondary {
    --tw-gradient-via: var(--text-secondary);
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-transparent {
    --tw-gradient-via: transparent;
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-white\/5 {
    --tw-gradient-via: #ffffff0d;
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  @supports (color: lab(0% 0 0)) {
    .via-white\/5 {
      --tw-gradient-via: lab(100% -0.0000298023 0.0000119209/.05);
    }
  }
  .via-white\/10 {
    --tw-gradient-via: #ffffff1a;
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  @supports (color: lab(0% 0 0)) {
    .via-white\/10 {
      --tw-gradient-via: lab(100% -0.0000298023 0.0000119209/.1);
    }
  }
  .via-white\/40 {
    --tw-gradient-via: #fff6;
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  @supports (color: lab(0% 0 0)) {
    .via-white\/40 {
      --tw-gradient-via: lab(100% -0.0000298023 0.0000119209/.4);
    }
  }
  .via-white\/72 {
    --tw-gradient-via: #ffffffb8;
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  @supports (color: lab(0% 0 0)) {
    .via-white\/72 {
      --tw-gradient-via: lab(100% -0.0000298023 0.0000119209/.72);
    }
  }
  .via-30\% {
    --tw-gradient-via-position: 30%;
  }
  .via-40\% {
    --tw-gradient-via-position: 40%;
  }
  .via-50\% {
    --tw-gradient-via-position: 50%;
  }
  .to-\(--bg-primary\) {
    --tw-gradient-to: var(--bg-primary);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-\[\#6157ff\] {
    --tw-gradient-to: #6157ff;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-\[\#8086F9\] {
    --tw-gradient-to: #8086f9;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-\[\#E5F3FF\] {
    --tw-gradient-to: #e5f3ff;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-\[\#EEEAFC\] {
    --tw-gradient-to: #eeeafc;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-\[\#F9F5FE\] {
    --tw-gradient-to: #f9f5fe;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-\[\#FFF6D9\] {
    --tw-gradient-to: #fff6d9;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-\[\#a223ff\] {
    --tw-gradient-to: #a223ff;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-\[\#f3d9ff\] {
    --tw-gradient-to: #f3d9ff;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-\[var\(--bg-primary\)\] {
    --tw-gradient-to: var(--bg-primary);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-black {
    --tw-gradient-to: #000;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-black\/0 {
    --tw-gradient-to: #0000;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  @supports (color: lab(0% 0 0)) {
    .to-black\/0 {
      --tw-gradient-to: lab(0% 0 0/0);
    }
  }
  .to-black\/10 {
    --tw-gradient-to: #0000001a;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  @supports (color: lab(0% 0 0)) {
    .to-black\/10 {
      --tw-gradient-to: lab(0% 0 0/0.1);
    }
  }
  .to-black\/30 {
    --tw-gradient-to: #0000004d;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  @supports (color: lab(0% 0 0)) {
    .to-black\/30 {
      --tw-gradient-to: lab(0% 0 0/0.3);
    }
  }
  .to-black\/85 {
    --tw-gradient-to: #000000d9;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  @supports (color: lab(0% 0 0)) {
    .to-black\/85 {
      --tw-gradient-to: lab(0% 0 0/0.85);
    }
  }
  .to-blue-700\/80 {
    --tw-gradient-to: var(--blue-700);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .to-blue-700\/80 {
      --tw-gradient-to: color-mix(in oklab, var(--blue-700) 80%, transparent);
    }
  }
  .to-blue-700\/80 {
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-gray-50 {
    --tw-gradient-to: var(--gray-50);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-gray-500\/0 {
    --tw-gradient-to: var(--gray-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .to-gray-500\/0 {
      --tw-gradient-to: color-mix(in oklab, var(--gray-500) 0%, transparent);
    }
  }
  .to-gray-500\/0 {
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-red-500 {
    --tw-gradient-to: var(--red-500);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-token-bg-primary {
    --tw-gradient-to: var(--bg-primary);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-token-bg-primary\/40 {
    --tw-gradient-to: var(--bg-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .to-token-bg-primary\/40 {
      --tw-gradient-to: color-mix(in oklab, var(--bg-primary) 40%, transparent);
    }
  }
  .to-token-bg-primary\/40 {
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-token-bg-primary\/90 {
    --tw-gradient-to: var(--bg-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .to-token-bg-primary\/90 {
      --tw-gradient-to: color-mix(in oklab, var(--bg-primary) 90%, transparent);
    }
  }
  .to-token-bg-primary\/90 {
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-token-bg-tertiary {
    --tw-gradient-to: var(--bg-tertiary);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-token-text-primary {
    --tw-gradient-to: var(--text-primary);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-white {
    --tw-gradient-to: #fff;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-white\/20 {
    --tw-gradient-to: #fff3;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  @supports (color: lab(0% 0 0)) {
    .to-white\/20 {
      --tw-gradient-to: lab(100% -0.0000298023 0.0000119209/.2);
    }
  }
  .to-white\/35 {
    --tw-gradient-to: #ffffff59;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  @supports (color: lab(0% 0 0)) {
    .to-white\/35 {
      --tw-gradient-to: lab(100% -0.0000298023 0.0000119209/.35);
    }
  }
  .to-white\/78 {
    --tw-gradient-to: #ffffffc7;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  @supports (color: lab(0% 0 0)) {
    .to-white\/78 {
      --tw-gradient-to: lab(100% -0.0000298023 0.0000119209/.78);
    }
  }
  .to-white\/95 {
    --tw-gradient-to: #fffffff2;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  @supports (color: lab(0% 0 0)) {
    .to-white\/95 {
      --tw-gradient-to: lab(100% -0.0000298023 0.0000119209/.95);
    }
  }
  .to-white\/96 {
    --tw-gradient-to: #fffffff5;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  @supports (color: lab(0% 0 0)) {
    .to-white\/96 {
      --tw-gradient-to: lab(100% -0.0000298023 0.0000119209/.96);
    }
  }
  .to-25\% {
    --tw-gradient-to-position: 25%;
  }
  .to-100\% {
    --tw-gradient-to-position: 100%;
  }
  .mask-shimmer-muted {
    animation-name: mask-shimmer-offset-move;
    animation-duration: var(--tw-mask-shimmer-duration, 4s);
    animation-iteration-count: infinite;
    animation-delay: var(--tw-mask-shimmer-delay, 0s);
    -webkit-mask-image: linear-gradient(
      to right,
      #fff7,
      #fff7 calc(var(--mask-shimmer-offset) - 10%),
      white var(--mask-shimmer-offset),
      #fff7 calc(var(--mask-shimmer-offset) + 10%),
      #fff7 100%
    );
    -webkit-mask-image: linear-gradient(
      to right,
      #fff7,
      #fff7 calc(var(--mask-shimmer-offset) - 10%),
      white var(--mask-shimmer-offset),
      #fff7 calc(var(--mask-shimmer-offset) + 10%),
      #fff7 100%
    );
    -webkit-mask-image: linear-gradient(
      to right,
      #fff7,
      #fff7 calc(var(--mask-shimmer-offset) - 10%),
      white var(--mask-shimmer-offset),
      #fff7 calc(var(--mask-shimmer-offset) + 10%),
      #fff7 100%
    );
    -webkit-mask-image: linear-gradient(
      to right,
      #fff7,
      #fff7 calc(var(--mask-shimmer-offset) - 10%),
      white var(--mask-shimmer-offset),
      #fff7 calc(var(--mask-shimmer-offset) + 10%),
      #fff7 100%
    );
    mask-image: linear-gradient(
      to right,
      #fff7,
      #fff7 calc(var(--mask-shimmer-offset) - 10%),
      white var(--mask-shimmer-offset),
      #fff7 calc(var(--mask-shimmer-offset) + 10%),
      #fff7 100%
    );
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: 200% 200%;
    mask-size: 200% 200%;
  }
  .\[mask-image\:linear-gradient\(black\,transparent_80\%\)\] {
    -webkit-mask-image: linear-gradient(#000, #0000 80%);
    mask-image: linear-gradient(#000, #0000 80%);
  }
  .\[mask-image\:linear-gradient\(to_bottom\,black_80\%\,transparent_100\%\)\] {
    -webkit-mask-image: linear-gradient(#000 80%, #0000 100%);
    mask-image: linear-gradient(#000 80%, #0000 100%);
  }
  .\[mask-image\:linear-gradient\(to_bottom\,black_calc\(100\%_-_2rem\)\,transparent_100\%\)\] {
    -webkit-mask-image: linear-gradient(#000 calc(100% - 2rem), #0000 100%);
    mask-image: linear-gradient(#000 calc(100% - 2rem), #0000 100%);
  }
  .\[mask-image\:linear-gradient\(to_bottom\,rgba\(0\,0\,0\,1\)_20\%\,rgba\(0\,0\,0\,0\)_100\%\)\] {
    -webkit-mask-image: linear-gradient(#000 20%, #0000 100%);
    mask-image: linear-gradient(#000 20%, #0000 100%);
  }
  .\[mask-image\:linear-gradient\(to_bottom\,transparent_0\%\,rgba\(0\,0\,0\,0\.08\)_18\%\,rgba\(0\,0\,0\,0\.34\)_46\%\,black_100\%\)\] {
    -webkit-mask-image: linear-gradient(
      #0000 0%,
      #00000014 18%,
      #00000057 46%,
      #000 100%
    );
    mask-image: linear-gradient(
      #0000 0%,
      #00000014 18%,
      #00000057 46%,
      #000 100%
    );
  }
  .\[mask-image\:linear-gradient\(to_right\,black_33\%\,transparent_66\%\)\] {
    -webkit-mask-image: linear-gradient(90deg, #000 33%, #0000 66%);
    mask-image: linear-gradient(90deg, #000 33%, #0000 66%);
  }
  .\[mask-image\:linear-gradient\(to_right\,black_80\%\,transparent_100\%\)\] {
    -webkit-mask-image: linear-gradient(90deg, #000 80%, #0000 100%);
    mask-image: linear-gradient(90deg, #000 80%, #0000 100%);
  }
  .\[mask-image\:linear-gradient\(to_right\,black_85\%\,transparent_100\%\)\] {
    -webkit-mask-image: linear-gradient(90deg, #000 85%, #0000 100%);
    mask-image: linear-gradient(90deg, #000 85%, #0000 100%);
  }
  .\[mask-image\:linear-gradient\(to_right\,black_calc\(100\%_-_1rem\)\,transparent_100\%\)\] {
    -webkit-mask-image: linear-gradient(
      90deg,
      #000 calc(100% - 1rem),
      #0000 100%
    );
    mask-image: linear-gradient(90deg, #000 calc(100% - 1rem), #0000 100%);
  }
  .\[mask-image\:linear-gradient\(to_right\,black_calc\(100\%_-_2rem\)\,transparent_100\%\)\] {
    -webkit-mask-image: linear-gradient(
      90deg,
      #000 calc(100% - 2rem),
      #0000 100%
    );
    mask-image: linear-gradient(90deg, #000 calc(100% - 2rem), #0000 100%);
  }
  .\[mask-image\:linear-gradient\(to_right\,transparent_0\%\,black_20\%\,black_80\%\,transparent_100\%\)\,linear-gradient\(to_top\,black_0\%\,black_75\%\,transparent_100\%\)\] {
    -webkit-mask-image:
      linear-gradient(90deg, #0000 0%, #000 20% 80%, #0000 100%),
      linear-gradient(#0000 0%, #000 25% 100%);
    mask-image:
      linear-gradient(90deg, #0000 0%, #000 20% 80%, #0000 100%),
      linear-gradient(#0000 0%, #000 25% 100%);
  }
  .\[mask-image\:linear-gradient\(to_top\,black\,transparent\)\] {
    -webkit-mask-image: linear-gradient(#0000, #000);
    mask-image: linear-gradient(#0000, #000);
  }
  .\[mask-image\:linear-gradient\(to_top_left\,rgba\(0\,0\,0\,0\)_0\%\,rgba\(0\,0\,0\,1\)_30\%\,rgba\(0\,0\,0\,1\)_70\%\,rgba\(0\,0\,0\,0\)_100\%\)\] {
    -webkit-mask-image: linear-gradient(
      to top left,
      #0000 0%,
      #000 30% 70%,
      #0000 100%
    );
    mask-image: linear-gradient(
      to top left,
      #0000 0%,
      #000 30% 70%,
      #0000 100%
    );
  }
  .\[background-size\:24px_16px\] {
    background-size: 24px 16px;
  }
  .\[background-size\:100\%_150\%\] {
    background-size: 100% 150%;
  }
  .bg-\[length\:12px_12px\] {
    background-size: 12px 12px;
  }
  .bg-\[length\:100\%_24px\,24px_100\%\] {
    background-size:
      100% 24px,
      24px 100%;
  }
  .bg-auto {
    background-size: auto;
  }
  .bg-contain {
    background-size: contain;
  }
  .bg-cover {
    background-size: cover;
  }
  .bg-size-\[100\%_var\(--single-line-fade-height\)\,100\%_100\%\] {
    background-size:
      100% var(--single-line-fade-height),
      100% 100%;
  }
  .bg-clip-border {
    background-clip: border-box;
  }
  .bg-clip-padding {
    background-clip: padding-box;
  }
  .bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text;
  }
  .\[background-position\:theme\(spacing\.3\)_50\%\] {
    background-position: 0.75rem;
  }
  .bg-center {
    background-position: 50%;
  }
  .bg-left-top {
    background-position: 0 0;
  }
  .bg-position-\[bottom\,top\] {
    background-position: bottom, top;
  }
  .bg-position-\[top\,bottom\] {
    background-position: top, bottom;
  }
  .bg-top {
    background-position: top;
  }
  .bg-no-repeat {
    background-repeat: no-repeat;
  }
  .bg-repeat {
    background-repeat: repeat;
  }
  .\[mask-composite\:intersect\] {
    -webkit-mask-composite: source-in;
    -webkit-mask-composite: source-in;
    -webkit-mask-composite: source-in;
    -webkit-mask-composite: source-in;
    mask-composite: intersect;
  }
  .\[mask-size\:100\%_100\%\] {
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
  }
  .\[mask-size\:300\%_100\%\] {
    -webkit-mask-size: 300% 100%;
    mask-size: 300% 100%;
  }
  .\[mask-position\:100\%_0\%\] {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }
  .\[mask-repeat\:no-repeat\] {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }
  .mask-repeat {
    -webkit-mask-repeat: repeat;
    mask-repeat: repeat;
  }
  .fill-\[\#5856D6\] {
    fill: #5856d6;
  }
  .fill-\[\#a96e25\] {
    fill: #a96e25;
  }
  .fill-\[var\(--text-primary\)\] {
    fill: var(--text-primary);
  }
  .fill-black {
    fill: #000;
  }
  .fill-current {
    fill: currentColor;
  }
  .fill-gray-900 {
    fill: var(--gray-900);
  }
  .fill-green-500 {
    fill: var(--green-500);
  }
  .fill-token-icon-accent {
    fill: var(--icon-accent);
  }
  .fill-token-main-surface-primary {
    fill: var(--main-surface-primary);
  }
  .fill-token-text-primary {
    fill: var(--text-primary);
  }
  .fill-token-text-secondary {
    fill: var(--text-secondary);
  }
  .fill-transparent {
    fill: #0000;
  }
  .fill-white {
    fill: #fff;
  }
  .fill-yellow-500 {
    fill: var(--yellow-500);
  }
  .stroke-\[rgba\(0\,0\,0\,0\)\] {
    stroke: #0000;
  }
  .stroke-\[rgba\(0\,0\,0\,0\.1\)\] {
    stroke: #0000001a;
  }
  .stroke-\[rgba\(0\,0\,0\,0\.32\)\] {
    stroke: #00000052;
  }
  .stroke-\[rgba\(255\,255\,255\,0\.24\)\] {
    stroke: #ffffff3d;
  }
  .stroke-black\/10 {
    stroke: #0000001a;
    stroke: lab(0% 0 0/0.1);
  }
  .stroke-black\/20 {
    stroke: #0003;
    stroke: lab(0% 0 0/0.2);
  }
  .stroke-brand-purple\/25 {
    stroke: #ab68ff40;
    stroke: lab(57.1209% 49.4506 -66.2104/0.25);
  }
  .stroke-current {
    stroke: currentColor;
  }
  .stroke-gray-400 {
    stroke: var(--gray-400);
  }
  .stroke-token-border-light {
    stroke: var(--border-light);
  }
  .stroke-token-main-surface-tertiary {
    stroke: var(--main-surface-tertiary);
  }
  .stroke-token-text-primary\/20 {
    stroke: var(--text-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .stroke-token-text-primary\/20 {
      stroke: color-mix(in oklab, var(--text-primary) 20%, transparent);
    }
  }
  .stroke-white {
    stroke: #fff;
  }
  .stroke-white\/20 {
    stroke: #fff3;
    stroke: lab(100% -0.0000298023 0.0000119209/.2);
  }
  .stroke-0 {
    stroke-width: 0;
  }
  .stroke-2 {
    stroke-width: 2px;
  }
  .stroke-3 {
    stroke-width: 3px;
  }
  .stroke-4 {
    stroke-width: 4px;
  }
  .stroke-\[0\.75\] {
    stroke-width: 0.75px;
  }
  .stroke-\[1\.25\] {
    stroke-width: 1.25px;
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .object-fill {
    object-fit: fill;
  }
  .object-scale-down {
    object-fit: scale-down;
  }
  .object-\[0\%_25\%\] {
    object-position: 0% 25%;
  }
  .object-\[50\%_120\%\] {
    object-position: 50% 120%;
  }
  .object-bottom {
    object-position: bottom;
  }
  .object-center {
    object-position: center;
  }
  .object-right {
    object-position: right;
  }
  .object-start {
    object-position: var(--start);
  }
  .object-top {
    object-position: top;
  }
  .\!p-0 {
    padding: calc(var(--spacing) * 0) !important;
  }
  .\!p-2 {
    padding: calc(var(--spacing) * 2) !important;
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-0\! {
    padding: calc(var(--spacing) * 0) !important;
  }
  .p-0\.5 {
    padding: calc(var(--spacing) * 0.5);
  }
  .p-0\.25 {
    padding: calc(var(--spacing) * 0.25);
  }
  .p-0\.75 {
    padding: calc(var(--spacing) * 0.75);
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-1\! {
    padding: calc(var(--spacing) * 1) !important;
  }
  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }
  .p-1\.5\! {
    padding: calc(var(--spacing) * 1.5) !important;
  }
  .p-1\.25 {
    padding: calc(var(--spacing) * 1.25);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-2\! {
    padding: calc(var(--spacing) * 2) !important;
  }
  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-3\! {
    padding: calc(var(--spacing) * 3) !important;
  }
  .p-3\.5 {
    padding: calc(var(--spacing) * 3.5);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-4\! {
    padding: calc(var(--spacing) * 4) !important;
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-6\! {
    padding: calc(var(--spacing) * 6) !important;
  }
  .p-7 {
    padding: calc(var(--spacing) * 7);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .p-9 {
    padding: calc(var(--spacing) * 9);
  }
  .p-10 {
    padding: calc(var(--spacing) * 10);
  }
  .p-12 {
    padding: calc(var(--spacing) * 12);
  }
  .p-14 {
    padding: calc(var(--spacing) * 14);
  }
  .p-24 {
    padding: calc(var(--spacing) * 24);
  }
  .p-\[0\.5px\] {
    padding: 0.5px;
  }
  .p-\[1px\] {
    padding: 1px;
  }
  .p-\[2px\] {
    padding: 2px;
  }
  .p-\[3px\] {
    padding: 3px;
  }
  .p-\[4px\] {
    padding: 4px;
  }
  .p-\[5px\] {
    padding: 5px;
  }
  .p-\[11\.25px\] {
    padding: 11.25px;
  }
  .p-\[12px\] {
    padding: 12px;
  }
  .p-\[14px\] {
    padding: 14px;
  }
  .p-\[16px\] {
    padding: 16px;
  }
  .p-\[18px\] {
    padding: 18px;
  }
  .p-\[20px\] {
    padding: 20px;
  }
  .p-\[20px_20dvw\] {
    padding: 20px 20dvw;
  }
  .p-\[20vw\] {
    padding: 20vw;
  }
  .p-\[22px\] {
    padding: 22px;
  }
  .p-snc-1 {
    padding: var(--snc-1);
  }
  .\!px-0 {
    padding-inline: calc(var(--spacing) * 0) !important;
  }
  .\!px-6 {
    padding-inline: calc(var(--spacing) * 6) !important;
  }
  .px-\(--build-shell-inline-padding\) {
    padding-inline: var(--build-shell-inline-padding);
  }
  .px-\(--images-app-padding\) {
    padding-inline: var(--images-app-padding);
  }
  .px-\(--shopping-home-padding\) {
    padding-inline: var(--shopping-home-padding);
  }
  .px-\(--thread-content-margin\) {
    padding-inline: var(--thread-content-margin);
  }
  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
  .px-0\! {
    padding-inline: calc(var(--spacing) * 0) !important;
  }
  .px-0\.5 {
    padding-inline: calc(var(--spacing) * 0.5);
  }
  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }
  .px-1\! {
    padding-inline: calc(var(--spacing) * 1) !important;
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-1\.25 {
    padding-inline: calc(var(--spacing) * 1.25);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\! {
    padding-inline: calc(var(--spacing) * 2) !important;
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-2\.25 {
    padding-inline: calc(var(--spacing) * 2.25);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-4\! {
    padding-inline: calc(var(--spacing) * 4) !important;
  }
  .px-4\.5 {
    padding-inline: calc(var(--spacing) * 4.5);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-5\! {
    padding-inline: calc(var(--spacing) * 5) !important;
  }
  .px-5\.5 {
    padding-inline: calc(var(--spacing) * 5.5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-6\! {
    padding-inline: calc(var(--spacing) * 6) !important;
  }
  .px-7 {
    padding-inline: calc(var(--spacing) * 7);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .px-9 {
    padding-inline: calc(var(--spacing) * 9);
  }
  .px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }
  .px-12 {
    padding-inline: calc(var(--spacing) * 12);
  }
  .px-16 {
    padding-inline: calc(var(--spacing) * 16);
  }
  .px-20 {
    padding-inline: calc(var(--spacing) * 20);
  }
  .px-\[0\.375rem\] {
    padding-inline: 0.375rem;
  }
  .px-\[1\.5px\]\! {
    padding-inline: 1.5px !important;
  }
  .px-\[1rem\] {
    padding-inline: 1rem;
  }
  .px-\[2px\] {
    padding-inline: 2px;
  }
  .px-\[3px\] {
    padding-inline: 3px;
  }
  .px-\[5px\] {
    padding-inline: 5px;
  }
  .px-\[6px\] {
    padding-inline: 6px;
  }
  .px-\[10px\] {
    padding-inline: 10px;
  }
  .px-\[12px\] {
    padding-inline: 12px;
  }
  .px-\[14px\] {
    padding-inline: 14px;
  }
  .px-\[15px\] {
    padding-inline: 15px;
  }
  .px-\[16px\] {
    padding-inline: 16px;
  }
  .px-\[18px\] {
    padding-inline: 18px;
  }
  .px-\[19px\] {
    padding-inline: 19px;
  }
  .px-\[22px\] {
    padding-inline: 22px;
  }
  .px-\[30px\] {
    padding-inline: 30px;
  }
  .px-\[var\(--padding\)\] {
    padding-inline: var(--padding);
  }
  .px-px {
    padding-inline: 1px;
  }
  .px-snc-1 {
    padding-inline: var(--snc-1);
  }
  .px-snc-2 {
    padding-inline: var(--snc-2);
  }
  .px-snc-results-padding {
    padding-inline: var(--snc-results-padding);
  }
  .\!py-0 {
    padding-block: calc(var(--spacing) * 0) !important;
  }
  .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }
  .py-0\! {
    padding-block: calc(var(--spacing) * 0) !important;
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-0\.75 {
    padding-block: calc(var(--spacing) * 0.75);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-1\! {
    padding-block: calc(var(--spacing) * 1) !important;
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\! {
    padding-block: calc(var(--spacing) * 2) !important;
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-2\.25 {
    padding-block: calc(var(--spacing) * 2.25);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-3\! {
    padding-block: calc(var(--spacing) * 3) !important;
  }
  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-4\! {
    padding-block: calc(var(--spacing) * 4) !important;
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-6\.5 {
    padding-block: calc(var(--spacing) * 6.5);
  }
  .py-7 {
    padding-block: calc(var(--spacing) * 7);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .py-14 {
    padding-block: calc(var(--spacing) * 14);
  }
  .py-15 {
    padding-block: calc(var(--spacing) * 15);
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .py-17 {
    padding-block: calc(var(--spacing) * 17);
  }
  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }
  .py-24 {
    padding-block: calc(var(--spacing) * 24);
  }
  .py-32 {
    padding-block: calc(var(--spacing) * 32);
  }
  .py-48 {
    padding-block: calc(var(--spacing) * 48);
  }
  .py-\[0\.2rem\] {
    padding-block: 0.2rem;
  }
  .py-\[0\.108em\] {
    padding-block: 0.108em;
  }
  .py-\[1px\] {
    padding-block: 1px;
  }
  .py-\[2px\] {
    padding-block: 2px;
  }
  .py-\[4px\] {
    padding-block: 4px;
  }
  .py-\[5px\] {
    padding-block: 5px;
  }
  .py-\[6px\] {
    padding-block: 6px;
  }
  .py-\[10px\] {
    padding-block: 10px;
  }
  .py-\[12px\] {
    padding-block: 12px;
  }
  .py-\[13px\] {
    padding-block: 13px;
  }
  .py-\[14px\] {
    padding-block: 14px;
  }
  .py-\[15px\] {
    padding-block: 15px;
  }
  .py-\[16px\] {
    padding-block: 16px;
  }
  .py-\[18px\] {
    padding-block: 18px;
  }
  .py-\[25\%\] {
    padding-block: 25%;
  }
  .py-\[28px\] {
    padding-block: 28px;
  }
  .py-px {
    padding-block: 1px;
  }
  .py-snc-1 {
    padding-block: var(--snc-1);
  }
  .ps-\(--writing-block-editor-pl\) {
    padding-inline-start: var(--writing-block-editor-pl);
  }
  .ps-0 {
    padding-inline-start: calc(var(--spacing) * 0);
  }
  .ps-0\! {
    padding-inline-start: calc(var(--spacing) * 0) !important;
  }
  .ps-0\.5 {
    padding-inline-start: calc(var(--spacing) * 0.5);
  }
  .ps-1 {
    padding-inline-start: calc(var(--spacing) * 1);
  }
  .ps-1\.5 {
    padding-inline-start: calc(var(--spacing) * 1.5);
  }
  .ps-2 {
    padding-inline-start: calc(var(--spacing) * 2);
  }
  .ps-2\! {
    padding-inline-start: calc(var(--spacing) * 2) !important;
  }
  .ps-2\.5 {
    padding-inline-start: calc(var(--spacing) * 2.5);
  }
  .ps-2\.5\! {
    padding-inline-start: calc(var(--spacing) * 2.5) !important;
  }
  .ps-3 {
    padding-inline-start: calc(var(--spacing) * 3);
  }
  .ps-3\! {
    padding-inline-start: calc(var(--spacing) * 3) !important;
  }
  .ps-3\.5 {
    padding-inline-start: calc(var(--spacing) * 3.5);
  }
  .ps-4 {
    padding-inline-start: calc(var(--spacing) * 4);
  }
  .ps-4\! {
    padding-inline-start: calc(var(--spacing) * 4) !important;
  }
  .ps-4\.5 {
    padding-inline-start: calc(var(--spacing) * 4.5);
  }
  .ps-5 {
    padding-inline-start: calc(var(--spacing) * 5);
  }
  .ps-5\.5 {
    padding-inline-start: calc(var(--spacing) * 5.5);
  }
  .ps-6 {
    padding-inline-start: calc(var(--spacing) * 6);
  }
  .ps-6\! {
    padding-inline-start: calc(var(--spacing) * 6) !important;
  }
  .ps-7 {
    padding-inline-start: calc(var(--spacing) * 7);
  }
  .ps-8 {
    padding-inline-start: calc(var(--spacing) * 8);
  }
  .ps-9 {
    padding-inline-start: calc(var(--spacing) * 9);
  }
  .ps-10 {
    padding-inline-start: calc(var(--spacing) * 10);
  }
  .ps-10\.5 {
    padding-inline-start: calc(var(--spacing) * 10.5);
  }
  .ps-11 {
    padding-inline-start: calc(var(--spacing) * 11);
  }
  .ps-12 {
    padding-inline-start: calc(var(--spacing) * 12);
  }
  .ps-16 {
    padding-inline-start: calc(var(--spacing) * 16);
  }
  .ps-\[1px\] {
    padding-inline-start: 1px;
  }
  .ps-\[2pt\] {
    padding-inline-start: 2pt;
  }
  .ps-\[3\.25rem\] {
    padding-inline-start: 3.25rem;
  }
  .ps-\[3px\] {
    padding-inline-start: 3px;
  }
  .ps-\[10px\] {
    padding-inline-start: 10px;
  }
  .ps-\[14px\] {
    padding-inline-start: 14px;
  }
  .ps-\[18pt\] {
    padding-inline-start: 18pt;
  }
  .ps-\[20px\] {
    padding-inline-start: 20px;
  }
  .ps-\[22px\] {
    padding-inline-start: 22px;
  }
  .pe-\(--images-app-padding\) {
    padding-inline-end: var(--images-app-padding);
  }
  .pe-\(--writing-block-editor-pr\) {
    padding-inline-end: var(--writing-block-editor-pr);
  }
  .pe-0 {
    padding-inline-end: calc(var(--spacing) * 0);
  }
  .pe-0\.5 {
    padding-inline-end: calc(var(--spacing) * 0.5);
  }
  .pe-1 {
    padding-inline-end: calc(var(--spacing) * 1);
  }
  .pe-1\! {
    padding-inline-end: calc(var(--spacing) * 1) !important;
  }
  .pe-1\.5 {
    padding-inline-end: calc(var(--spacing) * 1.5);
  }
  .pe-2 {
    padding-inline-end: calc(var(--spacing) * 2);
  }
  .pe-2\! {
    padding-inline-end: calc(var(--spacing) * 2) !important;
  }
  .pe-2\.5 {
    padding-inline-end: calc(var(--spacing) * 2.5);
  }
  .pe-2\.5\! {
    padding-inline-end: calc(var(--spacing) * 2.5) !important;
  }
  .pe-3 {
    padding-inline-end: calc(var(--spacing) * 3);
  }
  .pe-3\! {
    padding-inline-end: calc(var(--spacing) * 3) !important;
  }
  .pe-3\.5 {
    padding-inline-end: calc(var(--spacing) * 3.5);
  }
  .pe-4 {
    padding-inline-end: calc(var(--spacing) * 4);
  }
  .pe-4\.5 {
    padding-inline-end: calc(var(--spacing) * 4.5);
  }
  .pe-5 {
    padding-inline-end: calc(var(--spacing) * 5);
  }
  .pe-5\! {
    padding-inline-end: calc(var(--spacing) * 5) !important;
  }
  .pe-6 {
    padding-inline-end: calc(var(--spacing) * 6);
  }
  .pe-7 {
    padding-inline-end: calc(var(--spacing) * 7);
  }
  .pe-8 {
    padding-inline-end: calc(var(--spacing) * 8);
  }
  .pe-9 {
    padding-inline-end: calc(var(--spacing) * 9);
  }
  .pe-9\! {
    padding-inline-end: calc(var(--spacing) * 9) !important;
  }
  .pe-10 {
    padding-inline-end: calc(var(--spacing) * 10);
  }
  .pe-11 {
    padding-inline-end: calc(var(--spacing) * 11);
  }
  .pe-12 {
    padding-inline-end: calc(var(--spacing) * 12);
  }
  .pe-14 {
    padding-inline-end: calc(var(--spacing) * 14);
  }
  .pe-16 {
    padding-inline-end: calc(var(--spacing) * 16);
  }
  .pe-18 {
    padding-inline-end: calc(var(--spacing) * 18);
  }
  .pe-24 {
    padding-inline-end: calc(var(--spacing) * 24);
  }
  .pe-36 {
    padding-inline-end: calc(var(--spacing) * 36);
  }
  .pe-44 {
    padding-inline-end: calc(var(--spacing) * 44);
  }
  .pe-\[2px\] {
    padding-inline-end: 2px;
  }
  .pe-\[10px\] {
    padding-inline-end: 10px;
  }
  .pe-\[30px\] {
    padding-inline-end: 30px;
  }
  .pe-\[40px\] {
    padding-inline-end: 40px;
  }
  .\!pt-2 {
    padding-top: calc(var(--spacing) * 2) !important;
  }
  .\!pt-4 {
    padding-top: calc(var(--spacing) * 4) !important;
  }
  .\!pt-6 {
    padding-top: calc(var(--spacing) * 6) !important;
  }
  .pt-\(--sidebar-section-first-margin-top\) {
    padding-top: var(--sidebar-section-first-margin-top);
  }
  .pt-\(--sidebar-section-margin-top\) {
    padding-top: var(--sidebar-section-margin-top);
  }
  .pt-\(--writing-block-editor-pt\) {
    padding-top: var(--writing-block-editor-pt);
  }
  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }
  .pt-0\.5 {
    padding-top: calc(var(--spacing) * 0.5);
  }
  .pt-0\.25 {
    padding-top: calc(var(--spacing) * 0.25);
  }
  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }
  .pt-1\! {
    padding-top: calc(var(--spacing) * 1) !important;
  }
  .pt-1\.5 {
    padding-top: calc(var(--spacing) * 1.5);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-2\.5 {
    padding-top: calc(var(--spacing) * 2.5);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-3\! {
    padding-top: calc(var(--spacing) * 3) !important;
  }
  .pt-3\.5 {
    padding-top: calc(var(--spacing) * 3.5);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-4\.5 {
    padding-top: calc(var(--spacing) * 4.5);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pt-5\! {
    padding-top: calc(var(--spacing) * 5) !important;
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-7 {
    padding-top: calc(var(--spacing) * 7);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pt-9 {
    padding-top: calc(var(--spacing) * 9);
  }
  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }
  .pt-12 {
    padding-top: calc(var(--spacing) * 12);
  }
  .pt-14 {
    padding-top: calc(var(--spacing) * 14);
  }
  .pt-16 {
    padding-top: calc(var(--spacing) * 16);
  }
  .pt-17 {
    padding-top: calc(var(--spacing) * 17);
  }
  .pt-20 {
    padding-top: calc(var(--spacing) * 20);
  }
  .pt-24 {
    padding-top: calc(var(--spacing) * 24);
  }
  .pt-33 {
    padding-top: calc(var(--spacing) * 33);
  }
  .pt-\[0\.125rem\] {
    padding-top: 0.125rem;
  }
  .pt-\[0px\] {
    padding-top: 0;
  }
  .pt-\[1pt\] {
    padding-top: 1pt;
  }
  .pt-\[2px\] {
    padding-top: 2px;
  }
  .pt-\[3px\] {
    padding-top: 3px;
  }
  .pt-\[4\.5px\] {
    padding-top: 4.5px;
  }
  .pt-\[4px\] {
    padding-top: 4px;
  }
  .pt-\[6pt\] {
    padding-top: 6pt;
  }
  .pt-\[11px\] {
    padding-top: 11px;
  }
  .pt-\[13px\] {
    padding-top: 13px;
  }
  .pt-\[14px\] {
    padding-top: 14px;
  }
  .pt-\[15vh\] {
    padding-top: 15vh;
  }
  .pt-\[16px\] {
    padding-top: 16px;
  }
  .pt-\[17px\] {
    padding-top: 17px;
  }
  .pt-\[18px\] {
    padding-top: 18px;
  }
  .pt-\[20px\] {
    padding-top: 20px;
  }
  .pt-\[71px\] {
    padding-top: 71px;
  }
  .pt-\[72px\] {
    padding-top: 72px;
  }
  .pt-\[84px\] {
    padding-top: 84px;
  }
  .pt-\[86px\] {
    padding-top: 86px;
  }
  .pt-\[120px\] {
    padding-top: 120px;
  }
  .pt-\[246px\] {
    padding-top: 246px;
  }
  .pt-\[calc\(0\.75rem\+env\(safe-area-inset-top\)\)\] {
    padding-top: calc(0.75rem + env(safe-area-inset-top));
  }
  .pt-\[calc\(1\.75rem\+env\(safe-area-inset-top\,0px\)\)\] {
    padding-top: calc(1.75rem + env(safe-area-inset-top, 0px));
  }
  .pt-\[calc\(env\(safe-area-inset-bottom\,0px\)\/2\)\] {
    padding-top: calc(env(safe-area-inset-bottom, 0px) / 2);
  }
  .pt-\[calc\(env\(safe-area-inset-top\,0px\)\+0\.625rem\)\] {
    padding-top: calc(env(safe-area-inset-top, 0px) + 0.625rem);
  }
  .pt-\[calc\(env\(safe-area-inset-top\,0px\)\+1rem\)\] {
    padding-top: calc(env(safe-area-inset-top, 0px) + 1rem);
  }
  .pt-mkt-header-height {
    padding-top: var(--mkt-header-height);
  }
  .pt-px {
    padding-top: 1px;
  }
  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }
  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }
  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }
  .\!pb-0 {
    padding-bottom: calc(var(--spacing) * 0) !important;
  }
  .\!pb-1\.5 {
    padding-bottom: calc(var(--spacing) * 1.5) !important;
  }
  .\!pb-3 {
    padding-bottom: calc(var(--spacing) * 3) !important;
  }
  .\!pb-5 {
    padding-bottom: calc(var(--spacing) * 5) !important;
  }
  .\!pb-6 {
    padding-bottom: calc(var(--spacing) * 6) !important;
  }
  .\!pb-\[24px\] {
    padding-bottom: 24px !important;
  }
  .\!pb-\[88px\] {
    padding-bottom: 88px !important;
  }
  .pb-\(--composer-overlap-px\) {
    padding-bottom: var(--composer-overlap-px);
  }
  .pb-\(--thread-component-gap\,24px\) {
    padding-bottom: var(--thread-component-gap, 24px);
  }
  .pb-\(--writing-block-editor-pb\) {
    padding-bottom: var(--writing-block-editor-pb);
  }
  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }
  .pb-0\.5 {
    padding-bottom: calc(var(--spacing) * 0.5);
  }
  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }
  .pb-1\.5 {
    padding-bottom: calc(var(--spacing) * 1.5);
  }
  .pb-1\.25 {
    padding-bottom: calc(var(--spacing) * 1.25);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-2\! {
    padding-bottom: calc(var(--spacing) * 2) !important;
  }
  .pb-2\.5 {
    padding-bottom: calc(var(--spacing) * 2.5);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-3\.5 {
    padding-bottom: calc(var(--spacing) * 3.5);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-4\.5 {
    padding-bottom: calc(var(--spacing) * 4.5);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-6\! {
    padding-bottom: calc(var(--spacing) * 6) !important;
  }
  .pb-7 {
    padding-bottom: calc(var(--spacing) * 7);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pb-9 {
    padding-bottom: calc(var(--spacing) * 9);
  }
  .pb-9\! {
    padding-bottom: calc(var(--spacing) * 9) !important;
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }
  .pb-13 {
    padding-bottom: calc(var(--spacing) * 13);
  }
  .pb-14 {
    padding-bottom: calc(var(--spacing) * 14);
  }
  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }
  .pb-20 {
    padding-bottom: calc(var(--spacing) * 20);
  }
  .pb-24 {
    padding-bottom: calc(var(--spacing) * 24);
  }
  .pb-25 {
    padding-bottom: calc(var(--spacing) * 25);
  }
  .pb-28 {
    padding-bottom: calc(var(--spacing) * 28);
  }
  .pb-32 {
    padding-bottom: calc(var(--spacing) * 32);
  }
  .pb-36 {
    padding-bottom: calc(var(--spacing) * 36);
  }
  .pb-44 {
    padding-bottom: calc(var(--spacing) * 44);
  }
  .pb-\[0\.25em\] {
    padding-bottom: 0.25em;
  }
  .pb-\[1px\] {
    padding-bottom: 1px;
  }
  .pb-\[2pt\] {
    padding-bottom: 2pt;
  }
  .pb-\[2px\] {
    padding-bottom: 2px;
  }
  .pb-\[3px\] {
    padding-bottom: 3px;
  }
  .pb-\[5svh\] {
    padding-bottom: 5svh;
  }
  .pb-\[7px\] {
    padding-bottom: 7px;
  }
  .pb-\[10px\] {
    padding-bottom: 10px;
  }
  .pb-\[11px\] {
    padding-bottom: 11px;
  }
  .pb-\[13px\] {
    padding-bottom: 13px;
  }
  .pb-\[16pt\] {
    padding-bottom: 16pt;
  }
  .pb-\[18px\] {
    padding-bottom: 18px;
  }
  .pb-\[20px\] {
    padding-bottom: 20px;
  }
  .pb-\[22px\] {
    padding-bottom: 22px;
  }
  .pb-\[40px\] {
    padding-bottom: 40px;
  }
  .pb-\[50vh\] {
    padding-bottom: 50vh;
  }
  .pb-\[84px\] {
    padding-bottom: 84px;
  }
  .pb-\[calc\(0\.5rem\+env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: calc(0.5rem + env(safe-area-inset-bottom));
  }
  .pb-\[calc\(0\.75rem\+env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: calc(0.75rem + env(safe-area-inset-bottom));
  }
  .pb-\[calc\(max\(env\(safe-area-inset-bottom\)\,0px\)\+4px\)\] {
    padding-bottom: calc(max(env(safe-area-inset-bottom), 0px) + 4px);
  }
  .pb-\[calc\(max\(env\(safe-area-inset-bottom\)\,0px\)\+10px\)\] {
    padding-bottom: calc(max(env(safe-area-inset-bottom), 0px) + 10px);
  }
  .pb-\[calc\(max\(env\(safe-area-inset-bottom\,0px\)\,1\.5rem\)\)\] {
    padding-bottom: calc(max(env(safe-area-inset-bottom, 0px), 1.5rem));
  }
  .pb-\[calc\(var\(--sidebar-section-margin-top\)-var\(--sidebar-section-first-margin-top\)\)\] {
    padding-bottom: calc(
      var(--sidebar-section-margin-top) -
        var(--sidebar-section-first-margin-top)
    );
  }
  .pb-\[env\(safe-area-inset-bottom\,0px\)\] {
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }
  .pb-\[max\(3rem\,env\(safe-area-inset-bottom\,0px\)\+1\.25rem\)\] {
    padding-bottom: max(3rem, env(safe-area-inset-bottom, 0px) + 1.25rem);
  }
  .pb-\[max\(env\(safe-area-inset-bottom\)\,16px\)\] {
    padding-bottom: max(env(safe-area-inset-bottom), 16px);
  }
  .pb-px {
    padding-bottom: 1px;
  }
  .pb-snc-1 {
    padding-bottom: var(--snc-1);
  }
  .pb-snc-2 {
    padding-bottom: var(--snc-2);
  }
  .\!pl-0 {
    padding-left: calc(var(--spacing) * 0) !important;
  }
  .pl-0 {
    padding-left: calc(var(--spacing) * 0);
  }
  .pl-1 {
    padding-left: calc(var(--spacing) * 1);
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .pl-2\.5 {
    padding-left: calc(var(--spacing) * 2.5);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }
  .pl-12 {
    padding-left: calc(var(--spacing) * 12);
  }
  .pl-16 {
    padding-left: calc(var(--spacing) * 16);
  }
  .pl-20 {
    padding-left: calc(var(--spacing) * 20);
  }
  .pl-\[230px\] {
    padding-left: 230px;
  }
  .text-center {
    text-align: center;
  }
  .text-end {
    text-align: end;
  }
  .text-justify {
    text-align: justify;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .text-start {
    text-align: start;
  }
  .indent-\[0\.1em\] {
    text-indent: 0.1em;
  }
  .align-\[-3px\] {
    vertical-align: -3px;
  }
  .align-baseline {
    vertical-align: baseline;
  }
  .align-bottom {
    vertical-align: bottom;
  }
  .align-middle {
    vertical-align: middle;
  }
  .align-middle\! {
    vertical-align: middle !important;
  }
  .align-sub {
    vertical-align: sub;
  }
  .align-super {
    vertical-align: super;
  }
  .align-text-bottom {
    vertical-align: text-bottom;
  }
  .align-top {
    vertical-align: top;
  }
  .font-\[\'SF_Pro_Text\'\,\'SF_Pro_Display\'\,\'SF_Pro\'\,var\(--font-sans\)\] {
    font-family: "SF Pro Text", "SF Pro Display", "SF Pro", var(--font-sans);
  }
  .font-\[\'Söhne\'\,\'Sohne\'\,var\(--font-sans\)\] {
    font-family: "Söhne", "Sohne", var(--font-sans);
  }
  .font-circle {
    font-family: Circle, "system-ui", "sans-serif";
  }
  .font-mono {
    font-family:
      "ui-monospace",
      SFMono-Regular,
      SF Mono,
      Menlo,
      Consolas,
      Liberation Mono,
      "monospace";
  }
  .font-oai {
    font-family:
      OpenAI Sans,
      sans-serif;
  }
  .font-oai\! {
    font-family:
      OpenAI Sans,
      sans-serif !important;
  }
  .font-sans {
    font-family:
      "ui-sans-serif",
      -apple-system,
      "system-ui",
      Segoe UI,
      Helvetica,
      Apple Color Emoji,
      Arial,
      "sans-serif",
      Segoe UI Emoji,
      Segoe UI Symbol;
  }
  .font-serif {
    font-family:
      "ui-serif",
      Georgia,
      Cambria,
      Times New Roman,
      "serif";
  }
  .text-page-header {
    --tw-leading: 34px;
    --tw-font-weight: var(--font-weight-normal);
    font-size: 28px;
    line-height: 34px;
    font-weight: var(--font-weight-normal);
    --tw-tracking: 0.38px;
    letter-spacing: 0.38px;
  }
  .text-body-regular {
    font-size: var(--text-body-regular);
    line-height: var(--tw-leading, var(--text-body-regular--line-height));
    letter-spacing: var(
      --tw-tracking,
      var(--text-body-regular--letter-spacing)
    );
    font-weight: var(--tw-font-weight, var(--text-body-regular--font-weight));
  }
  .text-body-small-regular {
    font-size: var(--text-body-small-regular);
    line-height: var(--tw-leading, var(--text-body-small-regular--line-height));
    letter-spacing: var(
      --tw-tracking,
      var(--text-body-small-regular--letter-spacing)
    );
    font-weight: var(
      --tw-font-weight,
      var(--text-body-small-regular--font-weight)
    );
  }
  .text-caption-regular {
    font-size: var(--text-caption-regular);
    line-height: var(--tw-leading, var(--text-caption-regular--line-height));
    letter-spacing: var(
      --tw-tracking,
      var(--text-caption-regular--letter-spacing)
    );
    font-weight: var(
      --tw-font-weight,
      var(--text-caption-regular--font-weight)
    );
  }
  .text-footnote-regular {
    font-size: var(--text-footnote-regular);
    line-height: var(--tw-leading, var(--text-footnote-regular--line-height));
    letter-spacing: var(
      --tw-tracking,
      var(--text-footnote-regular--letter-spacing)
    );
    font-weight: var(
      --tw-font-weight,
      var(--text-footnote-regular--font-weight)
    );
  }
  .text-heading-2 {
    font-size: var(--text-heading-2);
    line-height: var(--tw-leading, var(--text-heading-2--line-height));
    letter-spacing: var(--tw-tracking, var(--text-heading-2--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-heading-2--font-weight));
  }
  .text-heading-2\! {
    font-size: var(--text-heading-2) !important;
    line-height: var(
      --tw-leading,
      var(--text-heading-2--line-height)
    ) !important;
    letter-spacing: var(
      --tw-tracking,
      var(--text-heading-2--letter-spacing)
    ) !important;
    font-weight: var(
      --tw-font-weight,
      var(--text-heading-2--font-weight)
    ) !important;
  }
  .text-heading-3 {
    font-size: var(--text-heading-3);
    line-height: var(--tw-leading, var(--text-heading-3--line-height));
    letter-spacing: var(--tw-tracking, var(--text-heading-3--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-heading-3--font-weight));
  }
  .text-heading-app {
    font-size: var(--text-heading-app);
    line-height: var(--tw-leading, var(--text-heading-app--line-height));
    letter-spacing: var(--tw-tracking, var(--text-heading-app--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-heading-app--font-weight));
  }
  .text-mkt-h1 {
    font-size: clamp(2rem, 3.0047vw + 1.29577rem, 4rem);
    line-height: var(
      --tw-leading,
      clamp(2.2rem, calc(2.2rem + 1.8 * ((100vw - 23.4375rem) / 66.5625)), 4rem)
    );
    letter-spacing: var(--tw-tracking, -0.03em);
    font-weight: var(--tw-font-weight, 500);
  }
  .text-mkt-h2 {
    font-size: clamp(2rem, 1.50235vw + 1.64789rem, 3rem);
    line-height: var(
      --tw-leading,
      clamp(
        2.28rem,
        calc(2.28rem + 1.2 * ((100vw - 23.4375rem) / 66.5625)),
        3.48rem
      )
    );
    letter-spacing: var(
      --tw-tracking,
      clamp(
        -0.03em,
        calc(-0.03em + 0.02 * ((90rem - 100vw) / 66.5625)),
        -0.01em
      )
    );
    font-weight: var(--tw-font-weight, 500);
  }
  .text-mkt-h3 {
    font-size: clamp(1.5rem, 0.56338vw + 1.36796rem, 1.875rem);
    line-height: var(
      --tw-leading,
      clamp(
        1.98rem,
        calc(1.98rem + 0.495 * ((100vw - 23.4375rem) / 66.5625)),
        2.475rem
      )
    );
    letter-spacing: var(--tw-tracking, -0.01em);
    font-weight: var(--tw-font-weight, 500);
  }
  .text-mkt-h3\! {
    font-size: clamp(1.5rem, 0.56338vw + 1.36796rem, 1.875rem) !important;
    line-height: var(
      --tw-leading,
      clamp(
        1.98rem,
        calc(1.98rem + 0.495 * ((100vw - 23.4375rem) / 66.5625)),
        2.475rem
      )
    ) !important;
    letter-spacing: var(--tw-tracking, -0.01em) !important;
    font-weight: var(--tw-font-weight, 500) !important;
  }
  .text-mkt-h4 {
    font-size: clamp(1.25rem, 0.187793vw + 1.20599rem, 1.375rem);
    line-height: var(
      --tw-leading,
      clamp(
        1.5rem,
        calc(1.5rem + 0.2325 * ((100vw - 23.4375rem) / 66.5625)),
        1.7325rem
      )
    );
    letter-spacing: var(--tw-tracking, -0.01em);
    font-weight: var(--tw-font-weight, 500);
  }
  .text-mkt-h5,
  .text-mkt-h6 {
    font-size: clamp(1rem, 0.187793vw + 0.955986rem, 1.125rem);
    line-height: var(
      --tw-leading,
      clamp(
        1.25rem,
        calc(1.25rem + 0.235 * ((100vw - 23.4375rem) / 66.5625)),
        1.485rem
      )
    );
    letter-spacing: var(--tw-tracking, -0.01em);
    font-weight: var(--tw-font-weight, 500);
  }
  .text-mkt-p1 {
    font-size: 1.0625rem;
    line-height: var(--tw-leading, 1.74994rem);
    letter-spacing: var(--tw-tracking, -0.01em);
    font-weight: var(--tw-font-weight, 400);
  }
  .text-mkt-p2 {
    font-size: 0.875rem;
    line-height: var(--tw-leading, 1.435rem);
    letter-spacing: var(--tw-tracking, -0.01em);
    font-weight: var(--tw-font-weight, 400);
  }
  .text-mkt-xs {
    font-size: 0.625rem;
    line-height: var(--tw-leading, 0.825rem);
    letter-spacing: var(
      --tw-tracking,
      clamp(-0.01em, calc(-0.01em + 0.01 * ((90rem - 100vw) / 66.5625)), 0em)
    );
    font-weight: var(--tw-font-weight, 400);
  }
  .text-monospace {
    font-size: var(--text-monospace);
    line-height: var(--tw-leading, var(--text-monospace--line-height));
    letter-spacing: var(--tw-tracking, var(--text-monospace--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-monospace--font-weight));
  }
  .snc .text-xs {
    font-size: 0.825rem;
    line-height: 1.4;
  }
  .snc .text-sm {
    font-size: 0.9rem;
    line-height: 1.4;
  }
  .snc .text-base {
    font-size: 1rem;
  }
  .snc .text-lg {
    font-size: 1.125rem;
  }
  .snc .text-xl {
    font-size: 1.25rem;
  }
  .snc .text-2xl {
    font-size: 1.5rem;
  }
  .snc .text-3xl {
    font-size: 1.875rem;
  }
  @media (min-width: 40rem) {
    .snc {
      --snc-results-padding: 1.5rem;
    }
  }
  .\!text-xs {
    font-size: var(--text-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
  .text-6xl {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
  }
  .text-7xl {
    font-size: var(--text-7xl);
    line-height: var(--tw-leading, var(--text-7xl--line-height));
  }
  .text-\[16px\]\/\[21px\] {
    font-size: 16px;
    line-height: 21px;
  }
  .text-\[20px\]\/\[25px\] {
    font-size: 20px;
    line-height: 25px;
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-base\! {
    font-size: var(--text-base) !important;
    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
  }
  .text-body {
    font-size: 15px;
    line-height: var(--tw-leading, 22px);
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-panel-title {
    font-size: 17px;
    line-height: var(--tw-leading, 26px);
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-sm\! {
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-xs\! {
    font-size: var(--text-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
  }
  .\[font-size\:0\] {
    font-size: 0;
  }
  .\[font-size\:unset\] {
    font-size: unset;
  }
  .text-\[\.875em\] {
    font-size: 0.875em;
  }
  .text-\[0\.5em\] {
    font-size: 0.5em;
  }
  .text-\[0\.5rem\] {
    font-size: 0.5rem;
  }
  .text-\[0\.55em\] {
    font-size: 0.55em;
  }
  .text-\[0\.65rem\] {
    font-size: 0.65rem;
  }
  .text-\[0\.70rem\] {
    font-size: 0.7rem;
  }
  .text-\[0\.75rem\] {
    font-size: 0.75rem;
  }
  .text-\[0\.93rem\] {
    font-size: 0.93rem;
  }
  .text-\[0\.625rem\] {
    font-size: 0.625rem;
  }
  .text-\[0\.935em\] {
    font-size: 0.935em;
  }
  .text-\[0\.5625em\] {
    font-size: 0.5625em;
  }
  .text-\[0px\] {
    font-size: 0;
  }
  .text-\[1\.05rem\] {
    font-size: 1.05rem;
  }
  .text-\[2\.25rem\] {
    font-size: 2.25rem;
  }
  .text-\[2rem\] {
    font-size: 2rem;
  }
  .text-\[5px\] {
    font-size: 5px;
  }
  .text-\[8px\] {
    font-size: 8px;
  }
  .text-\[9px\] {
    font-size: 9px;
  }
  .text-\[10\.5pt\] {
    font-size: 10.5pt;
  }
  .text-\[10\.8px\] {
    font-size: 10.8px;
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .text-\[11pt\] {
    font-size: 11pt;
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .text-\[11px\]\! {
    font-size: 11px !important;
  }
  .text-\[12pt\] {
    font-size: 12pt;
  }
  .text-\[12px\] {
    font-size: 12px;
  }
  .text-\[12px\]\! {
    font-size: 12px !important;
  }
  .text-\[13px\] {
    font-size: 13px;
  }
  .text-\[14pt\] {
    font-size: 14pt;
  }
  .text-\[14px\] {
    font-size: 14px;
  }
  .text-\[15px\] {
    font-size: 15px;
  }
  .text-\[15px\]\! {
    font-size: 15px !important;
  }
  .text-\[16px\] {
    font-size: 16px;
  }
  .text-\[16px\]\! {
    font-size: 16px !important;
  }
  .text-\[17px\] {
    font-size: 17px;
  }
  .text-\[17px\]\! {
    font-size: 17px !important;
  }
  .text-\[18px\] {
    font-size: 18px;
  }
  .text-\[19px\] {
    font-size: 19px;
  }
  .text-\[20px\] {
    font-size: 20px;
  }
  .text-\[21px\] {
    font-size: 21px;
  }
  .text-\[22px\] {
    font-size: 22px;
  }
  .text-\[23px\] {
    font-size: 23px;
  }
  .text-\[24px\] {
    font-size: 24px;
  }
  .text-\[25px\] {
    font-size: 25px;
  }
  .text-\[26px\] {
    font-size: 26px;
  }
  .text-\[28px\] {
    font-size: 28px;
  }
  .text-\[30px\] {
    font-size: 30px;
  }
  .text-\[31pt\] {
    font-size: 31pt;
  }
  .text-\[32px\] {
    font-size: 32px;
  }
  .text-\[34px\] {
    font-size: 34px;
  }
  .text-\[36px\] {
    font-size: 36px;
  }
  .text-\[40px\] {
    font-size: 40px;
  }
  .text-\[42px\] {
    font-size: 42px;
  }
  .text-\[52px\] {
    font-size: 52px;
  }
  .text-\[54px\] {
    font-size: 54px;
  }
  .text-\[78px\] {
    font-size: 78px;
  }
  .text-\[96px\] {
    font-size: 96px;
  }
  .text-\[clamp\(10px\,1\.8vw\,14px\)\] {
    font-size: clamp(10px, 1.8vw, 14px);
  }
  .text-\[clamp\(10px\,3\.2vw\,14px\)\] {
    font-size: clamp(10px, 3.2vw, 14px);
  }
  .text-\[clamp\(10px\,3\.4cqw\,14px\)\] {
    font-size: clamp(10px, 3.4cqw, 14px);
  }
  .text-\[clamp\(11px\,3\.6vw\,13px\)\] {
    font-size: clamp(11px, 3.6vw, 13px);
  }
  .text-\[min\(calc\(\(100vw-16px\)\*0\.231\)\,343px\)\] {
    font-size: min(23.1vw - 3.696px, 343px);
  }
  .text-\[min\(calc\(\(100vw-32px\)\*0\.215\)\,318px\)\] {
    font-size: min(21.5vw - 6.88px, 318px);
  }
  .\!leading-5 {
    --tw-leading: calc(var(--spacing) * 5) !important;
    line-height: calc(var(--spacing) * 5) !important;
  }
  .leading-0 {
    --tw-leading: calc(var(--spacing) * 0);
    line-height: calc(var(--spacing) * 0);
  }
  .leading-3 {
    --tw-leading: calc(var(--spacing) * 3);
    line-height: calc(var(--spacing) * 3);
  }
  .leading-3\.5 {
    --tw-leading: calc(var(--spacing) * 3.5);
    line-height: calc(var(--spacing) * 3.5);
  }
  .leading-3\.75 {
    --tw-leading: calc(var(--spacing) * 3.75);
    line-height: calc(var(--spacing) * 3.75);
  }
  .leading-4 {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }
  .leading-4\.5 {
    --tw-leading: calc(var(--spacing) * 4.5);
    line-height: calc(var(--spacing) * 4.5);
  }
  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .leading-5\.5 {
    --tw-leading: calc(var(--spacing) * 5.5);
    line-height: calc(var(--spacing) * 5.5);
  }
  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
  .leading-8 {
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
  }
  .leading-8\! {
    --tw-leading: calc(var(--spacing) * 8) !important;
    line-height: calc(var(--spacing) * 8) !important;
  }
  .leading-8\.5 {
    --tw-leading: calc(var(--spacing) * 8.5);
    line-height: calc(var(--spacing) * 8.5);
  }
  .leading-9 {
    --tw-leading: calc(var(--spacing) * 9);
    line-height: calc(var(--spacing) * 9);
  }
  .leading-9\.5 {
    --tw-leading: calc(var(--spacing) * 9.5);
    line-height: calc(var(--spacing) * 9.5);
  }
  .leading-10 {
    --tw-leading: calc(var(--spacing) * 10);
    line-height: calc(var(--spacing) * 10);
  }
  .leading-\[0\.95\] {
    --tw-leading: 0.95;
    line-height: 0.95;
  }
  .leading-\[0\] {
    --tw-leading: 0;
    line-height: 0;
  }
  .leading-\[1\.1\] {
    --tw-leading: 1.1;
    line-height: 1.1;
  }
  .leading-\[1\.02\] {
    --tw-leading: 1.02;
    line-height: 1.02;
  }
  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }
  .leading-\[1\.04\] {
    --tw-leading: 1.04;
    line-height: 1.04;
  }
  .leading-\[1\.4\] {
    --tw-leading: 1.4;
    line-height: 1.4;
  }
  .leading-\[1\.05\] {
    --tw-leading: 1.05;
    line-height: 1.05;
  }
  .leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }
  .leading-\[1\.06\] {
    --tw-leading: 1.06;
    line-height: 1.06;
  }
  .leading-\[1\.6\] {
    --tw-leading: 1.6;
    line-height: 1.6;
  }
  .leading-\[1\.08\] {
    --tw-leading: 1.08;
    line-height: 1.08;
  }
  .leading-\[1\.15\] {
    --tw-leading: 1.15;
    line-height: 1.15;
  }
  .leading-\[1\.25\] {
    --tw-leading: 1.25;
    line-height: 1.25;
  }
  .leading-\[1\.35\] {
    --tw-leading: 1.35;
    line-height: 1.35;
  }
  .leading-\[1\.45\] {
    --tw-leading: 1.45;
    line-height: 1.45;
  }
  .leading-\[1\.55\] {
    --tw-leading: 1.55;
    line-height: 1.55;
  }
  .leading-\[1\.375rem\] {
    --tw-leading: 1.375rem;
    line-height: 1.375rem;
  }
  .leading-\[1\.625rem\] {
    --tw-leading: 1.625rem;
    line-height: 1.625rem;
  }
  .leading-\[1\] {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-\[1lh\] {
    --tw-leading: 1lh;
    line-height: 1lh;
  }
  .leading-\[2\.75rem\] {
    --tw-leading: 2.75rem;
    line-height: 2.75rem;
  }
  .leading-\[13px\] {
    --tw-leading: 13px;
    line-height: 13px;
  }
  .leading-\[14px\] {
    --tw-leading: 14px;
    line-height: 14px;
  }
  .leading-\[15px\] {
    --tw-leading: 15px;
    line-height: 15px;
  }
  .leading-\[16px\] {
    --tw-leading: 16px;
    line-height: 16px;
  }
  .leading-\[17px\] {
    --tw-leading: 17px;
    line-height: 17px;
  }
  .leading-\[18px\] {
    --tw-leading: 18px;
    line-height: 18px;
  }
  .leading-\[19px\] {
    --tw-leading: 19px;
    line-height: 19px;
  }
  .leading-\[20px\] {
    --tw-leading: 20px;
    line-height: 20px;
  }
  .leading-\[20px\]\! {
    --tw-leading: 20px !important;
    line-height: 20px !important;
  }
  .leading-\[21px\] {
    --tw-leading: 21px;
    line-height: 21px;
  }
  .leading-\[22px\] {
    --tw-leading: 22px;
    line-height: 22px;
  }
  .leading-\[23px\] {
    --tw-leading: 23px;
    line-height: 23px;
  }
  .leading-\[23px\]\! {
    --tw-leading: 23px !important;
    line-height: 23px !important;
  }
  .leading-\[24px\] {
    --tw-leading: 24px;
    line-height: 24px;
  }
  .leading-\[25px\] {
    --tw-leading: 25px;
    line-height: 25px;
  }
  .leading-\[26px\] {
    --tw-leading: 26px;
    line-height: 26px;
  }
  .leading-\[28px\] {
    --tw-leading: 28px;
    line-height: 28px;
  }
  .leading-\[30px\] {
    --tw-leading: 30px;
    line-height: 30px;
  }
  .leading-\[34px\] {
    --tw-leading: 34px;
    line-height: 34px;
  }
  .leading-\[36px\] {
    --tw-leading: 36px;
    line-height: 36px;
  }
  .leading-\[38px\] {
    --tw-leading: 38px;
    line-height: 38px;
  }
  .leading-\[42px\] {
    --tw-leading: 42px;
    line-height: 42px;
  }
  .leading-\[48px\] {
    --tw-leading: 48px;
    line-height: 48px;
  }
  .leading-\[150\%\] {
    --tw-leading: 150%;
    line-height: 150%;
  }
  .leading-\[clamp\(14px\,4\.2vw\,18px\)\] {
    --tw-leading: clamp(14px, 4.2vw, 18px);
    line-height: clamp(14px, 4.2vw, 18px);
  }
  .leading-\[normal\] {
    --tw-leading: normal;
    line-height: normal;
  }
  .leading-bar {
    --tw-leading: var(--bar-gap, 0.25rem);
    line-height: var(--bar-gap, 0.25rem);
  }
  .leading-dense {
    --tw-leading: 7 / 6;
    line-height: 7 / 6;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-none\! {
    --tw-leading: 1 !important;
    line-height: 1 !important;
  }
  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }
  .leading-normal\! {
    --tw-leading: var(--leading-normal) !important;
    line-height: var(--leading-normal) !important;
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .\!font-normal {
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
  }
  .font-\[14px\] {
    --tw-font-weight: 14px;
    font-weight: 14px;
  }
  .font-\[350\] {
    --tw-font-weight: 350;
    font-weight: 350;
  }
  .font-\[400\] {
    --tw-font-weight: 400;
    font-weight: 400;
  }
  .font-\[450\] {
    --tw-font-weight: 450;
    font-weight: 450;
  }
  .font-\[500\] {
    --tw-font-weight: 500;
    font-weight: 500;
  }
  .font-\[510\] {
    --tw-font-weight: 510;
    font-weight: 510;
  }
  .font-\[550\] {
    --tw-font-weight: 550;
    font-weight: 550;
  }
  .font-\[590\] {
    --tw-font-weight: 590;
    font-weight: 590;
  }
  .font-\[600\] {
    --tw-font-weight: 600;
    font-weight: 600;
  }
  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-extralight {
    --tw-font-weight: var(--font-weight-extralight);
    font-weight: var(--font-weight-extralight);
  }
  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-medium\! {
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-normal\! {
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .font-semibold\! {
    --tw-font-weight: var(--font-weight-semibold) !important;
    font-weight: var(--font-weight-semibold) !important;
  }
  .\[font-weight\:500\] {
    font-weight: 500;
  }
  .\[font-weight\:700\] {
    font-weight: 700;
  }
  .tracking-\[-0\.01em\] {
    --tw-tracking: -0.01em;
    letter-spacing: -0.01em;
  }
  .tracking-\[-0\.1px\] {
    --tw-tracking: -0.1px;
    letter-spacing: -0.1px;
  }
  .tracking-\[-0\.02em\] {
    --tw-tracking: -0.02em;
    letter-spacing: -0.02em;
  }
  .tracking-\[-0\.2px\] {
    --tw-tracking: -0.2px;
    letter-spacing: -0.2px;
  }
  .tracking-\[-0\.03em\] {
    --tw-tracking: -0.03em;
    letter-spacing: -0.03em;
  }
  .tracking-\[-0\.3px\] {
    --tw-tracking: -0.3px;
    letter-spacing: -0.3px;
  }
  .tracking-\[-0\.04em\] {
    --tw-tracking: -0.04em;
    letter-spacing: -0.04em;
  }
  .tracking-\[-0\.4px\] {
    --tw-tracking: -0.4px;
    letter-spacing: -0.4px;
  }
  .tracking-\[-0\.05em\] {
    --tw-tracking: -0.05em;
    letter-spacing: -0.05em;
  }
  .tracking-\[-0\.5px\] {
    --tw-tracking: -0.5px;
    letter-spacing: -0.5px;
  }
  .tracking-\[-0\.06px\] {
    --tw-tracking: -0.06px;
    letter-spacing: -0.06px;
  }
  .tracking-\[-0\.08px\] {
    --tw-tracking: -0.08px;
    letter-spacing: -0.08px;
  }
  .tracking-\[-0\.12px\] {
    --tw-tracking: -0.12px;
    letter-spacing: -0.12px;
  }
  .tracking-\[-0\.13px\] {
    --tw-tracking: -0.13px;
    letter-spacing: -0.13px;
  }
  .tracking-\[-0\.14px\] {
    --tw-tracking: -0.14px;
    letter-spacing: -0.14px;
  }
  .tracking-\[-0\.015em\] {
    --tw-tracking: -0.015em;
    letter-spacing: -0.015em;
  }
  .tracking-\[-0\.16px\] {
    --tw-tracking: -0.16px;
    letter-spacing: -0.16px;
  }
  .tracking-\[-0\.18px\] {
    --tw-tracking: -0.18px;
    letter-spacing: -0.18px;
  }
  .tracking-\[-0\.23px\] {
    --tw-tracking: -0.23px;
    letter-spacing: -0.23px;
  }
  .tracking-\[-0\.24px\] {
    --tw-tracking: -0.24px;
    letter-spacing: -0.24px;
  }
  .tracking-\[-0\.025em\] {
    --tw-tracking: -0.025em;
    letter-spacing: -0.025em;
  }
  .tracking-\[-0\.25px\] {
    --tw-tracking: -0.25px;
    letter-spacing: -0.25px;
  }
  .tracking-\[-0\.26px\] {
    --tw-tracking: -0.26px;
    letter-spacing: -0.26px;
  }
  .tracking-\[-0\.027em\] {
    --tw-tracking: -0.027em;
    letter-spacing: -0.027em;
  }
  .tracking-\[-0\.27px\] {
    --tw-tracking: -0.27px;
    letter-spacing: -0.27px;
  }
  .tracking-\[-0\.30px\] {
    --tw-tracking: -0.3px;
    letter-spacing: -0.3px;
  }
  .tracking-\[-0\.31px\] {
    --tw-tracking: -0.31px;
    letter-spacing: -0.31px;
  }
  .tracking-\[-0\.32px\] {
    --tw-tracking: -0.32px;
    letter-spacing: -0.32px;
  }
  .tracking-\[-0\.42px\] {
    --tw-tracking: -0.42px;
    letter-spacing: -0.42px;
  }
  .tracking-\[-0\.43px\] {
    --tw-tracking: -0.43px;
    letter-spacing: -0.43px;
  }
  .tracking-\[-0\.45px\] {
    --tw-tracking: -0.45px;
    letter-spacing: -0.45px;
  }
  .tracking-\[-0\.46px\] {
    --tw-tracking: -0.46px;
    letter-spacing: -0.46px;
  }
  .tracking-\[-0\.154px\] {
    --tw-tracking: -0.154px;
    letter-spacing: -0.154px;
  }
  .tracking-\[-0\.197499px\] {
    --tw-tracking: -0.197499px;
    letter-spacing: -0.197499px;
  }
  .tracking-\[-1\.2px\] {
    --tw-tracking: -1.2px;
    letter-spacing: -1.2px;
  }
  .tracking-\[-1\.5px\] {
    --tw-tracking: -1.5px;
    letter-spacing: -1.5px;
  }
  .tracking-\[0\.01em\] {
    --tw-tracking: 0.01em;
    letter-spacing: 0.01em;
  }
  .tracking-\[0\.1em\] {
    --tw-tracking: 0.1em;
    letter-spacing: 0.1em;
  }
  .tracking-\[0\.02em\] {
    --tw-tracking: 0.02em;
    letter-spacing: 0.02em;
  }
  .tracking-\[0\.2em\] {
    --tw-tracking: 0.2em;
    letter-spacing: 0.2em;
  }
  .tracking-\[0\.2px\] {
    --tw-tracking: 0.2px;
    letter-spacing: 0.2px;
  }
  .tracking-\[0\.04em\] {
    --tw-tracking: 0.04em;
    letter-spacing: 0.04em;
  }
  .tracking-\[0\.06px\] {
    --tw-tracking: 0.06px;
    letter-spacing: 0.06px;
  }
  .tracking-\[0\.08em\] {
    --tw-tracking: 0.08em;
    letter-spacing: 0.08em;
  }
  .tracking-\[0\.12em\] {
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
  }
  .tracking-\[0\.14em\] {
    --tw-tracking: 0.14em;
    letter-spacing: 0.14em;
  }
  .tracking-\[0\.16em\] {
    --tw-tracking: 0.16em;
    letter-spacing: 0.16em;
  }
  .tracking-\[0\.18em\] {
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
  }
  .tracking-\[0\.22em\] {
    --tw-tracking: 0.22em;
    letter-spacing: 0.22em;
  }
  .tracking-\[0\.24em\] {
    --tw-tracking: 0.24em;
    letter-spacing: 0.24em;
  }
  .tracking-\[0\.38px\] {
    --tw-tracking: 0.38px;
    letter-spacing: 0.38px;
  }
  .tracking-\[0\.392px\] {
    --tw-tracking: 0.392px;
    letter-spacing: 0.392px;
  }
  .tracking-\[0\] {
    --tw-tracking: 0;
    letter-spacing: 0;
  }
  .tracking-\[0px\] {
    --tw-tracking: 0px;
    letter-spacing: 0;
  }
  .tracking-condensed {
    --tw-tracking: -0.154px;
    letter-spacing: -0.154px;
  }
  .tracking-normal {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .tracking-tighter {
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }
  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }
  .\[text-wrap\:balance\] {
    text-wrap: balance;
  }
  .\[text-wrap\:balanced\] {
    text-wrap: balanced;
  }
  .\[text-wrap\:pretty\] {
    text-wrap: pretty;
  }
  .text-balance {
    text-wrap: balance;
  }
  .text-nowrap {
    text-wrap: nowrap;
  }
  .text-pretty {
    text-wrap: pretty;
  }
  .text-wrap {
    text-wrap: wrap;
  }
  .\[overflow-wrap\:anywhere\] {
    overflow-wrap: anywhere;
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .wrap-anywhere {
    overflow-wrap: anywhere;
  }
  .wrap-break-word {
    overflow-wrap: break-word;
  }
  .break-all {
    word-break: break-all;
  }
  .overflow-ellipsis {
    text-overflow: ellipsis;
  }
  .text-clip {
    text-overflow: clip;
  }
  .text-ellipsis {
    text-overflow: ellipsis;
  }
  .hyphens-auto {
    -webkit-hyphens: auto;
    hyphens: auto;
  }
  .whitespace-break-spaces {
    white-space: break-spaces;
  }
  .whitespace-normal {
    white-space: normal;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-nowrap\! {
    white-space: nowrap !important;
  }
  .whitespace-pre {
    white-space: pre;
  }
  .whitespace-pre\! {
    white-space: pre !important;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .whitespace-pre-wrap\! {
    white-space: pre-wrap !important;
  }
  .interactive-icon-accent {
    color: var(--interactive-icon-default-accent);
  }
  @media (hover: hover) {
    .interactive-icon-accent:hover {
      color: var(--interactive-icon-hover-accent);
    }
  }
  .interactive-icon-accent:focus-visible {
    color: var(--interactive-icon-hover-accent);
  }
  .interactive-icon-accent:disabled,
  .interactive-icon-accent:where([data-visually-disabled]) {
    color: var(--interactive-icon-inactive-accent);
  }
  .interactive-icon-accent:checked {
    color: var(--interactive-icon-selected-accent);
  }
  .interactive-icon-accent:active {
    color: var(--interactive-icon-press-accent);
  }
  .interactive-icon-danger-ghost {
    color: var(--interactive-icon-default-danger-ghost);
  }
  @media (hover: hover) {
    .interactive-icon-danger-ghost:hover {
      color: var(--interactive-icon-hover-danger-ghost);
    }
  }
  .interactive-icon-danger-ghost:focus-visible {
    color: var(--interactive-icon-hover-danger-ghost);
  }
  .interactive-icon-danger-ghost:disabled,
  .interactive-icon-danger-ghost:where([data-visually-disabled]) {
    color: var(--interactive-icon-inactive-danger-ghost);
  }
  .interactive-icon-danger-ghost:checked {
    color: var(--interactive-icon-selected-danger-ghost);
  }
  .interactive-icon-danger-ghost:active {
    color: var(--interactive-icon-press-danger-ghost);
  }
  .interactive-icon-danger-primary {
    color: var(--interactive-icon-default-danger-primary);
  }
  @media (hover: hover) {
    .interactive-icon-danger-primary:hover {
      color: var(--interactive-icon-hover-danger-primary);
    }
  }
  .interactive-icon-danger-primary:focus-visible {
    color: var(--interactive-icon-hover-danger-primary);
  }
  .interactive-icon-danger-primary:disabled,
  .interactive-icon-danger-primary:where([data-visually-disabled]) {
    color: var(--interactive-icon-inactive-danger-primary);
  }
  .interactive-icon-danger-primary:checked {
    color: var(--interactive-icon-selected-danger-primary);
  }
  .interactive-icon-danger-primary:active {
    color: var(--interactive-icon-press-danger-primary);
  }
  .interactive-icon-danger-secondary {
    color: var(--interactive-icon-default-danger-secondary);
  }
  @media (hover: hover) {
    .interactive-icon-danger-secondary:hover {
      color: var(--interactive-icon-hover-danger-secondary);
    }
  }
  .interactive-icon-danger-secondary:focus-visible {
    color: var(--interactive-icon-hover-danger-secondary);
  }
  .interactive-icon-danger-secondary:disabled,
  .interactive-icon-danger-secondary:where([data-visually-disabled]) {
    color: var(--interactive-icon-inactive-danger-secondary);
  }
  .interactive-icon-danger-secondary:checked {
    color: var(--interactive-icon-selected-danger-secondary);
  }
  .interactive-icon-danger-secondary:active {
    color: var(--interactive-icon-press-danger-secondary);
  }
  .interactive-icon-danger-soft {
    color: var(--interactive-icon-default-danger-soft);
  }
  @media (hover: hover) {
    .interactive-icon-danger-soft:hover {
      color: var(--interactive-icon-hover-danger-soft);
    }
  }
  .interactive-icon-danger-soft:focus-visible {
    color: var(--interactive-icon-hover-danger-soft);
  }
  .interactive-icon-danger-soft:disabled,
  .interactive-icon-danger-soft:where([data-visually-disabled]) {
    color: var(--interactive-icon-inactive-danger-soft);
  }
  .interactive-icon-danger-soft:checked {
    color: var(--interactive-icon-selected-danger-soft);
  }
  .interactive-icon-danger-soft:active {
    color: var(--interactive-icon-press-danger-soft);
  }
  .interactive-icon-primary {
    color: var(--interactive-icon-default-primary);
  }
  @media (hover: hover) {
    .interactive-icon-primary:hover {
      color: var(--interactive-icon-hover-primary);
    }
  }
  .interactive-icon-primary:focus-visible {
    color: var(--interactive-icon-hover-primary);
  }
  .interactive-icon-primary:disabled,
  .interactive-icon-primary:where([data-visually-disabled]) {
    color: var(--interactive-icon-inactive-primary);
  }
  .interactive-icon-primary:checked {
    color: var(--interactive-icon-selected-primary);
  }
  .interactive-icon-primary:active {
    color: var(--interactive-icon-press-primary);
  }
  .interactive-icon-primary-inverted {
    color: var(--interactive-icon-default-primary-inverted);
  }
  @media (hover: hover) {
    .interactive-icon-primary-inverted:hover {
      color: var(--interactive-icon-hover-primary-inverted);
    }
  }
  .interactive-icon-primary-inverted:focus-visible {
    color: var(--interactive-icon-hover-primary-inverted);
  }
  .interactive-icon-primary-inverted:disabled,
  .interactive-icon-primary-inverted:where([data-visually-disabled]) {
    color: var(--interactive-icon-inactive-primary-inverted);
  }
  .interactive-icon-primary-inverted:checked {
    color: var(--interactive-icon-selected-primary-inverted);
  }
  .interactive-icon-primary-inverted:active {
    color: var(--interactive-icon-press-primary-inverted);
  }
  .interactive-icon-secondary {
    color: var(--interactive-icon-default-secondary);
  }
  @media (hover: hover) {
    .interactive-icon-secondary:hover {
      color: var(--interactive-icon-hover-secondary);
    }
  }
  .interactive-icon-secondary:focus-visible {
    color: var(--interactive-icon-hover-secondary);
  }
  .interactive-icon-secondary:disabled,
  .interactive-icon-secondary:where([data-visually-disabled]) {
    color: var(--interactive-icon-inactive-secondary);
  }
  .interactive-icon-secondary:checked {
    color: var(--interactive-icon-selected-secondary);
  }
  .interactive-icon-secondary:active {
    color: var(--interactive-icon-press-secondary);
  }
  .interactive-icon-tertiary {
    color: var(--interactive-icon-default-tertiary);
  }
  @media (hover: hover) {
    .interactive-icon-tertiary:hover {
      color: var(--interactive-icon-hover-tertiary);
    }
  }
  .interactive-icon-tertiary:focus-visible {
    color: var(--interactive-icon-hover-tertiary);
  }
  .interactive-icon-tertiary:disabled,
  .interactive-icon-tertiary:where([data-visually-disabled]) {
    color: var(--interactive-icon-inactive-tertiary);
  }
  .interactive-icon-tertiary:checked {
    color: var(--interactive-icon-selected-tertiary);
  }
  .interactive-icon-tertiary:active {
    color: var(--interactive-icon-press-tertiary);
  }
  .interactive-label-accent {
    color: var(--interactive-label-default-accent);
  }
  @media (hover: hover) {
    .interactive-label-accent:hover {
      color: var(--interactive-label-hover-accent);
    }
  }
  .interactive-label-accent:focus-visible {
    color: var(--interactive-label-hover-accent);
  }
  .interactive-label-accent:disabled,
  .interactive-label-accent:where([data-visually-disabled]) {
    color: var(--interactive-label-inactive-accent);
  }
  .interactive-label-accent:checked {
    color: var(--interactive-label-selected-accent);
  }
  .interactive-label-accent:active {
    color: var(--interactive-label-press-accent);
  }
  .interactive-label-danger-ghost {
    color: var(--interactive-label-default-danger-ghost);
  }
  @media (hover: hover) {
    .interactive-label-danger-ghost:hover {
      color: var(--interactive-label-hover-danger-ghost);
    }
  }
  .interactive-label-danger-ghost:focus-visible {
    color: var(--interactive-label-hover-danger-ghost);
  }
  .interactive-label-danger-ghost:disabled,
  .interactive-label-danger-ghost:where([data-visually-disabled]) {
    color: var(--interactive-label-inactive-danger-ghost);
  }
  .interactive-label-danger-ghost:checked {
    color: var(--interactive-label-selected-danger-ghost);
  }
  .interactive-label-danger-ghost:active {
    color: var(--interactive-label-press-danger-ghost);
  }
  .interactive-label-danger-primary {
    color: var(--interactive-label-default-danger-primary);
  }
  @media (hover: hover) {
    .interactive-label-danger-primary:hover {
      color: var(--interactive-label-hover-danger-primary);
    }
  }
  .interactive-label-danger-primary:focus-visible {
    color: var(--interactive-label-hover-danger-primary);
  }
  .interactive-label-danger-primary:disabled,
  .interactive-label-danger-primary:where([data-visually-disabled]) {
    color: var(--interactive-label-inactive-danger-primary);
  }
  .interactive-label-danger-primary:checked {
    color: var(--interactive-label-selected-danger-primary);
  }
  .interactive-label-danger-primary:active {
    color: var(--interactive-label-press-danger-primary);
  }
  .interactive-label-danger-secondary {
    color: var(--interactive-label-default-danger-secondary);
  }
  @media (hover: hover) {
    .interactive-label-danger-secondary:hover {
      color: var(--interactive-label-hover-danger-secondary);
    }
  }
  .interactive-label-danger-secondary:focus-visible {
    color: var(--interactive-label-hover-danger-secondary);
  }
  .interactive-label-danger-secondary:disabled,
  .interactive-label-danger-secondary:where([data-visually-disabled]) {
    color: var(--interactive-label-inactive-danger-secondary);
  }
  .interactive-label-danger-secondary:checked {
    color: var(--interactive-label-selected-danger-secondary);
  }
  .interactive-label-danger-secondary:active {
    color: var(--interactive-label-press-danger-secondary);
  }
  .interactive-label-danger-soft {
    color: var(--interactive-label-default-danger-soft);
  }
  @media (hover: hover) {
    .interactive-label-danger-soft:hover {
      color: var(--interactive-label-hover-danger-soft);
    }
  }
  .interactive-label-danger-soft:focus-visible {
    color: var(--interactive-label-hover-danger-soft);
  }
  .interactive-label-danger-soft:disabled,
  .interactive-label-danger-soft:where([data-visually-disabled]) {
    color: var(--interactive-label-inactive-danger-soft);
  }
  .interactive-label-danger-soft:checked {
    color: var(--interactive-label-selected-danger-soft);
  }
  .interactive-label-danger-soft:active {
    color: var(--interactive-label-press-danger-soft);
  }
  .interactive-label-primary {
    color: var(--interactive-label-default-primary);
  }
  @media (hover: hover) {
    .interactive-label-primary:hover {
      color: var(--interactive-label-hover-primary);
    }
  }
  .interactive-label-primary:focus-visible {
    color: var(--interactive-label-hover-primary);
  }
  .interactive-label-primary:disabled,
  .interactive-label-primary:where([data-visually-disabled]) {
    color: var(--interactive-label-inactive-primary);
  }
  .interactive-label-primary:checked {
    color: var(--interactive-label-selected-primary);
  }
  .interactive-label-primary:active {
    color: var(--interactive-label-press-primary);
  }
  .interactive-label-primary-inverted {
    color: var(--interactive-label-default-primary-inverted);
  }
  @media (hover: hover) {
    .interactive-label-primary-inverted:hover {
      color: var(--interactive-label-hover-primary-inverted);
    }
  }
  .interactive-label-primary-inverted:focus-visible {
    color: var(--interactive-label-hover-primary-inverted);
  }
  .interactive-label-primary-inverted:disabled,
  .interactive-label-primary-inverted:where([data-visually-disabled]) {
    color: var(--interactive-label-inactive-primary-inverted);
  }
  .interactive-label-primary-inverted:checked {
    color: var(--interactive-label-selected-primary-inverted);
  }
  .interactive-label-primary-inverted:active {
    color: var(--interactive-label-press-primary-inverted);
  }
  .interactive-label-secondary {
    color: var(--interactive-label-default-secondary);
  }
  @media (hover: hover) {
    .interactive-label-secondary:hover {
      color: var(--interactive-label-hover-secondary);
    }
  }
  .interactive-label-secondary:focus-visible {
    color: var(--interactive-label-hover-secondary);
  }
  .interactive-label-secondary:disabled,
  .interactive-label-secondary:where([data-visually-disabled]) {
    color: var(--interactive-label-inactive-secondary);
  }
  .interactive-label-secondary:checked {
    color: var(--interactive-label-selected-secondary);
  }
  .interactive-label-secondary:active {
    color: var(--interactive-label-press-secondary);
  }
  .interactive-label-tertiary {
    color: var(--interactive-label-default-tertiary);
  }
  @media (hover: hover) {
    .interactive-label-tertiary:hover {
      color: var(--interactive-label-hover-tertiary);
    }
  }
  .interactive-label-tertiary:focus-visible {
    color: var(--interactive-label-hover-tertiary);
  }
  .interactive-label-tertiary:disabled,
  .interactive-label-tertiary:where([data-visually-disabled]) {
    color: var(--interactive-label-inactive-tertiary);
  }
  .interactive-label-tertiary:checked {
    color: var(--interactive-label-selected-tertiary);
  }
  .interactive-label-tertiary:active {
    color: var(--interactive-label-press-tertiary);
  }
  .\!text-\[\#0D0D0D\] {
    color: #0d0d0d !important;
  }
  .\!text-\[\#007aff\] {
    color: #007aff !important;
  }
  .\!text-gray-900 {
    color: var(--gray-900) !important;
  }
  .\!text-token-text-primary {
    color: var(--text-primary) !important;
  }
  .\!text-white {
    color: #fff !important;
  }
  .entity-accent {
    color: var(--theme-entity-accent);
  }
  .text-\(--alpha-20\) {
    color: var(--alpha-20);
  }
  .text-\(--blue-theme-submit-btn-bg\) {
    color: var(--blue-theme-submit-btn-bg);
  }
  .text-\(--text-primary\) {
    color: var(--text-primary);
  }
  .text-\(--text-secondary\) {
    color: var(--text-secondary);
  }
  .text-\(--text-tertiary\) {
    color: var(--text-tertiary);
  }
  .text-\(--theme-submit-btn-bg\) {
    color: var(--theme-submit-btn-bg);
  }
  .text-\(--theme-user-msg-text\) {
    color: var(--theme-user-msg-text);
  }
  .text-\[\#0B69FF\] {
    color: #0b69ff;
  }
  .text-\[\#0D0D0D\] {
    color: #0d0d0d;
  }
  .text-\[\#0FA968\] {
    color: #0fa968;
  }
  .text-\[\#0c0c0d\] {
    color: #0c0c0d;
  }
  .text-\[\#0d0d0d\] {
    color: #0d0d0d;
  }
  .text-\[\#0f9f6e\] {
    color: #0f9f6e;
  }
  .text-\[\#00A240\],
  .text-\[\#00a240\] {
    color: #00a240;
  }
  .text-\[\#1A59F8\] {
    color: #1a59f8;
  }
  .text-\[\#1F1F1F\] {
    color: #1f1f1f;
  }
  .text-\[\#1f6f45\] {
    color: #1f6f45;
  }
  .text-\[\#1f2937\] {
    color: #1f2937;
  }
  .text-\[\#2D7A43\] {
    color: #2d7a43;
  }
  .text-\[\#2a7fff\] {
    color: #2a7fff;
  }
  .text-\[\#2f8a56\] {
    color: #2f8a56;
  }
  .text-\[\#3DCB40\] {
    color: #3dcb40;
  }
  .text-\[\#3b82f6\] {
    color: #3b82f6;
  }
  .text-\[\#3f3f46\] {
    color: #3f3f46;
  }
  .text-\[\#004F99\] {
    color: #004f99;
  }
  .text-\[\#004f1f\] {
    color: #004f1f;
  }
  .text-\[\#4B46E5\] {
    color: #4b46e5;
  }
  .text-\[\#4E5D86\] {
    color: #4e5d86;
  }
  .text-\[\#4E86F7\] {
    color: #4e86f7;
  }
  .text-\[\#5C698C\] {
    color: #5c698c;
  }
  .text-\[\#5D5BD0\] {
    color: #5d5bd0;
  }
  .text-\[\#5D5D5D\],
  .text-\[\#5d5d5d\] {
    color: #5d5d5d;
  }
  .text-\[\#6B6B6B\] {
    color: #6b6b6b;
  }
  .text-\[\#6B7280\] {
    color: #6b7280;
  }
  .text-\[\#007AFF\],
  .text-\[\#007aff\] {
    color: #007aff;
  }
  .text-\[\#008C2E\] {
    color: #008c2e;
  }
  .text-\[\#8E3CF3\] {
    color: #8e3cf3;
  }
  .text-\[\#8F8F8F\],
  .text-\[\#8f8f8f\] {
    color: #8f8f8f;
  }
  .text-\[\#10A37F\] {
    color: #10a37f;
  }
  .text-\[\#30a633\] {
    color: #30a633;
  }
  .text-\[\#0088FF\] {
    color: #08f;
  }
  .text-\[\#262B72\] {
    color: #262b72;
  }
  .text-\[\#0285FF\],
  .text-\[\#0285ff\] {
    color: #0285ff;
  }
  .text-\[\#0385FF\] {
    color: #0385ff;
  }
  .text-\[\#615EEB\] {
    color: #615eeb;
  }
  .text-\[\#923B0F\] {
    color: #923b0f;
  }
  .text-\[\#3794FF\] {
    color: #3794ff;
  }
  .text-\[\#4285F4\] {
    color: #4285f4;
  }
  .text-\[\#4362A0\] {
    color: #4362a0;
  }
  .text-\[\#5856D6\] {
    color: #5856d6;
  }
  .text-\[\#008000\] {
    color: green;
  }
  .text-\[\#24622B\] {
    color: #24622b;
  }
  .text-\[\#27272a\] {
    color: #27272a;
  }
  .text-\[\#30313d\] {
    color: #30313d;
  }
  .text-\[\#52525b\] {
    color: #52525b;
  }
  .text-\[\#53565A\] {
    color: #53565a;
  }
  .text-\[\#59636E\] {
    color: #59636e;
  }
  .text-\[\#71717a\] {
    color: #71717a;
  }
  .text-\[\#94673b\] {
    color: #94673b;
  }
  .text-\[\#101828\]\! {
    color: #101828 !important;
  }
  .text-\[\#334064\] {
    color: #334064;
  }
  .text-\[\#414141\] {
    color: #414141;
  }
  .text-\[\#667085\] {
    color: #667085;
  }
  .text-\[\#667085\]\! {
    color: #667085 !important;
  }
  .text-\[\#808080\] {
    color: gray;
  }
  .text-\[\#AF52DE\] {
    color: #af52de;
  }
  .text-\[\#C23B46\] {
    color: #c23b46;
  }
  .text-\[\#C76B12\] {
    color: #c76b12;
  }
  .text-\[\#C24343\] {
    color: #c24343;
  }
  .text-\[\#D6303D\] {
    color: #d6303d;
  }
  .text-\[\#E02E2A\] {
    color: #e02e2a;
  }
  .text-\[\#E25507\] {
    color: #e25507;
  }
  .text-\[\#EE4D83\] {
    color: #ee4d83;
  }
  .text-\[\#F75858\] {
    color: #f75858;
  }
  .text-\[\#FE7600\] {
    color: #fe7600;
  }
  .text-\[\#a1a1aa\] {
    color: #a1a1aa;
  }
  .text-\[\#a96e25\] {
    color: #a96e25;
  }
  .text-\[\#afafaf\]\! {
    color: #afafaf !important;
  }
  .text-\[\#df1b41\] {
    color: #df1b41;
  }
  .text-\[\#e02e2a\] {
    color: #e02e2a;
  }
  .text-\[\#e29e00\] {
    color: #e29e00;
  }
  .text-\[\#f14d42\] {
    color: #f14d42;
  }
  .text-\[\#ff002a\] {
    color: #ff002a;
  }
  .text-\[black\] {
    color: #000;
  }
  .text-\[rgb\(18\,100\,163\)\] {
    color: #1264a3;
  }
  .text-\[rgba\(0\,0\,0\,0\.6\)\] {
    color: #0009;
  }
  .text-\[rgba\(2\,133\,255\,1\)\] {
    color: #0285ff;
  }
  .text-\[rgba\(255\,255\,255\,0\.8\)\] {
    color: #fffc;
  }
  .text-\[var\(--bg-primary\)\] {
    color: var(--bg-primary);
  }
  .text-\[var\(--color-text-info-soft\)\] {
    color: var(--color-text-info-soft);
  }
  .text-\[var\(--green-600\)\] {
    color: var(--green-600);
  }
  .text-\[var\(--input-font-size\)\] {
    color: var(--input-font-size);
  }
  .text-\[var\(--interactive-label-accent-default\)\] {
    color: var(--interactive-label-accent-default);
  }
  .text-\[var\(--main-surface-primary-inverse\)\] {
    color: var(--main-surface-primary-inverse);
  }
  .text-\[var\(--sidebar-surface-secondary\)\] {
    color: var(--sidebar-surface-secondary);
  }
  .text-\[var\(--theme-entity-accent\)\] {
    color: var(--theme-entity-accent);
  }
  .text-\[var\(--theme-user-msg-text\)\] {
    color: var(--theme-user-msg-text);
  }
  .text-\[var\(--walnut-range-chip-stroke\,var\(--interactive-label-accent-default\)\)\] {
    color: var(
      --walnut-range-chip-stroke,
      var(--interactive-label-accent-default)
    );
  }
  .text-black {
    color: #000;
  }
  .text-black\! {
    color: #000 !important;
  }
  .text-black\/25 {
    color: #00000040;
    color: lab(0% 0 0/0.25);
  }
  .text-black\/35 {
    color: #00000059;
    color: lab(0% 0 0/0.35);
  }
  .text-black\/45 {
    color: #00000073;
    color: lab(0% 0 0/0.45);
  }
  .text-black\/50 {
    color: #00000080;
    color: lab(0% 0 0/0.5);
  }
  .text-black\/60 {
    color: #0009;
    color: lab(0% 0 0/0.6);
  }
  .text-black\/75 {
    color: #000000bf;
    color: lab(0% 0 0/0.75);
  }
  .text-black\/80 {
    color: #000c;
    color: lab(0% 0 0/0.8);
  }
  .text-blue-100 {
    color: var(--blue-100);
  }
  .text-blue-200 {
    color: var(--blue-200);
  }
  .text-blue-300 {
    color: var(--blue-300);
  }
  .text-blue-400 {
    color: var(--blue-400);
  }
  .text-blue-400\! {
    color: var(--blue-400) !important;
  }
  .text-blue-500 {
    color: var(--blue-500);
  }
  .text-blue-600 {
    color: var(--blue-600);
  }
  .text-blue-700 {
    color: var(--blue-700);
  }
  .text-blue-800 {
    color: var(--blue-800);
  }
  .text-blue-900 {
    color: var(--blue-900);
  }
  .text-brand-blue-800 {
    color: #0066de;
  }
  .text-brand-green-800 {
    color: #05a746;
  }
  .text-brand-purple {
    color: #ab68ff;
  }
  .text-brand-purple-800 {
    color: #5400de;
  }
  .text-current,
  .text-current\/80 {
    color: currentColor;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-current\/80 {
      color: color-mix(in oklab, currentcolor 80%, transparent);
    }
  }
  .text-danger {
    color: var(--red-500);
  }
  .text-danger\! {
    color: var(--red-500) !important;
  }
  .text-gray-100 {
    color: var(--gray-100);
  }
  .text-gray-200 {
    color: var(--gray-200);
  }
  .text-gray-300 {
    color: var(--gray-300);
  }
  .text-gray-400 {
    color: var(--gray-400);
  }
  .text-gray-500 {
    color: var(--gray-500);
  }
  .text-gray-600 {
    color: var(--gray-600);
  }
  .text-gray-700 {
    color: var(--gray-700);
  }
  .text-gray-800 {
    color: var(--gray-800);
  }
  .text-gray-900 {
    color: var(--gray-900);
  }
  .text-gray-950,
  .text-gray-950\/80 {
    color: var(--gray-950);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-gray-950\/80 {
      color: color-mix(in oklab, var(--gray-950) 80%, transparent);
    }
  }
  .text-gray-solid-500 {
    color: #5d5d5d;
  }
  .text-green-200 {
    color: var(--green-200);
  }
  .text-green-300 {
    color: var(--green-300);
  }
  .text-green-400 {
    color: var(--green-400);
  }
  .text-green-500 {
    color: var(--green-500);
  }
  .text-green-600 {
    color: var(--green-600);
  }
  .text-green-700 {
    color: var(--green-700);
  }
  .text-green-800 {
    color: var(--green-800);
  }
  .text-green-900 {
    color: var(--green-900);
  }
  .text-green-950 {
    color: var(--green-950);
  }
  .text-inherit {
    color: inherit;
  }
  .text-orange-300 {
    color: var(--orange-300);
  }
  .text-orange-400 {
    color: var(--orange-400);
  }
  .text-orange-500 {
    color: var(--orange-500);
  }
  .text-orange-600 {
    color: var(--orange-600);
  }
  .text-orange-700 {
    color: var(--orange-700);
  }
  .text-orange-800 {
    color: var(--orange-800);
  }
  .text-pink-400 {
    color: var(--pink-400);
  }
  .text-pink-500 {
    color: var(--pink-500);
  }
  .text-pink-800 {
    color: var(--pink-800);
  }
  .text-purple-200 {
    color: var(--purple-200);
  }
  .text-purple-400 {
    color: var(--purple-400);
  }
  .text-purple-500 {
    color: var(--purple-500);
  }
  .text-purple-800 {
    color: var(--purple-800);
  }
  .text-red-100 {
    color: var(--red-100);
  }
  .text-red-200 {
    color: var(--red-200);
  }
  .text-red-300 {
    color: var(--red-300);
  }
  .text-red-400,
  .text-red-400\/30 {
    color: var(--red-400);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-red-400\/30 {
      color: color-mix(in oklab, var(--red-400) 30%, transparent);
    }
  }
  .text-red-500 {
    color: var(--red-500);
  }
  .text-red-600 {
    color: var(--red-600);
  }
  .text-red-700 {
    color: var(--red-700);
  }
  .text-red-800 {
    color: var(--red-800);
  }
  .text-red-900 {
    color: var(--red-900);
  }
  .text-red-950 {
    color: var(--red-950);
  }
  .text-token-bg-accent-static {
    color: var(--bg-accent-static);
  }
  .text-token-bg-primary {
    color: var(--bg-primary);
  }
  .text-token-bg-secondary {
    color: var(--bg-secondary);
  }
  .text-token-border-default {
    color: var(--border-default);
  }
  .text-token-border-heavy {
    color: var(--border-heavy);
  }
  .text-token-icon-accent {
    color: var(--icon-accent);
  }
  .text-token-icon-accent\! {
    color: var(--icon-accent) !important;
  }
  .text-token-icon-primary {
    color: var(--icon-primary);
  }
  .text-token-icon-secondary {
    color: var(--icon-secondary);
  }
  .text-token-icon-status-error {
    color: var(--icon-status-error);
  }
  .text-token-icon-status-warning {
    color: var(--icon-status-warning);
  }
  .text-token-icon-tertiary,
  .text-token-icon-tertiary\/80 {
    color: var(--icon-tertiary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-token-icon-tertiary\/80 {
      color: color-mix(in oklab, var(--icon-tertiary) 80%, transparent);
    }
  }
  .text-token-interactive-icon-accent-default {
    color: var(--interactive-icon-accent-default);
  }
  .text-token-interactive-icon-tertiary-default {
    color: var(--interactive-icon-tertiary-default);
  }
  .text-token-interactive-label-accent-default {
    color: var(--interactive-label-accent-default);
  }
  .text-token-interactive-label-danger-secondary-default {
    color: var(--interactive-label-danger-secondary-default);
  }
  .text-token-interactive-label-primary-default {
    color: var(--interactive-label-primary-default);
  }
  .text-token-interactive-label-primary-press {
    color: var(--interactive-label-primary-press);
  }
  .text-token-interactive-label-secondary-default {
    color: var(--interactive-label-secondary-default);
  }
  .text-token-interactive-label-tertiary-default {
    color: var(--interactive-label-tertiary-default);
  }
  .text-token-interactive-label-tertiary-inactive {
    color: var(--interactive-label-tertiary-inactive);
  }
  .text-token-link {
    color: var(--link);
  }
  .text-token-main-surface-primary {
    color: var(--main-surface-primary);
  }
  .text-token-main-surface-primary\! {
    color: var(--main-surface-primary) !important;
  }
  .text-token-main-surface-primary-inverse {
    color: var(--main-surface-primary-inverse);
  }
  .text-token-main-surface-secondary {
    color: var(--main-surface-secondary);
  }
  .text-token-main-surface-tertiary {
    color: var(--main-surface-tertiary);
  }
  .text-token-sidebar-surface {
    color: var(--sidebar-surface);
  }
  .text-token-text-accent {
    color: var(--text-accent);
  }
  .text-token-text-error {
    color: var(--text-error);
  }
  .text-token-text-inverted {
    color: var(--text-inverted);
  }
  .text-token-text-inverted-static {
    color: var(--text-inverted-static);
  }
  .text-token-text-primary {
    color: var(--text-primary);
  }
  .text-token-text-primary\! {
    color: var(--text-primary) !important;
  }
  .text-token-text-primary\/35 {
    color: var(--text-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-token-text-primary\/35 {
      color: color-mix(in oklab, var(--text-primary) 35%, transparent);
    }
  }
  .text-token-text-primary\/44 {
    color: var(--text-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-token-text-primary\/44 {
      color: color-mix(in oklab, var(--text-primary) 44%, transparent);
    }
  }
  .text-token-text-primary\/60 {
    color: var(--text-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-token-text-primary\/60 {
      color: color-mix(in oklab, var(--text-primary) 60%, transparent);
    }
  }
  .text-token-text-primary\/80 {
    color: var(--text-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-token-text-primary\/80 {
      color: color-mix(in oklab, var(--text-primary) 80%, transparent);
    }
  }
  .text-token-text-primary\/90 {
    color: var(--text-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-token-text-primary\/90 {
      color: color-mix(in oklab, var(--text-primary) 90%, transparent);
    }
  }
  .text-token-text-quaternary {
    color: var(--text-quaternary);
  }
  .text-token-text-secondary {
    color: var(--text-secondary);
  }
  .text-token-text-secondary\! {
    color: var(--text-secondary) !important;
  }
  .text-token-text-secondary\/70 {
    color: var(--text-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-token-text-secondary\/70 {
      color: color-mix(in oklab, var(--text-secondary) 70%, transparent);
    }
  }
  .text-token-text-secondary\/75 {
    color: var(--text-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-token-text-secondary\/75 {
      color: color-mix(in oklab, var(--text-secondary) 75%, transparent);
    }
  }
  .text-token-text-status-error {
    color: var(--text-status-error);
  }
  .text-token-text-status-warning {
    color: var(--text-status-warning);
  }
  .text-token-text-tertiary,
  .text-token-text-tertiary\/50 {
    color: var(--text-tertiary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-token-text-tertiary\/50 {
      color: color-mix(in oklab, var(--text-tertiary) 50%, transparent);
    }
  }
  .text-token-text-tertiary\/60 {
    color: var(--text-tertiary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-token-text-tertiary\/60 {
      color: color-mix(in oklab, var(--text-tertiary) 60%, transparent);
    }
  }
  .text-token-text-tertiary\/80 {
    color: var(--text-tertiary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-token-text-tertiary\/80 {
      color: color-mix(in oklab, var(--text-tertiary) 80%, transparent);
    }
  }
  .text-transparent {
    color: #0000;
  }
  .text-white {
    color: #fff;
  }
  .text-white\! {
    color: #fff !important;
  }
  .text-white\/25 {
    color: #ffffff40;
    color: lab(100% -0.0000298023 0.0000119209/.25);
  }
  .text-white\/50 {
    color: #ffffff80;
    color: lab(100% -0.0000298023 0.0000119209/.5);
  }
  .text-white\/55 {
    color: #ffffff8c;
    color: lab(100% -0.0000298023 0.0000119209/.55);
  }
  .text-white\/60 {
    color: #fff9;
    color: lab(100% -0.0000298023 0.0000119209/.6);
  }
  .text-white\/65 {
    color: #ffffffa6;
    color: lab(100% -0.0000298023 0.0000119209/.65);
  }
  .text-white\/70 {
    color: #ffffffb3;
    color: lab(100% -0.0000298023 0.0000119209/.7);
  }
  .text-white\/75 {
    color: #ffffffbf;
    color: lab(100% -0.0000298023 0.0000119209/.75);
  }
  .text-white\/80 {
    color: #fffc;
    color: lab(100% -0.0000298023 0.0000119209/.8);
  }
  .text-white\/82 {
    color: #ffffffd1;
    color: lab(100% -0.0000298023 0.0000119209/.82);
  }
  .text-white\/85 {
    color: #ffffffd9;
    color: lab(100% -0.0000298023 0.0000119209/.85);
  }
  .text-white\/90 {
    color: #ffffffe6;
    color: lab(100% -0.0000298023 0.0000119209/.9);
  }
  .text-white\/95 {
    color: #fffffff2;
    color: lab(100% -0.0000298023 0.0000119209/.95);
  }
  .text-yellow-200 {
    color: var(--yellow-200);
  }
  .text-yellow-400 {
    color: var(--yellow-400);
  }
  .text-yellow-500 {
    color: var(--yellow-500);
  }
  .text-yellow-600 {
    color: var(--yellow-600);
  }
  .text-yellow-700 {
    color: var(--yellow-700);
  }
  .text-yellow-800 {
    color: var(--yellow-800);
  }
  .text-yellow-900 {
    color: var(--yellow-900);
  }
  .capitalize {
    text-transform: capitalize;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .normal-case {
    text-transform: none;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .italic\! {
    font-style: italic !important;
  }
  .not-italic {
    font-style: normal;
  }
  .lining-nums {
    --tw-numeric-figure: lining-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,)
      var(--tw-numeric-figure,) var(--tw-numeric-spacing,)
      var(--tw-numeric-fraction,);
  }
  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,)
      var(--tw-numeric-figure,) var(--tw-numeric-spacing,)
      var(--tw-numeric-fraction,);
  }
  .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,);
  }
  .\[text-decoration-line\:underline\] {
    text-decoration-line: underline;
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .no-underline\! {
    text-decoration-line: none !important;
  }
  .overline {
    text-decoration-line: overline;
  }
  .overline\! {
    text-decoration-line: overline !important;
  }
  .underline {
    text-decoration-line: underline;
  }
  .underline\! {
    text-decoration-line: underline !important;
  }
  .\[text-decoration-color\:var\(--text-status-error\)\] {
    -webkit-text-decoration-color: var(--text-status-error);
    -webkit-text-decoration-color: var(--text-status-error);
    -webkit-text-decoration-color: var(--text-status-error);
    -webkit-text-decoration-color: var(--text-status-error);
    text-decoration-color: var(--text-status-error);
  }
  .decoration-blue-100 {
    -webkit-text-decoration-color: var(--blue-100);
    -webkit-text-decoration-color: var(--blue-100);
    -webkit-text-decoration-color: var(--blue-100);
    -webkit-text-decoration-color: var(--blue-100);
    text-decoration-color: var(--blue-100);
  }
  .decoration-current {
    text-decoration-color: currentColor;
  }
  .decoration-gray-300 {
    -webkit-text-decoration-color: var(--gray-300);
    -webkit-text-decoration-color: var(--gray-300);
    -webkit-text-decoration-color: var(--gray-300);
    -webkit-text-decoration-color: var(--gray-300);
    text-decoration-color: var(--gray-300);
  }
  .decoration-gray-500 {
    -webkit-text-decoration-color: var(--gray-500);
    -webkit-text-decoration-color: var(--gray-500);
    -webkit-text-decoration-color: var(--gray-500);
    -webkit-text-decoration-color: var(--gray-500);
    text-decoration-color: var(--gray-500);
  }
  .decoration-red-100 {
    -webkit-text-decoration-color: var(--red-100);
    -webkit-text-decoration-color: var(--red-100);
    -webkit-text-decoration-color: var(--red-100);
    -webkit-text-decoration-color: var(--red-100);
    text-decoration-color: var(--red-100);
  }
  .decoration-token-border-heavy {
    -webkit-text-decoration-color: var(--border-heavy);
    -webkit-text-decoration-color: var(--border-heavy);
    -webkit-text-decoration-color: var(--border-heavy);
    -webkit-text-decoration-color: var(--border-heavy);
    text-decoration-color: var(--border-heavy);
  }
  .decoration-token-link {
    -webkit-text-decoration-color: var(--link);
    -webkit-text-decoration-color: var(--link);
    -webkit-text-decoration-color: var(--link);
    -webkit-text-decoration-color: var(--link);
    text-decoration-color: var(--link);
  }
  .decoration-token-text-primary {
    -webkit-text-decoration-color: var(--text-primary);
    -webkit-text-decoration-color: var(--text-primary);
    -webkit-text-decoration-color: var(--text-primary);
    -webkit-text-decoration-color: var(--text-primary);
    text-decoration-color: var(--text-primary);
  }
  .decoration-token-text-secondary {
    -webkit-text-decoration-color: var(--text-secondary);
    -webkit-text-decoration-color: var(--text-secondary);
    -webkit-text-decoration-color: var(--text-secondary);
    -webkit-text-decoration-color: var(--text-secondary);
    text-decoration-color: var(--text-secondary);
  }
  .decoration-token-text-tertiary {
    -webkit-text-decoration-color: var(--text-tertiary);
    -webkit-text-decoration-color: var(--text-tertiary);
    -webkit-text-decoration-color: var(--text-tertiary);
    -webkit-text-decoration-color: var(--text-tertiary);
    text-decoration-color: var(--text-tertiary);
  }
  .decoration-token-text-tertiary\! {
    -webkit-text-decoration-color: var(--text-tertiary) !important;
    -webkit-text-decoration-color: var(--text-tertiary) !important;
    -webkit-text-decoration-color: var(--text-tertiary) !important;
    -webkit-text-decoration-color: var(--text-tertiary) !important;
    text-decoration-color: var(--text-tertiary) !important;
  }
  .decoration-token-text-tertiary\/70 {
    -webkit-text-decoration-color: var(--text-tertiary);
    -webkit-text-decoration-color: var(--text-tertiary);
    -webkit-text-decoration-color: var(--text-tertiary);
    -webkit-text-decoration-color: var(--text-tertiary);
    text-decoration-color: var(--text-tertiary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .decoration-token-text-tertiary\/70 {
      -webkit-text-decoration-color: color-mix(
        in oklab,
        var(--text-tertiary) 70%,
        transparent
      );
      -webkit-text-decoration-color: color-mix(
        in oklab,
        var(--text-tertiary) 70%,
        transparent
      );
      -webkit-text-decoration-color: color-mix(
        in oklab,
        var(--text-tertiary) 70%,
        transparent
      );
      -webkit-text-decoration-color: color-mix(
        in oklab,
        var(--text-tertiary) 70%,
        transparent
      );
      text-decoration-color: color-mix(
        in oklab,
        var(--text-tertiary) 70%,
        transparent
      );
    }
  }
  .\[text-decoration-style\:wavy\] {
    text-decoration-style: wavy;
  }
  .decoration-dashed {
    text-decoration-style: dashed;
  }
  .decoration-dotted {
    text-decoration-style: dotted;
  }
  .decoration-solid {
    text-decoration-style: solid;
  }
  .\[text-decoration-thickness\:1px\],
  .decoration-1 {
    text-decoration-thickness: 1px;
  }
  .decoration-2 {
    text-decoration-thickness: 2px;
  }
  .decoration-\[0\.5px\] {
    text-decoration-thickness: 0.5px;
  }
  .decoration-\[1px\] {
    text-decoration-thickness: 1px;
  }
  .decoration-\[8\%\] {
    text-decoration-thickness: 0.08em;
  }
  .decoration-\[11\%\] {
    text-decoration-thickness: 0.11em;
  }
  .decoration-\[12\%\] {
    text-decoration-thickness: 0.12em;
  }
  .underline-offset-1 {
    text-underline-offset: 1px;
  }
  .underline-offset-2 {
    text-underline-offset: 2px;
  }
  .underline-offset-3 {
    text-underline-offset: 3px;
  }
  .underline-offset-4 {
    text-underline-offset: 4px;
  }
  .underline-offset-8 {
    text-underline-offset: 8px;
  }
  .underline-offset-\[2px\] {
    text-underline-offset: 2px;
  }
  .underline-offset-\[6px\] {
    text-underline-offset: 6px;
  }
  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }
  .placeholder-gray-500::placeholder {
    color: var(--gray-500);
  }
  .placeholder-token-text-tertiary::placeholder {
    color: var(--text-tertiary);
  }
  .caret-current {
    caret-color: currentColor;
  }
  .caret-token-text-primary {
    caret-color: var(--text-primary);
  }
  .accent-blue-500 {
    accent-color: var(--blue-500);
  }
  .accent-token-text-primary {
    accent-color: var(--text-primary);
  }
  .\[opacity\:var\(--menu-item-icon-opacity\,1\)\] {
    opacity: var(--menu-item-icon-opacity, 1);
  }
  .opacity-0 {
    opacity: 0;
  }
  .opacity-10 {
    opacity: 0.1;
  }
  .opacity-15 {
    opacity: 0.15;
  }
  .opacity-20 {
    opacity: 0.2;
  }
  .opacity-25 {
    opacity: 0.25;
  }
  .opacity-30 {
    opacity: 0.3;
  }
  .opacity-35 {
    opacity: 0.35;
  }
  .opacity-40 {
    opacity: 0.4;
  }
  .opacity-45 {
    opacity: 0.45;
  }
  .opacity-50 {
    opacity: 0.5;
  }
  .opacity-55 {
    opacity: 0.55;
  }
  .opacity-60 {
    opacity: 0.6;
  }
  .opacity-65 {
    opacity: 0.65;
  }
  .opacity-70 {
    opacity: 0.7;
  }
  .opacity-75 {
    opacity: 0.75;
  }
  .opacity-80 {
    opacity: 0.8;
  }
  .opacity-80\! {
    opacity: 0.8 !important;
  }
  .opacity-85 {
    opacity: 0.85;
  }
  .opacity-90 {
    opacity: 0.9;
  }
  .opacity-100 {
    opacity: 1;
  }
  .opacity-100\! {
    opacity: 1 !important;
  }
  .opacity-\[0\.01\] {
    opacity: 0.01;
  }
  .opacity-\[0\.04\] {
    opacity: 0.04;
  }
  .opacity-\[0\.4\] {
    opacity: 0.4;
  }
  .opacity-\[0\.08\] {
    opacity: 0.08;
  }
  .opacity-\[0\.12\] {
    opacity: 0.12;
  }
  .opacity-\[0\.14\] {
    opacity: 0.14;
  }
  .opacity-\[0\.15\] {
    opacity: 0.15;
  }
  .opacity-\[0\.28\] {
    opacity: 0.28;
  }
  .opacity-\[0\.34\] {
    opacity: 0.34;
  }
  .\[background-blend-mode\:color-dodge\] {
    background-blend-mode: color-dodge;
  }
  .mix-blend-darken {
    mix-blend-mode: darken;
  }
  .mix-blend-difference {
    mix-blend-mode: difference;
  }
  .mix-blend-soft-light {
    mix-blend-mode: soft-light;
  }
  .shadow-long {
    --tw-shadow:
      0px 8px 12px 0px var(--tw-shadow-color, var(--shadow-color-1, #00000014)),
      0px 0px 1px 0px var(--tw-shadow-color, var(--shadow-color-2, #0000009e));
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-long:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) {
    --tw-shadow:
      0px 8px 16px 0px var(--tw-shadow-color, #00000052),
      inset 0px 0px 1px 0px var(--tw-shadow-color, var(--shadow-color-2, #fff3)),
      0px 0px 1px 0px var(--tw-shadow-color, #0000009e);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-short {
    --tw-shadow:
      0px 4px 4px 0px var(--tw-shadow-color, var(--shadow-color-1, #0000000a)),
      0px 0px 1px 0px var(--tw-shadow-color, var(--shadow-color-2, #0000009e));
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-short:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-shadow:
      0px 4px 12px 0px var(--tw-shadow-color, var(--shadow-color-1, #0000001a)),
      inset 0px 0px 1px 0px var(--tw-shadow-color, var(--shadow-color-2, #fff3));
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-short-composer {
    --tw-shadow:
      0px 4px 4px 0px var(--tw-shadow-color, var(--shadow-color-1, #0000000a)),
      0px 4px 80px 8px var(--tw-shadow-color, var(--shadow-color-1, #0000000a)),
      0px 0px 1px 0px var(--tw-shadow-color, var(--shadow-color-2, #0000009e));
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-short-composer:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-shadow:
      0px 4px 4px 0px var(--tw-shadow-color, var(--shadow-color-1, #0000000d)),
      0px 4px 80px 0px var(--tw-shadow-color, var(--shadow-color-1, #0000000d)),
      inset 0px 0px 1px 0px var(--tw-shadow-color, var(--shadow-color-2, #fff3));
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xs\/3 {
    --tw-shadow-alpha: 3%;
    --tw-shadow: 0 0 15px var(--tw-shadow-color, #00000008);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  @supports (color: lab(0% 0 0)) {
    .shadow-xs\/3 {
      --tw-shadow: 0 0 15px var(--tw-shadow-color, lab(0% 0 0/0.03));
    }
  }
  .\!shadow-sm {
    --tw-shadow:
      0 1px 3px 0 var(--tw-shadow-color, #0000001a),
      0 1px 2px -1px var(--tw-shadow-color, #0000001a) !important;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow {
    --tw-shadow:
      0 1px 3px 0 var(--tw-shadow-color, #0000001a),
      0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow\! {
    --tw-shadow:
      0 1px 3px 0 var(--tw-shadow-color, #0000001a),
      0 1px 2px -1px var(--tw-shadow-color, #0000001a) !important;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-\(--shadow-lg\) {
    --tw-shadow: var(--shadow-lg);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[-4px_0_0_0_var\(--bg-primary\)\] {
    --tw-shadow: -4px 0 0 0 var(--tw-shadow-color, var(--bg-primary));
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[-16px_0_48px_rgba\(0\,0\,0\,0\.12\)\] {
    --tw-shadow: -16px 0 48px var(--tw-shadow-color, #0000001f);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_-4px_32px_rgba\(0\,0\,0\,0\.08\)\] {
    --tw-shadow: 0 -4px 32px var(--tw-shadow-color, #00000014);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0\.5px_1px_rgba\(13\,13\,13\,0\.10\)\] {
    --tw-shadow: 0 0.5px 1px var(--tw-shadow-color, #0d0d0d1a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_1px_\#0d0d0d0f\,0_12px_28px_\#0f0f0f12\,inset_0_1px_\#ffffff73\] {
    --tw-shadow:
      0 0 0 1px var(--tw-shadow-color, #0d0d0d0f),
      0 12px 28px var(--tw-shadow-color, #0f0f0f12),
      inset 0 1px var(--tw-shadow-color, #ffffff73);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_1px_rgba\(0\,0\,0\,0\.4\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #0006);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_1px_rgba\(15\,23\,42\,0\.45\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #0f172a73);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_1px_rgba\(16\,185\,129\,0\.25\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #10b98140);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_1px_rgba\(59\,130\,246\,0\.22\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #3b82f638);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_1px_rgba\(220\,38\,38\,0\.15\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #dc262626);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_1px_var\(--token-bg-primary\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--token-bg-primary));
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_2px_rgba\(16\,163\,127\,0\.18\)\] {
    --tw-shadow: 0 0 0 2px var(--tw-shadow-color, #10a37f2e);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_4px\] {
    --tw-shadow: 0 0 0 4px var(--tw-shadow-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);
  }
  .shadow-\[0_0_0_4px_rgba\(255\,255\,255\,0\.18\)\] {
    --tw-shadow: 0 0 0 4px var(--tw-shadow-color, #ffffff2e);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_1px_rgba\(0\,0\,0\,0\.6\)\,0_0_2px_rgba\(0\,0\,0\,0\.05\)\,0_38px_90px_rgba\(0\,0\,0\,0\.25\)\] {
    --tw-shadow:
      0 0 1px var(--tw-shadow-color, #0009),
      0 0 2px var(--tw-shadow-color, #0000000d),
      0 38px 90px var(--tw-shadow-color, #00000040);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_8px_rgba\(14\,165\,233\,0\.45\)\] {
    --tw-shadow: 0 0 8px var(--tw-shadow-color, #0ea5e973);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_18px_rgba\(0\,0\,0\,0\.12\)\] {
    --tw-shadow: 0 0 18px var(--tw-shadow-color, #0000001f);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_24px_rgba\(0\,0\,0\,0\.05\)\] {
    --tw-shadow: 0 0 24px var(--tw-shadow-color, #0000000d);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_24px_rgba\(0\,0\,0\,0\.08\)\] {
    --tw-shadow: 0 0 24px var(--tw-shadow-color, #00000014);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_40px\] {
    --tw-shadow: 0 0 40px var(--tw-shadow-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);
  }
  .shadow-\[0_0_50px\] {
    --tw-shadow: 0 0 50px var(--tw-shadow-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);
  }
  .shadow-\[0_0_64px_0_rgba\(0\,0\,0\,0\.07\)\] {
    --tw-shadow: 0 0 64px 0 var(--tw-shadow-color, #00000012);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_84px_0_rgba\(0\,105\,209\,0\.5\)\] {
    --tw-shadow: 0 0 84px 0 var(--tw-shadow-color, #0069d180);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1px_0\] {
    --tw-shadow: 0 1px 0 var(--tw-shadow-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);
  }
  .shadow-\[0_1px_0_0_var\(--border-light\)\] {
    --tw-shadow: 0 1px 0 0 var(--tw-shadow-color, var(--border-light));
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1px_1px_rgba\(0\,0\,0\,0\.03\)\,_0_4\.93747px_9\.05202px_rgba\(0\,0\,0\,0\.11\)\] {
    --tw-shadow:
      0 1px 1px var(--tw-shadow-color, #00000008),
      0 4.93747px 9.05202px var(--tw-shadow-color, #0000001c);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.04\)\] {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, #0000000a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1px_2px_rgba\(15\,23\,42\,0\.03\)\] {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, #0f172a08);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1px_4px_rgba\(15\,23\,42\,0\.08\)\] {
    --tw-shadow: 0 1px 4px var(--tw-shadow-color, #0f172a14);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1px_6px_rgba\(0\,0\,0\,0\.06\)\] {
    --tw-shadow: 0 1px 6px var(--tw-shadow-color, #0000000f);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_2px_3px_0_rgba\(0\,0\,0\,0\.25\)\] {
    --tw-shadow: 0 2px 3px 0 var(--tw-shadow-color, #00000040);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_2px_8px_rgba\(0\,0\,0\,0\.08\)\] {
    --tw-shadow: 0 2px 8px var(--tw-shadow-color, #00000014);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_2px_8px_rgba\(0\,0\,0\,0\.12\)\] {
    --tw-shadow: 0 2px 8px var(--tw-shadow-color, #0000001f);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_2px_10px\] {
    --tw-shadow: 0 2px 10px var(--tw-shadow-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);
  }
  .shadow-\[0_2px_10px_rgba\(0\,0\,0\,0\.06\)\] {
    --tw-shadow: 0 2px 10px var(--tw-shadow-color, #0000000f);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_3\.095px_10\.318px_0_rgba\(0\,0\,0\,0\.05\)\,0_10\.318px_18\.573px_0_rgba\(0\,0\,0\,0\.08\)\] {
    --tw-shadow:
      0 3.095px 10.318px 0 var(--tw-shadow-color, #0000000d),
      0 10.318px 18.573px 0 var(--tw-shadow-color, #00000014);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.2\)\] {
    --tw-shadow: 0 4px 12px var(--tw-shadow-color, #0003);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.16\)\] {
    --tw-shadow: 0 4px 12px var(--tw-shadow-color, #00000029);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_4px_16px_0_rgba\(0\,0\,0\,0\.04\)\] {
    --tw-shadow: 0 4px 16px 0 var(--tw-shadow-color, #0000000a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_4px_16px_0_rgba\(0\,0\,0\,0\.05\)\] {
    --tw-shadow: 0 4px 16px 0 var(--tw-shadow-color, #0000000d);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_4px_16px_0_rgba\(13\,13\,13\,0\.05\)\] {
    --tw-shadow: 0 4px 16px 0 var(--tw-shadow-color, #0d0d0d0d);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_4px_16px_rgba\(0\,0\,0\,0\.05\)\] {
    --tw-shadow: 0 4px 16px var(--tw-shadow-color, #0000000d);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_4px_24px_-5px_rgba\(0\,0\,0\,0\.2\)\] {
    --tw-shadow: 0 4px 24px -5px var(--tw-shadow-color, #0003);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_4px_25px_-5px_rgba\(232\,235\,255\,0\.57\)\] {
    --tw-shadow: 0 4px 25px -5px var(--tw-shadow-color, #e8ebff91);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_4px_25px_0_rgba\(232\,235\,255\,0\.57\)\] {
    --tw-shadow: 0 4px 25px 0 var(--tw-shadow-color, #e8ebff91);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_4px_30px_0_rgba\(0\,0\,0\,0\.12\)\] {
    --tw-shadow: 0 4px 30px 0 var(--tw-shadow-color, #0000001f);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_4px_30px_0_rgba\(88\,86\,214\,0\.12\)\] {
    --tw-shadow: 0 4px 30px 0 var(--tw-shadow-color, #5856d61f);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_4px_48px_10px_rgba\(0\,0\,0\,0\.03\)\,0_2px_8px_0_rgba\(0\,0\,0\,0\.03\)\] {
    --tw-shadow:
      0 4px 48px 10px var(--tw-shadow-color, #00000008),
      0 2px 8px 0 var(--tw-shadow-color, #00000008);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_4px_64px_0_rgba\(0\,0\,0\,0\.2\)\] {
    --tw-shadow: 0 4px 64px 0 var(--tw-shadow-color, #0003);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_5px_8px_3px_rgba\(0\,0\,0\,0\.05\)\,_0_0\.5px_1px_0px_rgba\(0\,0\,0\,0\.09\)\] {
    --tw-shadow:
      0 5px 8px 3px var(--tw-shadow-color, #0000000d),
      0 0.5px 1px 0px var(--tw-shadow-color, #00000017);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_5px_8px_3px_rgba\(0\,0\,0\,0\.025\)\,_0_0\.5px_1px_0px_rgba\(0\,0\,0\,0\.045\)\] {
    --tw-shadow:
      0 5px 8px 3px var(--tw-shadow-color, #00000006),
      0 0.5px 1px 0px var(--tw-shadow-color, #0000000b);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_8px_12px_0_rgba\(0\,0\,0\,0\.16\)\,0_0_1px_0_rgba\(0\,0\,0\,0\.60\)\] {
    --tw-shadow:
      0 8px 12px 0 var(--tw-shadow-color, #00000029),
      0 0 1px 0 var(--tw-shadow-color, #0009);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_8px_24px_rgba\(0\,0\,0\,0\.05\)\] {
    --tw-shadow: 0 8px 24px var(--tw-shadow-color, #0000000d);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_8px_24px_rgba\(0\,0\,0\,0\.06\)\] {
    --tw-shadow: 0 8px 24px var(--tw-shadow-color, #0000000f);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_8px_24px_rgba\(0\,0\,0\,0\.12\)\] {
    --tw-shadow: 0 8px 24px var(--tw-shadow-color, #0000001f);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_8px_24px_rgba\(0\,0\,0\,0\.18\)\] {
    --tw-shadow: 0 8px 24px var(--tw-shadow-color, #0000002e);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_8px_30px_0_rgba\(0\,0\,0\,0\.05\)\] {
    --tw-shadow: 0 8px 30px 0 var(--tw-shadow-color, #0000000d);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_10px_24px_rgba\(14\,165\,233\,0\.18\)\] {
    --tw-shadow: 0 10px 24px var(--tw-shadow-color, #0ea5e92e);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_10px_24px_rgba\(15\,23\,42\,0\.08\)\] {
    --tw-shadow: 0 10px 24px var(--tw-shadow-color, #0f172a14);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_10px_24px_rgba\(97\,87\,255\,0\.28\)\] {
    --tw-shadow: 0 10px 24px var(--tw-shadow-color, #6157ff47);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_10px_30px_rgba\(0\,0\,0\,0\.35\)\] {
    --tw-shadow: 0 10px 30px var(--tw-shadow-color, #00000059);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_12px_24px_-6px_rgb\(0_0_0_\/_0\.1\)\,0_0_1px_rgb\(0_0_0_\/_0\.2\)\] {
    --tw-shadow:
      0 12px 24px -6px var(--tw-shadow-color, #0000001a),
      0 0 1px var(--tw-shadow-color, #0003);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_12px_32px_rgba\(0\,0\,0\,0\.35\)\] {
    --tw-shadow: 0 12px 32px var(--tw-shadow-color, #00000059);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_12px_32px_rgba\(15\,23\,42\,0\.08\)\] {
    --tw-shadow: 0 12px 32px var(--tw-shadow-color, #0f172a14);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_12px_32px_rgba\(15\,23\,42\,0\.14\)\] {
    --tw-shadow: 0 12px 32px var(--tw-shadow-color, #0f172a24);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_12px_32px_rgba\(15\,23\,42\,0\.18\)\] {
    --tw-shadow: 0 12px 32px var(--tw-shadow-color, #0f172a2e);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_12px_36px_rgba\(0\,0\,0\,0\.06\)\] {
    --tw-shadow: 0 12px 36px var(--tw-shadow-color, #0000000f);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_12px_40px_rgba\(0\,0\,0\,0\.04\)\] {
    --tw-shadow: 0 12px 40px var(--tw-shadow-color, #0000000a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_12px_40px_rgba\(0\,0\,0\,0\.18\)\] {
    --tw-shadow: 0 12px 40px var(--tw-shadow-color, #0000002e);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_12px_40px_rgba\(0\,0\,0\,0\.22\)\] {
    --tw-shadow: 0 12px 40px var(--tw-shadow-color, #00000038);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_14px_62px_0_rgba\(0\,0\,0\,0\.25\)\] {
    --tw-shadow: 0 14px 62px 0 var(--tw-shadow-color, #00000040);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_16px_30px_-26px_rgba\(15\,23\,42\,0\.45\)\] {
    --tw-shadow: 0 16px 30px -26px var(--tw-shadow-color, #0f172a73);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_16px_32px_-24px_rgba\(15\,23\,42\,0\.25\)\] {
    --tw-shadow: 0 16px 32px -24px var(--tw-shadow-color, #0f172a40);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_16px_40px_rgba\(0\,0\,0\,0\.22\)\] {
    --tw-shadow: 0 16px 40px var(--tw-shadow-color, #00000038);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_18px_42px_rgba\(0\,0\,0\,0\.28\)\] {
    --tw-shadow: 0 18px 42px var(--tw-shadow-color, #00000047);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_18px_50px_rgba\(0\,0\,0\,0\.08\)\] {
    --tw-shadow: 0 18px 50px var(--tw-shadow-color, #00000014);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_18px_60px_rgba\(28\,39\,94\,0\.08\)\] {
    --tw-shadow: 0 18px 60px var(--tw-shadow-color, #1c275e14);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_19px_54px_rgba\(0\,0\,0\,0\.08\)\] {
    --tw-shadow: 0 19px 54px var(--tw-shadow-color, #00000014);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_20px_25px_-5px_rgba\(0\,0\,0\,0\.1\)\,0_8px_10px_-6px_rgba\(0\,0\,0\,0\.1\)\] {
    --tw-shadow:
      0 20px 25px -5px var(--tw-shadow-color, #0000001a),
      0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_20px_60px_rgba\(0\,0\,0\,0\.08\)\] {
    --tw-shadow: 0 20px 60px var(--tw-shadow-color, #00000014);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_20px_60px_rgba\(0\,0\,0\,0\.55\)\] {
    --tw-shadow: 0 20px 60px var(--tw-shadow-color, #0000008c);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_24px_64px_rgba\(0\,0\,0\,0\.28\)\] {
    --tw-shadow: 0 24px 64px var(--tw-shadow-color, #00000047);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_24px_80px_rgba\(0\,0\,0\,0\.65\)\] {
    --tw-shadow: 0 24px 80px var(--tw-shadow-color, #000000a6);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_24px_80px_rgba\(19\,31\,74\,0\.12\)\] {
    --tw-shadow: 0 24px 80px var(--tw-shadow-color, #131f4a1f);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_28px_80px_rgba\(0\,0\,0\,0\.18\)\] {
    --tw-shadow: 0 28px 80px var(--tw-shadow-color, #0000002e);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_30px_80px_rgba\(0\,0\,0\,0\.6\)\] {
    --tw-shadow: 0 30px 80px var(--tw-shadow-color, #0009);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_32px_48px_rgba\(0\,0\,0\,0\.175\)\,_0_0_1px_rgba\(0\,0\,0\,0\.2\)\] {
    --tw-shadow:
      0 32px 48px var(--tw-shadow-color, #0000002d),
      0 0 1px var(--tw-shadow-color, #0003);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_0\.5px_1px_0px_rgba\(0\,0\,0\,0\.09\)\,0px_5px_8px_0px_rgba\(0\,0\,0\,0\.05\)\] {
    --tw-shadow:
      0px 0.5px 1px 0px var(--tw-shadow-color, #00000017),
      0px 5px 8px 0px var(--tw-shadow-color, #0000000d);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_0\.25px_0\.25px_0px_rgba\(0\,0\,0\,0\.12\)\,0px_0\.5px_0\.5px_0px_rgba\(0\,0\,0\,0\.04\)\] {
    --tw-shadow:
      0px 0.25px 0.25px 0px var(--tw-shadow-color, #0000001f),
      0px 0.5px 0.5px 0px var(--tw-shadow-color, #0000000a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_0px_0px_1px_rgba\(0\,0\,0\,0\.07\)\,0px_4px_80px_rgba\(0\,0\,0\,0\.02\)\] {
    --tw-shadow:
      0px 0px 0px 1px var(--tw-shadow-color, #00000012),
      0px 4px 80px var(--tw-shadow-color, #00000005);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_0px_0px_1px_rgba\(0\,0\,0\,0\.08\)\,0px_2px_2px_rgba\(0\,0\,0\,0\.08\)\,0px_4px_80px_rgba\(0\,0\,0\,0\.03\)\] {
    --tw-shadow:
      0px 0px 0px 1px var(--tw-shadow-color, #00000014),
      0px 2px 2px var(--tw-shadow-color, #00000014),
      0px 4px 80px var(--tw-shadow-color, #00000008);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_0px_0px_1px_var\(--border-heavy\)\,0px_4px_12px_rgba\(0\,0\,0\,0\.12\)\] {
    --tw-shadow:
      0px 0px 0px 1px var(--tw-shadow-color, var(--border-heavy)),
      0px 4px 12px var(--tw-shadow-color, #0000001f);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_0px_0px_1px_var\(--border-heavy\)\,0px_6px_20px_rgba\(0\,0\,0\,0\.1\)\] {
    --tw-shadow:
      0px 0px 0px 1px var(--tw-shadow-color, var(--border-heavy)),
      0px 6px 20px var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_0px_32px_rgba\(0\,0\,0\,0\.08\)\] {
    --tw-shadow: 0px 0px 32px var(--tw-shadow-color, #00000014);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_1px_1px_0px_rgba\(0\,0\,0\,0\.05\)\] {
    --tw-shadow: 0px 1px 1px 0px var(--tw-shadow-color, #0000000d);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_1px_1px_0px_var\(--shadow-color-1\,rgba\(0\,_0\,_0\,_0\.06\)\)\,0px_0px_1px_0px_var\(--shadow-color-2\,rgba\(0\,_0\,_0\,_0\.3\)\)\] {
    --tw-shadow:
      0px 1px 1px 0px var(--tw-shadow-color, var(--shadow-color-1, #0000000f)),
      0px 0px 1px 0px var(--tw-shadow-color, var(--shadow-color-2, #0000004d));
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_1px_2px_rgba\(0\,0\,0\,0\.14\)\,0px_1px_3px_rgba\(0\,0\,0\,0\.12\)\] {
    --tw-shadow:
      0px 1px 2px var(--tw-shadow-color, #00000024),
      0px 1px 3px var(--tw-shadow-color, #0000001f);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_1px_3px_rgba\(0\,0\,0\,0\.04\)\,0px_0px_0px_0\.5px_var\(--border-light\)\] {
    --tw-shadow:
      0px 1px 3px var(--tw-shadow-color, #0000000a),
      0px 0px 0px 0.5px var(--tw-shadow-color, var(--border-light));
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_2px_8px_rgba\(0\,0\,0\,0\.08\)\] {
    --tw-shadow: 0px 2px 8px var(--tw-shadow-color, #00000014);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_2px_8px_rgba\(0\,0\,0\,0\.16\)\] {
    --tw-shadow: 0px 2px 8px var(--tw-shadow-color, #00000029);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_2px_12px_rgba\(0\,0\,0\,0\.06\)\] {
    --tw-shadow: 0px 2px 12px var(--tw-shadow-color, #0000000f);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_2px_14px_0px_rgba\(0\,0\,0\,0\.04\)\] {
    --tw-shadow: 0px 2px 14px 0px var(--tw-shadow-color, #0000000a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_4px_14px_rgba\(0\,0\,0\,0\.06\)\] {
    --tw-shadow: 0px 4px 14px var(--tw-shadow-color, #0000000f);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_4px_16px_0px_rgba\(0\,0\,0\,0\.05\)\],
  .shadow-\[0px_4px_16px_0px_rgba\(0\,_0\,_0\,_0\.05\)\] {
    --tw-shadow: 0px 4px 16px 0px var(--tw-shadow-color, #0000000d);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_4px_16px_rgba\(0\,0\,0\,0\.05\)\] {
    --tw-shadow: 0px 4px 16px var(--tw-shadow-color, #0000000d);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_4px_80px_rgba\(0\,0\,0\,0\.02\)\] {
    --tw-shadow: 0px 4px 80px var(--tw-shadow-color, #00000005);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_6px_18px_rgba\(0\,0\,0\,0\.07\)\] {
    --tw-shadow: 0px 6px 18px var(--tw-shadow-color, #00000012);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_6px_24px_rgba\(0\,0\,0\,0\.12\)\] {
    --tw-shadow: 0px 6px 24px var(--tw-shadow-color, #0000001f);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_8px_14px_rgba\(0\,0\,0\,0\.05\)\] {
    --tw-shadow: 0px 8px 14px var(--tw-shadow-color, #0000000d);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_8px_32px_rgba\(0\,0\,0\,0\.06\)\] {
    --tw-shadow: 0px 8px 32px var(--tw-shadow-color, #0000000f);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_10px_20px_0px_rgb\(0\,0\,0\,0\.25\)\] {
    --tw-shadow: 0px 10px 20px 0px var(--tw-shadow-color, #00000040);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_10px_30px_0px\] {
    --tw-shadow: 0px 10px 30px 0px var(--tw-shadow-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);
  }
  .shadow-\[0px_12px_32px_rgba\(15\,23\,42\,0\.14\)\] {
    --tw-shadow: 0px 12px 32px var(--tw-shadow-color, #0f172a24);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_15px_42px_0px_rgba\(0\,0\,0\,0\.08\)\] {
    --tw-shadow: 0px 15px 42px 0px var(--tw-shadow-color, #00000014);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_16px_48px_rgba\(0\,0\,0\,0\.16\)\] {
    --tw-shadow: 0px 16px 48px var(--tw-shadow-color, #00000029);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_20px_25\.000001907348633px_-5px_rgba\(0\,0\,0\,0\.10\)\] {
    --tw-shadow: 0px 20px 25px -5px var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_20px_25px_-5px_rgba\(0\,0\,0\,0\.1\)\,0px_8px_10px_-6px_rgba\(0\,0\,0\,0\.1\)\] {
    --tw-shadow:
      0px 20px 25px -5px var(--tw-shadow-color, #0000001a),
      0px 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_20px_25px_-5px_rgba\(0\,0\,0\,0\.1\)\] {
    --tw-shadow: 0px 20px 25px -5px var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0px_20px_25px_0px_rgba\(0\,0\,0\,0\.10\)\,0px_8px_10px_0px_rgba\(0\,0\,0\,0\.10\)\] {
    --tw-shadow:
      0px 20px 25px 0px var(--tw-shadow-color, #0000001a),
      0px 8px 10px 0px var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[4px_0_0_0_var\(--bg-primary\)\] {
    --tw-shadow: 4px 0 0 0 var(--tw-shadow-color, var(--bg-primary));
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_1px_rgba\(0\,0\,0\,0\.1\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_1px_rgba\(0\,0\,0\,0\.05\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #0000000d);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_1px_var\(--alpha-08\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--alpha-08));
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_30px_rgba\(0\,0\,0\,0\.08\)\] {
    --tw-shadow: inset 0 0 30px var(--tw-shadow-color, #00000014);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.18\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #ffffff2e);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0px_0px_0px_1px_rgba\(0\,0\,0\,0\.07\)\] {
    --tw-shadow: inset 0px 0px 0px 1px var(--tw-shadow-color, #00000012);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0px_0px_1px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-shadow: inset 0px 0px 1px var(--tw-shadow-color, #00000080);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[none\] {
    --tw-shadow: none;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[var\(--sidechat-shadow\)\]\! {
    --tw-shadow: var(--sidechat-shadow) !important;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-elevation-01 {
    --tw-shadow: 0px 4px 16px 0px var(--tw-shadow-color, #0000000d);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-elevation-01\! {
    --tw-shadow: 0px 4px 16px 0px var(--tw-shadow-color, #0000000d) !important;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-elevation-03 {
    --tw-shadow:
      0px 20px 25px -5px var(--tw-shadow-color, #0000001a),
      0px 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, #0000000d);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow:
      0 10px 15px -3px var(--tw-shadow-color, #0000001a),
      0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-md {
    --tw-shadow:
      0 4px 6px -1px var(--tw-shadow-color, #0000001a),
      0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-none {
    --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);
  }
  .shadow-none\! {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow-sm {
    --tw-shadow:
      0 1px 3px 0 var(--tw-shadow-color, #0000001a),
      0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xl {
    --tw-shadow:
      0 20px 25px -5px var(--tw-shadow-color, #0000001a),
      0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xs {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xxs {
    --tw-shadow:
      0 0 2px 0 var(--tw-shadow-color, #0000000d),
      0 4px 6px 0 var(--tw-shadow-color, #00000005);
    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-0 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(0px + 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-0\! {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .ring-1 {
    --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-2 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .sharp-edge-top-shadow {
    box-shadow: var(--sharp-edge-top-shadow-placeholder);
  }
  .sharp-edge-top-shadow[data-scrolled-from-start] {
    box-shadow: var(--sharp-edge-top-shadow);
  }
  .\[box-shadow\:0_2px_8px_0_rgba\(0\,0\,0\,0\.05\)\] {
    box-shadow: 0 2px 8px #0000000d;
  }
  .\[box-shadow\:none\] {
    box-shadow: none;
  }
  .\[box-shadow\:var\(--sharp-edge-bottom-shadow\)\] {
    box-shadow: var(--sharp-edge-bottom-shadow);
  }
  .\[box-shadow\:var\(--sharp-edge-bottom-shadow-placeholder\)\] {
    box-shadow: var(--sharp-edge-bottom-shadow-placeholder);
  }
  .\[box-shadow\:var\(--sharp-edge-top-shadow\)\] {
    box-shadow: var(--sharp-edge-top-shadow);
  }
  .\[box-shadow\:var\(--sharp-edge-top-shadow-placeholder\)\] {
    box-shadow: var(--sharp-edge-top-shadow-placeholder);
  }
  .shadow-black\/3 {
    --tw-shadow-color: #00000008;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .shadow-black\/3 {
      --tw-shadow-color: color-mix(
        in oklab,
        lab(0% 0 0/0.03) var(--tw-shadow-alpha),
        transparent
      );
    }
  }
  .shadow-black\/5 {
    --tw-shadow-color: #0000000d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .shadow-black\/5 {
      --tw-shadow-color: color-mix(
        in oklab,
        lab(0% 0 0/0.05) var(--tw-shadow-alpha),
        transparent
      );
    }
  }
  .shadow-black\/20 {
    --tw-shadow-color: #0003;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .shadow-black\/20 {
      --tw-shadow-color: color-mix(
        in oklab,
        lab(0% 0 0/0.2) var(--tw-shadow-alpha),
        transparent
      );
    }
  }
  .shadow-token-border-default {
    --tw-shadow-color: var(--border-default);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .shadow-token-border-default {
      --tw-shadow-color: color-mix(
        in oklab,
        var(--border-default) var(--tw-shadow-alpha),
        transparent
      );
    }
  }
  .shadow-token-border-heavy {
    --tw-shadow-color: var(--border-heavy);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .shadow-token-border-heavy {
      --tw-shadow-color: color-mix(
        in oklab,
        var(--border-heavy) var(--tw-shadow-alpha),
        transparent
      );
    }
  }
  .shadow-token-border-light {
    --tw-shadow-color: var(--border-light);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .shadow-token-border-light {
      --tw-shadow-color: color-mix(
        in oklab,
        var(--border-light) var(--tw-shadow-alpha),
        transparent
      );
    }
  }
  .shadow-token-main-surface-primary {
    --tw-shadow-color: var(--main-surface-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .shadow-token-main-surface-primary {
      --tw-shadow-color: color-mix(
        in oklab,
        var(--main-surface-primary) var(--tw-shadow-alpha),
        transparent
      );
    }
  }
  .ring-\[\#5a5a5a\] {
    --tw-ring-color: #5a5a5a;
  }
  .ring-black {
    --tw-ring-color: #000;
  }
  .ring-black\/0 {
    --tw-ring-color: #0000;
  }
  @supports (color: lab(0% 0 0)) {
    .ring-black\/0 {
      --tw-ring-color: lab(0% 0 0/0);
    }
  }
  .ring-black\/5 {
    --tw-ring-color: #0000000d;
  }
  @supports (color: lab(0% 0 0)) {
    .ring-black\/5 {
      --tw-ring-color: lab(0% 0 0/0.05);
    }
  }
  .ring-black\/10 {
    --tw-ring-color: #0000001a;
  }
  @supports (color: lab(0% 0 0)) {
    .ring-black\/10 {
      --tw-ring-color: lab(0% 0 0/0.1);
    }
  }
  .ring-black\/\[0\.05\] {
    --tw-ring-color: #0000000d;
  }
  @supports (color: lab(0% 0 0)) {
    .ring-black\/\[0\.05\] {
      --tw-ring-color: lab(0% 0 0/0.05);
    }
  }
  .ring-black\/\[0\.08\] {
    --tw-ring-color: #00000014;
  }
  @supports (color: lab(0% 0 0)) {
    .ring-black\/\[0\.08\] {
      --tw-ring-color: lab(0% 0 0/0.08);
    }
  }
  .ring-black\/\[0\.025\] {
    --tw-ring-color: #00000006;
  }
  @supports (color: lab(0% 0 0)) {
    .ring-black\/\[0\.025\] {
      --tw-ring-color: lab(0% 0 0/0.025);
    }
  }
  .ring-blue-200 {
    --tw-ring-color: var(--blue-200);
  }
  .ring-blue-400,
  .ring-blue-400\/40 {
    --tw-ring-color: var(--blue-400);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ring-blue-400\/40 {
      --tw-ring-color: color-mix(in oklab, var(--blue-400) 40%, transparent);
    }
  }
  .ring-blue-500,
  .ring-blue-500\/60 {
    --tw-ring-color: var(--blue-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ring-blue-500\/60 {
      --tw-ring-color: color-mix(in oklab, var(--blue-500) 60%, transparent);
    }
  }
  .ring-gray-200 {
    --tw-ring-color: var(--gray-200);
  }
  .ring-green-200 {
    --tw-ring-color: var(--green-200);
  }
  .ring-red-200 {
    --tw-ring-color: var(--red-200);
  }
  .ring-red-500 {
    --tw-ring-color: var(--red-500);
  }
  .ring-token-border-default {
    --tw-ring-color: var(--border-default);
  }
  .ring-token-border-light,
  .ring-token-border-light\/60 {
    --tw-ring-color: var(--border-light);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ring-token-border-light\/60 {
      --tw-ring-color: color-mix(
        in oklab,
        var(--border-light) 60%,
        transparent
      );
    }
  }
  .ring-token-border-xheavy {
    --tw-ring-color: var(--border-xheavy);
  }
  .ring-token-text-primary,
  .ring-token-text-primary\/12 {
    --tw-ring-color: var(--text-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ring-token-text-primary\/12 {
      --tw-ring-color: color-mix(
        in oklab,
        var(--text-primary) 12%,
        transparent
      );
    }
  }
  .ring-token-text-secondary {
    --tw-ring-color: var(--text-secondary);
  }
  .ring-transparent {
    --tw-ring-color: transparent;
  }
  .ring-white {
    --tw-ring-color: #fff;
  }
  .ring-white\/20 {
    --tw-ring-color: #fff3;
  }
  @supports (color: lab(0% 0 0)) {
    .ring-white\/20 {
      --tw-ring-color: lab(100% -0.0000298023 0.0000119209/.2);
    }
  }
  .ring-white\/70 {
    --tw-ring-color: #ffffffb3;
  }
  @supports (color: lab(0% 0 0)) {
    .ring-white\/70 {
      --tw-ring-color: lab(100% -0.0000298023 0.0000119209/.7);
    }
  }
  .ring-offset-0 {
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0
      var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .ring-offset-2 {
    --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);
  }
  .ring-offset-4 {
    --tw-ring-offset-width: 4px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0
      var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .ring-offset-black {
    --tw-ring-offset-color: #000;
  }
  .ring-offset-token-bg-primary {
    --tw-ring-offset-color: var(--bg-primary);
  }
  .ring-offset-transparent {
    --tw-ring-offset-color: transparent;
  }
  .outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
  }
  @media (forced-colors: active) {
    .outline-hidden {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }
  .interactive-outline-danger {
    outline-offset: 2.5px;
    outline: 1.5px solid #0000;
  }
  .interactive-outline-danger.pseudo-focus-visible,
  .interactive-outline-danger[data-pseudo-state="focusVisible"],
  .interactive-outline-danger:focus-visible {
    outline-color: var(--interactive-outline-color);
  }
  .interactive-outline-danger:disabled,
  .interactive-outline-danger:where([data-visually-disabled]) {
    outline-color: #0000;
  }
  .interactive-outline-primary {
    outline-offset: 2.5px;
    outline: 1.5px solid #0000;
  }
  .interactive-outline-primary.pseudo-focus-visible,
  .interactive-outline-primary[data-pseudo-state="focusVisible"],
  .interactive-outline-primary:focus-visible {
    outline-color: var(--interactive-outline-color);
  }
  .interactive-outline-primary:disabled,
  .interactive-outline-primary:where([data-visually-disabled]) {
    outline-color: #0000;
  }
  .interactive-outline-secondary {
    outline-offset: 2.5px;
    outline: 1.5px solid #0000;
  }
  .interactive-outline-secondary.pseudo-focus-visible,
  .interactive-outline-secondary[data-pseudo-state="focusVisible"],
  .interactive-outline-secondary:focus-visible {
    outline-color: var(--interactive-outline-color);
  }
  .interactive-outline-secondary:disabled,
  .interactive-outline-secondary:where([data-visually-disabled]) {
    outline-color: #0000;
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .outline\! {
    outline-style: var(--tw-outline-style) !important;
    outline-width: 1px !important;
  }
  .outline-0 {
    outline-style: var(--tw-outline-style);
    outline-width: 0;
  }
  .outline-0\! {
    outline-style: var(--tw-outline-style) !important;
    outline-width: 0 !important;
  }
  .outline-1 {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .outline-2 {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .outline-\[0\.5px\] {
    outline-style: var(--tw-outline-style);
    outline-width: 0.5px;
  }
  .outline-\[1px\] {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .-outline-offset-2 {
    outline-offset: calc(2px * -1);
  }
  .-outline-offset-\[1\.5px\] {
    outline-offset: calc(1.5px * -1);
  }
  .outline-offset-1 {
    outline-offset: 1px;
  }
  .outline-offset-2 {
    outline-offset: 2px;
  }
  .outline-offset-4 {
    outline-offset: 4px;
  }
  .outline-offset-\[-1px\] {
    outline-offset: -1px;
  }
  .outline-\(--interactive-label-accent-default\,var\(--bg-primary-inverted\)\) {
    outline-color: var(
      --interactive-label-accent-default,
      var(--bg-primary-inverted)
    );
  }
  .outline-\[\#5856D6\] {
    outline-color: #5856d6;
  }
  .outline-\[\#CFCEFC\] {
    outline-color: #cfcefc;
  }
  .outline-black\/5 {
    outline-color: #0000000d;
    outline-color: lab(0% 0 0/0.05);
  }
  .outline-black\/10 {
    outline-color: #0000001a;
    outline-color: lab(0% 0 0/0.1);
  }
  .outline-blue-400 {
    outline-color: var(--blue-400);
  }
  .outline-green-400 {
    outline-color: var(--green-400);
  }
  .outline-orange-400 {
    outline-color: var(--orange-400);
  }
  .outline-orange-500 {
    outline-color: var(--orange-500);
  }
  .outline-pink-400 {
    outline-color: var(--pink-400);
  }
  .outline-purple-400 {
    outline-color: var(--purple-400);
  }
  .outline-red-400 {
    outline-color: var(--red-400);
  }
  .outline-token-bg-primary {
    outline-color: var(--bg-primary);
  }
  .outline-token-border-default {
    outline-color: var(--border-default);
  }
  .outline-token-border-heavy {
    outline-color: var(--border-heavy);
  }
  .outline-token-border-light {
    outline-color: var(--border-light);
  }
  .outline-token-border-status-warning {
    outline-color: var(--border-status-warning);
  }
  .outline-token-border-xlight {
    outline-color: var(--border-xlight);
  }
  .outline-token-interactive-label-accent-default {
    outline-color: var(--interactive-label-accent-default);
  }
  .outline-token-text-primary {
    outline-color: var(--text-primary);
  }
  .outline-transparent {
    outline-color: #0000;
  }
  .outline-white {
    outline-color: #fff;
  }
  .outline-yellow-400 {
    outline-color: var(--yellow-400);
  }
  .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,);
  }
  .blur-2xl {
    --tw-blur: blur(var(--blur-2xl));
    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,);
  }
  .blur-3xl {
    --tw-blur: blur(var(--blur-3xl));
    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,);
  }
  .blur-\[0\.8px\] {
    --tw-blur: blur(0.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,);
  }
  .blur-\[0\.561px\] {
    --tw-blur: blur(0.561px);
    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,);
  }
  .blur-\[1\.5px\] {
    --tw-blur: blur(1.5px);
    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,);
  }
  .blur-\[1px\] {
    --tw-blur: blur(1px);
    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,);
  }
  .blur-\[2px\] {
    --tw-blur: blur(2px);
    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,);
  }
  .blur-\[10px\] {
    --tw-blur: blur(10px);
    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,);
  }
  .blur-\[20px\] {
    --tw-blur: blur(20px);
    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,);
  }
  .blur-\[100px\] {
    --tw-blur: blur(100px);
    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,);
  }
  .blur-lg {
    --tw-blur: blur(var(--blur-lg));
    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,);
  }
  .blur-md {
    --tw-blur: blur(var(--blur-md));
    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,);
  }
  .blur-sm {
    --tw-blur: blur(var(--blur-sm));
    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,);
  }
  .brightness-0 {
    --tw-brightness: brightness(0%);
    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,);
  }
  .brightness-90 {
    --tw-brightness: brightness(90%);
    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,);
  }
  .brightness-\[0\.98\] {
    --tw-brightness: brightness(0.98);
    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,);
  }
  .contrast-110 {
    --tw-contrast: contrast(110%);
    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,);
  }
  .drop-shadow-2xl {
    --tw-drop-shadow-size: drop-shadow(
      0 25px 25px var(--tw-drop-shadow-color, #00000026)
    );
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-2xl));
    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,);
  }
  .drop-shadow-\[0_0_6px_rgba\(0\,0\,0\,0\.85\)\] {
    --tw-drop-shadow-size: drop-shadow(
      0 0 6px var(--tw-drop-shadow-color, #000000d9)
    );
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    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,);
  }
  .drop-shadow-\[0_0_14px_rgba\(0\,0\,0\,0\.45\)\] {
    --tw-drop-shadow-size: drop-shadow(
      0 0 14px var(--tw-drop-shadow-color, #00000073)
    );
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    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,);
  }
  .drop-shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.35\)\] {
    --tw-drop-shadow-size: drop-shadow(
      0 1px 2px var(--tw-drop-shadow-color, #00000059)
    );
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    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,);
  }
  .drop-shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.45\)\] {
    --tw-drop-shadow-size: drop-shadow(
      0 1px 2px var(--tw-drop-shadow-color, #00000073)
    );
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    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,);
  }
  .drop-shadow-\[0_1px_3px_rgba\(15\,23\,42\,0\.18\)\] {
    --tw-drop-shadow-size: drop-shadow(
      0 1px 3px var(--tw-drop-shadow-color, #0f172a2e)
    );
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    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,);
  }
  .drop-shadow-\[0_3\.84px_23\.04px_rgba\(0\,0\,0\,0\.06\)\] {
    --tw-drop-shadow-size: drop-shadow(
      0 3.84px 23.04px var(--tw-drop-shadow-color, #0000000f)
    );
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    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,);
  }
  .drop-shadow-\[0_6px_4px_var\(--shadow-color\)\] {
    --tw-drop-shadow-size: drop-shadow(
      0 6px 4px var(--tw-drop-shadow-color, var(--shadow-color))
    );
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    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,);
  }
  .drop-shadow-\[0_6px_18px_rgba\(0\,0\,0\,0\.55\)\] {
    --tw-drop-shadow-size: drop-shadow(
      0 6px 18px var(--tw-drop-shadow-color, #0000008c)
    );
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    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,);
  }
  .drop-shadow-\[0_8px_20px_rgba\(0\,0\,0\,0\.18\)\] {
    --tw-drop-shadow-size: drop-shadow(
      0 8px 20px var(--tw-drop-shadow-color, #0000002e)
    );
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    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,);
  }
  .drop-shadow-\[0_12px_32px_rgba\(0\,0\,0\,0\.06\)\] {
    --tw-drop-shadow-size: drop-shadow(
      0 12px 32px var(--tw-drop-shadow-color, #0000000f)
    );
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    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,);
  }
  .drop-shadow-\[0_20px_50px_rgba\(190\,210\,233\,0\.75\)\] {
    --tw-drop-shadow-size: drop-shadow(
      0 20px 50px var(--tw-drop-shadow-color, #bed2e9bf)
    );
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    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,);
  }
  .drop-shadow-lg {
    --tw-drop-shadow-size: drop-shadow(
      0 4px 4px var(--tw-drop-shadow-color, #00000026)
    );
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-lg));
    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,);
  }
  .drop-shadow-md {
    --tw-drop-shadow-size: drop-shadow(
      0 3px 3px var(--tw-drop-shadow-color, #0000001f)
    );
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-md));
    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,);
  }
  .drop-shadow-sm {
    --tw-drop-shadow-size: drop-shadow(
      0 1px 2px var(--tw-drop-shadow-color, #00000026)
    );
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm));
    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,);
  }
  .drop-shadow-xl {
    --tw-drop-shadow-size: drop-shadow(
      0 9px 7px var(--tw-drop-shadow-color, #0000001a)
    );
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-xl));
    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,);
  }
  .drop-shadow-xs {
    --tw-drop-shadow-size: drop-shadow(
      0 1px 1px var(--tw-drop-shadow-color, #0000000d)
    );
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-xs));
    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,);
  }
  .grayscale {
    --tw-grayscale: grayscale(100%);
    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,);
  }
  .grayscale-\[0\.6\] {
    --tw-grayscale: grayscale(0.6);
    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,);
  }
  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
      var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
      var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .saturate-\[1\.02\] {
    --tw-saturate: saturate(1.02);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
      var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
      var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .sepia {
    --tw-sepia: sepia(100%);
    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\:drop-shadow\(0_0_0_currentColor\)\] {
    filter: drop-shadow(0 0);
  }
  .\[filter\:drop-shadow\(0px_20px_18px_rgba\(0\,0\,0\,0\.1\)\)_drop-shadow\(0px_8px_5px_rgba\(0\,0\,0\,0\.08\)\)\] {
    filter: drop-shadow(0 20px 18px #0000001a) drop-shadow(0 8px 5px #00000014);
  }
  .\[filter\:grayscale\(1\)_brightness\(0\)\] {
    filter: grayscale() brightness(0);
  }
  .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,);
  }
  .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -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,);
  }
  .backdrop-blur-2xl {
    --tw-backdrop-blur: blur(var(--blur-2xl));
    -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,);
  }
  .backdrop-blur-2xl\! {
    --tw-backdrop-blur: blur(var(--blur-2xl)) !important;
    -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,) !important;
    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,) !important;
  }
  .backdrop-blur-3xl {
    --tw-backdrop-blur: blur(var(--blur-3xl));
    -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,);
  }
  .backdrop-blur-\[1\.5px\] {
    --tw-backdrop-blur: blur(1.5px);
    -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,);
  }
  .backdrop-blur-\[1px\] {
    --tw-backdrop-blur: blur(1px);
    -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,);
  }
  .backdrop-blur-\[2px\] {
    --tw-backdrop-blur: blur(2px);
    -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,);
  }
  .backdrop-blur-\[4px\] {
    --tw-backdrop-blur: blur(4px);
    -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,);
  }
  .backdrop-blur-\[5px\] {
    --tw-backdrop-blur: blur(5px);
    -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,);
  }
  .backdrop-blur-\[10px\] {
    --tw-backdrop-blur: blur(10px);
    -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,);
  }
  .backdrop-blur-\[12px\] {
    --tw-backdrop-blur: blur(12px);
    -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,);
  }
  .backdrop-blur-\[20px\] {
    --tw-backdrop-blur: blur(20px);
    -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,);
  }
  .backdrop-blur-\[24px\] {
    --tw-backdrop-blur: blur(24px);
    -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,);
  }
  .backdrop-blur-\[38px\] {
    --tw-backdrop-blur: blur(38px);
    -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,);
  }
  .backdrop-blur-\[40px\] {
    --tw-backdrop-blur: blur(40px);
    -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,);
  }
  .backdrop-blur-\[54px\] {
    --tw-backdrop-blur: blur(54px);
    -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,);
  }
  .backdrop-blur-\[60px\] {
    --tw-backdrop-blur: blur(60px);
    -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,);
  }
  .backdrop-blur-\[70px\] {
    --tw-backdrop-blur: blur(70px);
    -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,);
  }
  .backdrop-blur-lg {
    --tw-backdrop-blur: blur(var(--blur-lg));
    -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,);
  }
  .backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -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,);
  }
  .backdrop-blur-none {
    --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,);
  }
  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -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,);
  }
  .backdrop-blur-xl {
    --tw-backdrop-blur: blur(var(--blur-xl));
    -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,);
  }
  .backdrop-blur-xs {
    --tw-backdrop-blur: blur(var(--blur-xs));
    -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,);
  }
  .backdrop-brightness-75 {
    --tw-backdrop-brightness: brightness(75%);
    -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,);
  }
  .backdrop-contrast-125 {
    --tw-backdrop-contrast: contrast(125%);
    -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,);
  }
  .backdrop-saturate-25 {
    --tw-backdrop-saturate: saturate(25%);
    -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,);
  }
  .backdrop-saturate-100 {
    --tw-backdrop-saturate: saturate(100%);
    -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,);
  }
  .backdrop-saturate-125 {
    --tw-backdrop-saturate: saturate(125%);
    -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,);
  }
  .backdrop-filter {
    -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,);
  }
  .\[backdrop-filter\:var\(--sidebar-sticky-backdrop\)\] {
    -webkit-backdrop-filter: var(--sidebar-sticky-backdrop);
    backdrop-filter: var(--sidebar-sticky-backdrop);
  }
  .\[backdrop-filter\:var\(--sidebar-sticky-backdrop\,none\)\] {
    -webkit-backdrop-filter: var(--sidebar-sticky-backdrop, none);
    backdrop-filter: var(--sidebar-sticky-backdrop, none);
  }
  .transition {
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to,
      opacity,
      box-shadow,
      transform,
      translate,
      scale,
      rotate,
      filter,
      -webkit-backdrop-filter,
      backdrop-filter,
      display,
      content-visibility,
      overlay,
      pointer-events;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[backdrop-filter\] {
    transition-property: -webkit-backdrop-filter, backdrop-filter;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[background-color\,border-color\,box-shadow\] {
    transition-property: background-color, border-color, box-shadow;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[background-color\,border-color\] {
    transition-property: background-color, border-color;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[background-color\,box-shadow\,border-color\,ring-color\] {
    transition-property: background-color, box-shadow, border-color, ring-color;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[background-color\,box-shadow\] {
    transition-property: background-color, box-shadow;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[background-color\,color\,opacity\] {
    transition-property: background-color, color, opacity;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[background-color\,transform\] {
    transition-property: background-color, transform;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[border-color\,box-shadow\,transform\] {
    transition-property: border-color, box-shadow, transform;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[border-color\] {
    transition-property: border-color;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[filter\,opacity\] {
    transition-property: filter, opacity;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[filter\,transform\] {
    transition-property: filter, transform;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[filter\] {
    transition-property: filter;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[flex-basis\] {
    transition-property: flex-basis;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[grid-template-rows\,padding-bottom\,opacity\] {
    transition-property: grid-template-rows, padding-bottom, opacity;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[height\] {
    transition-property: height;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[inset-inline-start\] {
    transition-property: inset-inline-start;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[left\,right\,transform\] {
    transition-property: left, right, transform;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[mask\] {
    transition-property: -webkit-mask, mask;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[max-height\,opacity\,margin\] {
    transition-property: max-height, opacity, margin;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[max-height\,opacity\,transform\] {
    transition-property: max-height, opacity, transform;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[max-height\,opacity\] {
    transition-property: max-height, opacity;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[max-height\] {
    transition-property: max-height;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[opacity\,background-color\,border-color\,box-shadow\] {
    transition-property: opacity, background-color, border-color, box-shadow;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[opacity\,background\] {
    transition-property: opacity, background;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[opacity\,display\,backdrop-filter\] {
    transition-property:
      opacity,
      display,
      -webkit-backdrop-filter,
      backdrop-filter;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[opacity\,display\] {
    transition-property: opacity, display;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[opacity\,filter\] {
    transition-property: opacity, filter;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[opacity\,transform\] {
    transition-property: opacity, transform;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[opacity\] {
    transition-property: opacity;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[opacity_transform\] {
    transition-property: opacity transform;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[stroke-dashoffset\] {
    transition-property: stroke-dashoffset;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[transform\,opacity\] {
    transition-property: transform, opacity;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[transform_--shadow-color\] {
    transition-property: transform --shadow-color;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[transform_opacity\] {
    transition-property: transform opacity;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[width\,background-color\,border-color\,box-shadow\] {
    transition-property: width, background-color, border-color, box-shadow;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[width\,border-color\,box-shadow\,background-color\] {
    transition-property: width, border-color, box-shadow, background-color;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[width\,margin\,opacity\] {
    transition-property: width, margin, opacity;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[width\,opacity\,transform\] {
    transition-property: width, opacity, transform;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property:
      color, background-color, border-color, outline-color,
      text-decoration-color, fill, stroke, --tw-gradient-from,
      --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-width {
    transition-property: width;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .\[transition-property\:translate\,opacity\] {
    transition-property: translate, opacity;
  }
  .transition-none {
    transition-property: none;
  }
  .transition-none\! {
    transition-property: none !important;
  }
  .transition-discrete {
    transition-behavior: allow-discrete;
  }
  .delay-0 {
    transition-delay: 0s;
  }
  .delay-75 {
    transition-delay: 75ms;
  }
  .delay-100 {
    transition-delay: 0.1s;
  }
  .delay-200 {
    transition-delay: 0.2s;
  }
  .duration-0 {
    --tw-duration: 0s;
    transition-duration: 0s;
  }
  .duration-50 {
    --tw-duration: 50ms;
    transition-duration: 50ms;
  }
  .duration-75 {
    --tw-duration: 75ms;
    transition-duration: 75ms;
  }
  .duration-100 {
    --tw-duration: 0.1s;
    transition-duration: 0.1s;
  }
  .duration-120 {
    --tw-duration: 0.12s;
    transition-duration: 0.12s;
  }
  .duration-150 {
    --tw-duration: 0.15s;
    transition-duration: 0.15s;
  }
  .duration-175 {
    --tw-duration: 0.175s;
    transition-duration: 0.175s;
  }
  .duration-200 {
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
  }
  .duration-220 {
    --tw-duration: 0.22s;
    transition-duration: 0.22s;
  }
  .duration-250 {
    --tw-duration: 0.25s;
    transition-duration: 0.25s;
  }
  .duration-300 {
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
  }
  .duration-350 {
    --tw-duration: 0.35s;
    transition-duration: 0.35s;
  }
  .duration-400 {
    --tw-duration: 0.4s;
    transition-duration: 0.4s;
  }
  .duration-450 {
    --tw-duration: 0.45s;
    transition-duration: 0.45s;
  }
  .duration-500 {
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
  }
  .duration-600 {
    --tw-duration: 0.6s;
    transition-duration: 0.6s;
  }
  .duration-700 {
    --tw-duration: 0.7s;
    transition-duration: 0.7s;
  }
  .duration-800 {
    --tw-duration: 0.8s;
    transition-duration: 0.8s;
  }
  .duration-1000 {
    --tw-duration: 1s;
    transition-duration: 1s;
  }
  .duration-2000 {
    --tw-duration: 2s;
    transition-duration: 2s;
  }
  .duration-\[0\.24s\] {
    --tw-duration: 0.24s;
    transition-duration: 0.24s;
  }
  .duration-\[1\.5s\] {
    --tw-duration: 1.5s;
    transition-duration: 1.5s;
  }
  .duration-\[250ms\] {
    --tw-duration: 0.25s;
    transition-duration: 0.25s;
  }
  .duration-\[400ms\] {
    --tw-duration: 0.4s;
    transition-duration: 0.4s;
  }
  .duration-\[420ms\] {
    --tw-duration: 0.42s;
    transition-duration: 0.42s;
  }
  .duration-\[700ms\] {
    --tw-duration: 0.7s;
    transition-duration: 0.7s;
  }
  .ease-\[cubic-bezier\(\.24\,\.1\,\.42\,\.91\)\] {
    --tw-ease: cubic-bezier(0.24, 0.1, 0.42, 0.91);
    transition-timing-function: cubic-bezier(0.24, 0.1, 0.42, 0.91);
  }
  .ease-\[cubic-bezier\(0\.17\,0\.17\,0\.30\,1\.00\)\] {
    --tw-ease: cubic-bezier(0.17, 0.17, 0.3, 1);
    transition-timing-function: cubic-bezier(0.17, 0.17, 0.3, 1);
  }
  .ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\] {
    --tw-ease: cubic-bezier(0.22, 1, 0.36, 1);
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  }
  .ease-\[cubic-bezier\(0\.87\,_0\,_0\.13\,_1\)\] {
    --tw-ease: cubic-bezier(0.87, 0, 0.13, 1);
    transition-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
  }
  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .ease-linear {
    --tw-ease: linear;
    transition-timing-function: linear;
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .ease-spring-fast {
    --tw-ease: var(--spring-fast);
    transition-timing-function: var(--spring-fast);
  }
  .ease-spring-standard {
    --tw-ease: var(--spring-common);
    transition-timing-function: var(--spring-common);
  }
  .\[will-change\:transform\] {
    will-change: transform;
  }
  .will-change-\[opacity\,clip-path\,transform\] {
    will-change: opacity, clip-path, transform;
  }
  .will-change-\[opacity\] {
    will-change: opacity;
  }
  .will-change-\[transform\],
  .will-change-transform {
    will-change: transform;
  }
  .contain-inline-size {
    --tw-contain-size: inline-size;
    contain: var(--tw-contain-size,) var(--tw-contain-layout,)
      var(--tw-contain-paint,) var(--tw-contain-style,);
  }
  .contain-layout {
    --tw-contain-layout: layout;
    contain: var(--tw-contain-size,) var(--tw-contain-layout,)
      var(--tw-contain-paint,) var(--tw-contain-style,);
  }
  .contain-paint {
    --tw-contain-paint: paint;
    contain: var(--tw-contain-size,) var(--tw-contain-layout,)
      var(--tw-contain-paint,) var(--tw-contain-style,);
  }
  .contain-size {
    --tw-contain-size: size;
    contain: var(--tw-contain-size,) var(--tw-contain-layout,)
      var(--tw-contain-paint,) var(--tw-contain-style,);
  }
  .contain-style {
    --tw-contain-style: style;
    contain: var(--tw-contain-size,) var(--tw-contain-layout,)
      var(--tw-contain-paint,) var(--tw-contain-style,);
  }
  .contain-\[style_inline-size\] {
    contain: style inline-size;
  }
  .contain-content {
    contain: content;
  }
  .contain-strict {
    contain: strict;
  }
  .peek-top-animation {
    animation-name: peek-top-animation;
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-delay: 1s;
    animation-direction: forward;
    animation-timing-function: var(--easing-spring-elegant);
  }
  .peek-top-end-animation {
    animation-name: peek-top-end-animation;
    animation-duration: 0.1s;
    animation-timing-function: var(--easing-spring-elegant);
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .outline-none\! {
    --tw-outline-style: none !important;
    outline-style: none !important;
  }
  .select-all {
    -webkit-user-select: all;
    user-select: all;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .select-text {
    -webkit-user-select: text;
    user-select: text;
  }
  .\[--bg\:red\] {
    --bg: red;
  }
  .\[--btn-background-color\:var\(--bg-tertiary\)\] {
    --btn-background-color: var(--bg-tertiary);
  }
  .\[--btn-text-color\:var\(--text-secondary\)\] {
    --btn-text-color: var(--text-secondary);
  }
  .\[--canvas-bg\:var\(--bg-primary\)\] {
    --canvas-bg: var(--bg-primary);
  }
  .\[--codemirror-bg\:var\(--bg-primary\)\] {
    --codemirror-bg: var(--bg-primary);
  }
  .\[--composer-container-height\:auto\] {
    --composer-container-height: auto;
  }
  .\[--composer-overlap-px\:28px\] {
    --composer-overlap-px: 28px;
  }
  .\[--composer-overlap-px\:55px\] {
    --composer-overlap-px: 55px;
  }
  .\[--constant-background-active\:rgba\(0\,0\,0\,0\.08\)\] {
    --constant-background-active: #00000014;
  }
  .\[--constant-background\:rgba\(0\,0\,0\,0\.04\)\] {
    --constant-background: #0000000a;
  }
  .\[--content-fade-height\:110px\] {
    --content-fade-height: 110px;
  }
  .\[--content-fade-height\:130px\] {
    --content-fade-height: 130px;
  }
  .\[--content-fade-top\:-15px\] {
    --content-fade-top: -15px;
  }
  .\[--content-fade-top\:-40px\] {
    --content-fade-top: -40px;
  }
  .\[--content-fade-top\:-110px\] {
    --content-fade-top: -110px;
  }
  .\[--content-fade-top\:-130px\] {
    --content-fade-top: -130px;
  }
  .\[--edge-fade-distance\:1rem\] {
    --edge-fade-distance: 1rem;
  }
  .\[--end\:right\] {
    --end: right;
  }
  .\[--file-tile-action-size\:1\.5rem\] {
    --file-tile-action-size: 1.5rem;
  }
  .\[--file-tile-action-size\:16px\] {
    --file-tile-action-size: 16px;
  }
  .\[--file-tile-image-size\:3\.625rem\] {
    --file-tile-image-size: 3.625rem;
  }
  .\[--file-tile-width\:12\.75rem\] {
    --file-tile-width: 12.75rem;
  }
  .\[--file-tile-width\:15rem\] {
    --file-tile-width: 15rem;
  }
  .\[--file-tile-width\:20rem\] {
    --file-tile-width: 20rem;
  }
  .\[--file-tile-width\:56px\] {
    --file-tile-width: 56px;
  }
  .\[--focus-outline-margin\:-4px\] {
    --focus-outline-margin: -4px;
  }
  .\[--header-height\:0\] {
    --header-height: 0;
  }
  .\[--image-page-spacing\:44px\] {
    --image-page-spacing: 44px;
  }
  .\[--images-app-padding\:16px\] {
    --images-app-padding: 16px;
  }
  .\[--menu-item-icon-column-width\:0rem\] {
    --menu-item-icon-column-width: 0rem;
  }
  .\[--menu-item-icon-gap\:0rem\] {
    --menu-item-icon-gap: 0rem;
  }
  .\[--padding\:1rem\] {
    --padding: 1rem;
  }
  .\[--panel-header-height\:var\(--screen-thread-header-min-height\)\] {
    --panel-header-height: var(--screen-thread-header-min-height);
  }
  .\[--product-flyout-sticky-header-height\:67px\] {
    --product-flyout-sticky-header-height: 67px;
  }
  .\[--ratio\:4\/3\] {
    --ratio: 4/3;
  }
  .\[--right-bg\:var\(--bg-primary\)\] {
    --right-bg: var(--bg-primary);
  }
  .\[--right-bg\:var\(--bg-tertiary\)\] {
    --right-bg: var(--bg-tertiary);
  }
  .\[--scroll-root-safe-area-height\:calc\(100lvh-var\(--scroll-root-safe-area-inset-top\)-var\(--scroll-root-safe-area-inset-bottom\)\)\] {
    --scroll-root-safe-area-height: calc(
      100lvh - var(--scroll-root-safe-area-inset-top) -
        var(--scroll-root-safe-area-inset-bottom)
    );
  }
  .\[--scroll-root-safe-area-inset-bottom\:calc\(var\(--sticky-padding-bottom\)\+var\(--screen-keyboard-height\,0px\)\+env\(safe-area-inset-bottom\,0px\)\)\] {
    --scroll-root-safe-area-inset-bottom: calc(
      var(--sticky-padding-bottom) + var(--screen-keyboard-height, 0px) +
        env(safe-area-inset-bottom, 0px)
    );
  }
  .\[--scroll-root-safe-area-inset-top\:calc\(var\(--sticky-padding-top\)\+env\(safe-area-inset-top\,0px\)\)\] {
    --scroll-root-safe-area-inset-top: calc(
      var(--sticky-padding-top) + env(safe-area-inset-top, 0px)
    );
  }
  .\[--shadow-color\:transparent\] {
    --shadow-color: transparent;
  }
  .\[--shadow-height\:45px\] {
    --shadow-height: 45px;
  }
  .\[--sheet-radius-amount\:16px\] {
    --sheet-radius-amount: 16px;
  }
  .\[--shopping-browse-content-max-width\:calc\(100cqw-\(var\(--thread-content-margin\)\*2\)\)\] {
    --shopping-browse-content-max-width: calc(
      100cqw - (var(--thread-content-margin) * 2)
    );
  }
  .\[--shopping-browse-filter-pill-max-width\:8\.75rem\] {
    --shopping-browse-filter-pill-max-width: 8.75rem;
  }
  .\[--shopping-home-padding\:16px\] {
    --shopping-home-padding: 16px;
  }
  .\[--shopping-home-page-spacing\:40px\] {
    --shopping-home-page-spacing: 40px;
  }
  .\[--single-line-fade-height\:32px\] {
    --single-line-fade-height: 32px;
  }
  .\[--skeleton-opacity\:0\.3\] {
    --skeleton-opacity: 0.3;
  }
  .\[--skeleton-opacity\:0\.75\] {
    --skeleton-opacity: 0.75;
  }
  .\[--skeleton-opacity\:1\] {
    --skeleton-opacity: 1;
  }
  .\[--spacing\:4px\] {
    --spacing: 4px;
  }
  .\[--start\:left\] {
    --start: left;
  }
  .\[--sticky-padding-bottom\:0px\] {
    --sticky-padding-bottom: 0px;
  }
  .\[--sticky-padding-top\:0px\] {
    --sticky-padding-top: 0px;
  }
  .\[--sticky-padding-top\:var\(--header-height\)\] {
    --sticky-padding-top: var(--header-height);
  }
  .\[--sticky-spacer\:6px\] {
    --sticky-spacer: 6px;
  }
  .\[--text-lg--line-height\:28px\] {
    --text-lg--line-height: 28px;
  }
  .\[--text-lg\:22px\] {
    --text-lg: 22px;
  }
  .\[--thread-component-gap\:24px\] {
    --thread-component-gap: 24px;
  }
  .\[--thread-content-margin-lg\:16px\] {
    --thread-content-margin-lg: 16px;
  }
  .\[--thread-content-margin-sm\:16px\] {
    --thread-content-margin-sm: 16px;
  }
  .\[--thread-content-margin-xs\:16px\] {
    --thread-content-margin-xs: 16px;
  }
  .\[--thread-content-margin-xs\:calc\(var\(--spacing\)\*3\)\] {
    --thread-content-margin-xs: calc(var(--spacing) * 3);
  }
  .\[--thread-content-margin\:var\(--thread-content-margin-xs\,calc\(var\(--spacing\)\*4\)\)\] {
    --thread-content-margin: var(
      --thread-content-margin-xs,
      calc(var(--spacing) * 4)
    );
  }
  .\[--thread-content-max-width\:40rem\] {
    --thread-content-max-width: 40rem;
  }
  .\[--thread-content-max-width\:44rem\] {
    --thread-content-max-width: 44rem;
  }
  .\[--thread-content-max-width\:100\%\] {
    --thread-content-max-width: 100%;
  }
  .\[--trigger-width\:calc\(var\(--radix-dropdown-menu-trigger-width\)-2\*var\(--radix-align-offset\)\)\] {
    --trigger-width: calc(
      var(--radix-dropdown-menu-trigger-width) - 2 * var(--radix-align-offset)
    );
  }
  .\[--true-content-width\:min\(var\(--shopping-browse-content-max-width\)\,calc\(100cqw-\(var\(--thread-content-margin\)\*2\)\)\)\] {
    --true-content-width: min(
      var(--shopping-browse-content-max-width),
      calc(100cqw - (var(--thread-content-margin) * 2))
    );
  }
  .\[-ms-overflow-style\:none\] {
    -ms-overflow-style: none;
  }
  .\[-webkit-mask-composite\:source-in\] {
    -webkit-mask-composite: source-in;
  }
  .\[-webkit-mask-image\:linear-gradient\(black\,transparent_80\%\)\] {
    -webkit-mask-image: linear-gradient(#000, #0000 80%);
  }
  .\[-webkit-mask-image\:linear-gradient\(to_bottom\,rgba\(0\,0\,0\,1\)_-300px\,rgba\(0\,0\,0\,0\)_300px\)\] {
    -webkit-mask-image: linear-gradient(#000 -300px, #0000 300px);
  }
  .\[-webkit-mask-image\:linear-gradient\(to_bottom\,rgba\(0\,0\,0\,1\)_20\%\,rgba\(0\,0\,0\,0\)_100\%\)\] {
    -webkit-mask-image: linear-gradient(#000 20%, #0000 100%);
  }
  .\[-webkit-mask-image\:linear-gradient\(to_bottom\,transparent_0\%\,rgba\(0\,0\,0\,0\.08\)_18\%\,rgba\(0\,0\,0\,0\.34\)_46\%\,black_100\%\)\] {
    -webkit-mask-image: linear-gradient(
      #0000 0%,
      #00000014 18%,
      #00000057 46%,
      #000 100%
    );
  }
  .\[-webkit-mask-image\:linear-gradient\(to_right\,black_85\%\,transparent_100\%\)\] {
    -webkit-mask-image: linear-gradient(90deg, #000 85%, #0000 100%);
  }
  .\[-webkit-mask-image\:linear-gradient\(to_right\,black_calc\(100\%_-_1rem\)\,transparent_100\%\)\] {
    -webkit-mask-image: linear-gradient(
      90deg,
      #000 calc(100% - 1rem),
      #0000 100%
    );
  }
  .\[-webkit-mask-image\:linear-gradient\(to_right\,transparent_0\%\,black_20\%\,black_80\%\,transparent_100\%\)\,linear-gradient\(to_top\,black_0\%\,black_75\%\,transparent_100\%\)\] {
    -webkit-mask-image:
      linear-gradient(90deg, #0000 0%, #000 20% 80%, #0000 100%),
      linear-gradient(#0000 0%, #000 25% 100%);
  }
  .\[-webkit-mask-image\:linear-gradient\(to_top\,black\,transparent\)\] {
    -webkit-mask-image: linear-gradient(#0000, #000);
  }
  .\[-webkit-mask-image\:linear-gradient\(to_top_left\,rgba\(0\,0\,0\,0\)_0\%\,rgba\(0\,0\,0\,1\)_30\%\,rgba\(0\,0\,0\,1\)_70\%\,rgba\(0\,0\,0\,0\)_100\%\)\] {
    -webkit-mask-image: linear-gradient(
      to top left,
      #0000 0%,
      #000 30% 70%,
      #0000 100%
    );
  }
  .\[-webkit-mask-repeat\:no-repeat\] {
    -webkit-mask-repeat: no-repeat;
  }
  .\[-webkit-mask-size\:100\%_100\%\] {
    -webkit-mask-size: 100% 100%;
  }
  .\[anchor-name\:--carousel\] {
    anchor-name: --carousel;
  }
  .\[animation-play-state\:paused\] {
    animation-play-state: paused;
  }
  .\[backface-visibility\:hidden\] {
    backface-visibility: hidden;
  }
  .\[background-position-y\:-40vw\] {
    background-position-y: -40vw;
  }
  .\[background\:radial-gradient\(circle_at_50\%_50\%\,var\(--blob-color\)_0\%\,transparent_80\%\)\] {
    background: radial-gradient(
      circle at 50% 50%,
      var(--blob-color) 0%,
      transparent 80%
    );
  }
  .\[border-bottom\:1px_solid_var\(--color-border\)\] {
    border-bottom: 1px solid var(--color-border);
  }
  .\[clip-path\:inset\(56px_0px_0px_0px\)\] {
    clip-path: inset(56px 0 0);
  }
  .\[container-name\:build-nav\] {
    container-name: build-nav;
  }
  .\[content-visibility\:auto\] {
    content-visibility: auto;
  }
  .\[direction\:ltr\] {
    direction: ltr;
  }
  .\[grid-area\:1\/1\] {
    grid-area: 1/1;
  }
  .\[grid-area\:_title\] {
    grid-area: title;
  }
  .\[grid-area\:footer\] {
    grid-area: footer;
  }
  .\[grid-area\:header\] {
    grid-area: header;
  }
  .\[grid-area\:leading\] {
    grid-area: leading;
  }
  .\[grid-area\:primary\] {
    grid-area: primary;
  }
  .\[grid-area\:tools\] {
    grid-area: tools;
  }
  .\[grid-area\:trailing\] {
    grid-area: trailing;
  }
  .\[grid-template-areas\:\'header_header_header\'_\'leading_primary_trailing\'_\'\._footer_\.\'\] {
    grid-template-areas: "header header header" "leading primary trailing" ".footer.";
  }
  .\[grid-template-areas\:\'leading_primary_trailing\'\] {
    grid-template-areas: "leading primary trailing";
  }
  .\[grid-template-areas\:\'primary_primary_primary\'_\'leading_\._trailing\'\] {
    grid-template-areas: "primary primary primary" "leading.trailing";
  }
  .\[grid-template-areas\:\'primary_primary_primary\'_\'leading_tools_trailing\'\] {
    grid-template-areas: "primary primary primary" "leading tools trailing";
  }
  .\[grid-template-areas\:\'primary_trailing\'\] {
    grid-template-areas: "primary trailing";
  }
  .\[grid-template-areas\:_\'title_action\'_\'description_action\'\] {
    grid-template-areas: "title action" "description action";
  }
  .\[interest-delay\:0\.5s_1s\] {
    interest-delay: 0.5s 1s;
  }
  .\[interpolate-size\:allow-keywords\] {
    interpolate-size: allow-keywords;
  }
  .\[overflow-anchor\:none\] {
    overflow-anchor: none;
  }
  .\[overflow-clip-margin\:0px\] {
    overflow-clip-margin: 0px;
  }
  .\[overflow-clip-margin\:4px\] {
    overflow-clip-margin: 4px;
  }
  .\[overflow-clip-margin\:6px\] {
    overflow-clip-margin: 6px;
  }
  .\[overflow-clip-margin\:calc\(var\(--spacing\)\*1\.5\)\] {
    overflow-clip-margin: calc(var(--spacing) * 1.5);
  }
  .\[position-area\:block-end_center\] {
    position-area: block-end center;
  }
  .\[position-area\:bottom\] {
    position-area: bottom;
  }
  .\[position-try-fallbacks\:flip-block\,flip-inline\] {
    position-try-fallbacks: flip-block, flip-inline;
  }
  .\[position-try-fallbacks\:flip-block\] {
    position-try-fallbacks: flip-block;
  }
  .\[position-try-fallbacks\:flip-inline\,flip-block\] {
    position-try-fallbacks: flip-inline, flip-block;
  }
  .\[scrollbar-gutter\:stable\] {
    scrollbar-gutter: stable;
  }
  .\[scrollbar-width\:none\] {
    scrollbar-width: none;
  }
  .\[scrollbar-width\:thin\] {
    scrollbar-width: thin;
  }
  .\[text-box-edge\:text_alphabetic\] {
    text-box-edge: text alphabetic;
  }
  .\[text-box-trim\:trim-both\] {
    text-box-trim: trim-both;
  }
  .\[text-decoration-skip-ink\:none\] {
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
  }
  .\[text-shadow\:-0\.8px_-0\.8px_0_\#fff\,0\.8px_-0\.8px_0_\#fff\,-0\.8px_0\.8px_0_\#fff\,0\.8px_0\.8px_0_\#fff\] {
    text-shadow:
      -0.8px -0.8px #fff,
      0.8px -0.8px #fff,
      -0.8px 0.8px #fff,
      0.8px 0.8px #fff;
  }
  .\[text-shadow\:0_0_10px_rgba\(255\,255\,255\,0\.35\)\] {
    text-shadow: 0 0 10px #ffffff59;
  }
  .\[transition\:opacity_500ms_ease-out\,border-color_200ms_ease-in-out\,background-color_200ms_ease-in-out\] {
    transition:
      opacity 0.5s ease-out,
      border-color 0.2s ease-in-out,
      background-color 0.2s ease-in-out;
  }
  .\[view-transition-name\:code-block-code-pane\] {
    view-transition-name: code-block-code-pane;
  }
  .\[view-transition-name\:code-block-preview-pane\] {
    view-transition-name: code-block-preview-pane;
  }
  .\[view-transition-name\:fullscreen-popover-thread\] {
    view-transition-name: fullscreen-popover-thread;
  }
  .\[view-transition-name\:map-with-entities\] {
    view-transition-name: map-with-entities;
  }
  .\[view-transition-name\:pinned-kanzi-widget\] {
    view-transition-name: pinned-kanzi-widget;
  }
  .\[view-transition-name\:var\(--sidebar-popover\)\] {
    view-transition-name: var(--sidebar-popover);
  }
  .\[view-transition-name\:var\(--vt-active-image\)\] {
    view-transition-name: var(--vt-active-image);
  }
  .\[view-transition-name\:var\(--vt-composer\)\] {
    view-transition-name: var(--vt-composer);
  }
  .\[view-transition-name\:var\(--vt-composer-active-system-hint-pill\)\] {
    view-transition-name: var(--vt-composer-active-system-hint-pill);
  }
  .\[view-transition-name\:var\(--vt-composer-whisper-button\)\] {
    view-transition-name: var(--vt-composer-whisper-button);
  }
  .\[view-transition-name\:var\(--vt-disclaimer\)\] {
    view-transition-name: var(--vt-disclaimer);
  }
  .\[view-transition-name\:var\(--vt-grid-item\)\] {
    view-transition-name: var(--vt-grid-item);
  }
  .\[view-transition-name\:var\(--vt-image-carousel\)\] {
    view-transition-name: var(--vt-image-carousel);
  }
  .\[view-transition-name\:var\(--vt-page-footer\)\] {
    view-transition-name: var(--vt-page-footer);
  }
  .\[view-transition-name\:var\(--vt-page-header\)\] {
    view-transition-name: var(--vt-page-header);
  }
  .\[view-transition-name\:var\(--vt-page-title\)\] {
    view-transition-name: var(--vt-page-title);
  }
  .\[view-transition-name\:var\(--vt-scroll-buttons\)\] {
    view-transition-name: var(--vt-scroll-buttons);
  }
  .\[view-transition-name\:var\(--vt-tool-page-title\)\] {
    view-transition-name: var(--vt-tool-page-title);
  }
  .\[zoom\:0\.96\] {
    zoom: 0.96;
  }
  .block-1 {
    block-size: calc(var(--spacing) * 1);
  }
  .corner-superellipse\/0\.98 {
    corner-shape: superellipse(0.98);
  }
  .corner-superellipse\/1\.1 {
    corner-shape: superellipse(1.1);
  }
  .corner-superellipse\/1\.25 {
    corner-shape: superellipse(1.25);
  }
  .corner-t-superellipse\/1\.1 {
    corner-top-left-shape: superellipse(1.1);
    corner-top-right-shape: superellipse(1.1);
  }
  .inline-123 {
    inline-size: calc(var(--spacing) * 123);
  }
  .ring-inset {
    --tw-ring-inset: inset;
  }
  .squircle {
    corner-shape: superellipse(1.1);
  }
  .squircle-outer {
    corner-shape: superellipse(1.25);
  }
  .stage-thread-flyout-preset-clamped {
    --stage-thread-flyout-preset-width: clamp(400px, 25vw, 500px);
  }
  .stage-thread-flyout-preset-default,
  .stage-thread-flyout-preset-responsive {
    --stage-thread-flyout-preset-width: 400px;
  }
  .stage-thread-flyout-preset-wide {
    --stage-thread-flyout-preset-width: 600px;
  }
  :is(.\*\:pointer-events-auto > *) {
    pointer-events: auto;
  }
  :is(.\*\:absolute > *) {
    position: absolute;
  }
  :is(.\*\:inset-0 > *) {
    inset: calc(var(--spacing) * 0);
  }
  :is(.\*\:m-0 > *) {
    margin: calc(var(--spacing) * 0);
  }
  :is(.\*\:m-auto > *) {
    margin: auto;
  }
  :is(.\*\:mb-6 > *) {
    margin-bottom: calc(var(--spacing) * 6);
  }
  :is(.\*\:flex > *) {
    display: flex;
  }
  :is(.\*\:inline > *) {
    display: inline;
  }
  :is(.\*\:inline-flex > *) {
    display: inline-flex;
  }
  :is(.\*\:h-1 > *) {
    height: calc(var(--spacing) * 1);
  }
  :is(.\*\:h-full > *) {
    height: 100%;
  }
  :is(.\*\:w-1 > *) {
    width: calc(var(--spacing) * 1);
  }
  :is(.\*\:w-full > *) {
    width: 100%;
  }
  :is(.\*\:items-center > *) {
    align-items: center;
  }
  :is(.\*\:justify-end > *) {
    justify-content: flex-end;
  }
  :is(.\*\:gap-2 > *) {
    gap: calc(var(--spacing) * 2);
  }
  :is(.\*\:rounded-full > *) {
    border-radius: 3.40282e38px;
  }
  :is(.\*\:rounded-md > *) {
    border-radius: var(--radius-md);
  }
  :is(.\*\:bg-token-text-primary\/70 > *) {
    background-color: var(--text-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :is(.\*\:bg-token-text-primary\/70 > *) {
      background-color: color-mix(
        in oklab,
        var(--text-primary) 70%,
        transparent
      );
    }
  }
  :is(.\*\:object-center > *) {
    object-position: center;
  }
  :is(.\*\:px-5 > *) {
    padding-inline: calc(var(--spacing) * 5);
  }
  :is(.\*\:font-sans > *) {
    font-family:
      "ui-sans-serif",
      -apple-system,
      "system-ui",
      Segoe UI,
      Helvetica,
      Apple Color Emoji,
      Arial,
      "sans-serif",
      Segoe UI Emoji,
      Segoe UI Symbol;
  }
  :is(.\*\:font-normal > *) {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  :is(.\*\:shadow-lg > *) {
    --tw-shadow:
      0 10px 15px -3px var(--tw-shadow-color, #0000001a),
      0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :is(.\*\:\[text-box-edge\:text_alphabetic\] > *) {
    text-box-edge: text alphabetic;
  }
  :is(.\*\:\[text-box-trim\:trim-both\] > *) {
    text-box-trim: trim-both;
  }
  .not-group-data-disabled\:text-token-text-tertiary:not(
    :is(:where(.group)[data-disabled] *)
  ) {
    color: var(--text-tertiary);
  }
  .not-first\:mt-2:not(:first-child) {
    margin-top: calc(var(--spacing) * 2);
  }
  .not-first\:mt-4:not(:first-child) {
    margin-top: calc(var(--spacing) * 4);
  }
  .not-last\:mb-2:not(:last-child) {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .not-last\:mb-5:not(:last-child) {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .not-has-focus-visible\:sr-only:not(:has(:focus-visible)) {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }
  .not-has-\[\>div\,\>section\,\>h1\,\>h2\,\>h3\,\>h4\,\>h5\,\>h6\]\:hidden:not(
    :has(> div, > section, > h1, > h2, > h3, > h4, > h5, > h6)
  ) {
    display: none;
  }
  .not-data-\[has-submenu\]\:pe-8:not([data-has-submenu]) {
    padding-inline-end: calc(var(--spacing) * 8);
  }
  .not-data-\[orientation\=horizontal\]\:mx-1\.5:not(
      [data-orientation="horizontal"]
    ) {
    margin-inline: calc(var(--spacing) * 1.5);
  }
  .not-dark\:shadow-\[inset_0_0_0_1px_rgba\(0\,0\,0\,0\.1\)\]:not(
      :where(.dark, .dark *):not(:where(.dark .light, .dark .light *))
    ) {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  @media not print {
    .not-print\:overflow-x-clip {
      overflow-x: clip;
    }
    .not-print\:overflow-y-auto {
      overflow-y: auto;
    }
  }
  @media not all and (min-height: 700px) {
    .not-tall\:relative {
      position: relative;
    }
  }
  @media not all and (pointer: coarse) {
    .not-touch\:mt-0\.5 {
      margin-top: calc(var(--spacing) * 0.5);
    }
  }
  .not-keyboard-focused\:outline-none:not(
    :is(html[data-focus-mode="keyboard"] :focus-visible)
  ) {
    --tw-outline-style: none;
    outline-style: none;
  }
  .group-not-data-expanded\/composer\:-mb-12:is(
    :where(.group\/composer):not([data-expanded]) *
  ) {
    margin-bottom: calc(var(--spacing) * -12);
  }
  .group-last\:border-0:is(:where(.group):last-child *) {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  .group-first-of-type\:rounded-t-2xl:is(:where(.group):first-of-type *) {
    border-top-left-radius: var(--radius-2xl);
    border-top-right-radius: var(--radius-2xl);
  }
  .group-last-of-type\:rounded-b-2xl:is(:where(.group):last-of-type *) {
    border-bottom-right-radius: var(--radius-2xl);
    border-bottom-left-radius: var(--radius-2xl);
  }
  .group-open\:rotate-180:is(
    :where(.group):is([open], :popover-open, :open) *
  ) {
    rotate: 180deg;
  }
  .group-open\:text-token-text-primary:is(
    :where(.group):is([open], :popover-open, :open) *
  ) {
    color: var(--text-primary);
  }
  .group-focus-within\:pointer-events-auto:is(:where(.group):focus-within *) {
    pointer-events: auto;
  }
  .group-focus-within\:pointer-events-none:is(:where(.group):focus-within *) {
    pointer-events: none;
  }
  .group-focus-within\:visible:is(:where(.group):focus-within *) {
    visibility: visible;
  }
  .group-focus-within\:translate-y-0:is(:where(.group):focus-within *) {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .group-focus-within\:scale-100:is(:where(.group):focus-within *) {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .group-focus-within\:grid-rows-\[1fr\]:is(:where(.group):focus-within *) {
    grid-template-rows: 1fr;
  }
  .group-focus-within\:bg-token-bg-tertiary\/60:is(
    :where(.group):focus-within *
  ) {
    background-color: var(--bg-tertiary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .group-focus-within\:bg-token-bg-tertiary\/60:is(
      :where(.group):focus-within *
    ) {
      background-color: color-mix(
        in oklab,
        var(--bg-tertiary) 60%,
        transparent
      );
    }
  }
  .group-focus-within\:text-token-text-primary:is(
    :where(.group):focus-within *
  ) {
    color: var(--text-primary);
  }
  .group-focus-within\:text-token-text-secondary:is(
    :where(.group):focus-within *
  ) {
    color: var(--text-secondary);
  }
  .group-focus-within\:opacity-0:is(:where(.group):focus-within *) {
    opacity: 0;
  }
  .group-focus-within\:opacity-100:is(:where(.group):focus-within *) {
    opacity: 1;
  }
  .group-focus-within\:delay-0:is(:where(.group):focus-within *) {
    transition-delay: 0s;
  }
  .group-focus-within\:delay-100:is(:where(.group):focus-within *) {
    transition-delay: 0.1s;
  }
  .group-focus-within\/accordion\:opacity-40:is(
    :where(.group\/accordion):focus-within *
  ) {
    opacity: 0.4;
  }
  .group-focus-within\/file-row\:bg-token-interactive-bg-secondary-hover:is(
    :where(.group\/file-row):focus-within *
  ) {
    background-color: var(--interactive-bg-secondary-hover);
  }
  .group-focus-within\/file-row\:bg-token-surface-hover:is(
    :where(.group\/file-row):focus-within *
  ) {
    background-color: var(--surface-hover);
  }
  .group-focus-within\/imagegen-image\:pointer-events-auto:is(
    :where(.group\/imagegen-image):focus-within *
  ) {
    pointer-events: auto;
  }
  .group-focus-within\/imagegen-image\:opacity-100:is(
    :where(.group\/imagegen-image):focus-within *
  ) {
    opacity: 1;
  }
  .group-focus-within\/key-points\:pointer-events-auto:is(
    :where(.group\/key-points):focus-within *
  ) {
    pointer-events: auto;
  }
  .group-focus-within\/key-points\:mt-1:is(
    :where(.group\/key-points):focus-within *
  ) {
    margin-top: calc(var(--spacing) * 1);
  }
  .group-focus-within\/key-points\:max-h-7:is(
    :where(.group\/key-points):focus-within *
  ) {
    max-height: calc(var(--spacing) * 7);
  }
  .group-focus-within\/key-points\:opacity-100:is(
    :where(.group\/key-points):focus-within *
  ) {
    opacity: 1;
  }
  .group-focus-within\/message-image\:pointer-events-auto:is(
    :where(.group\/message-image):focus-within *
  ) {
    pointer-events: auto;
  }
  .group-focus-within\/message-image\:opacity-100:is(
    :where(.group\/message-image):focus-within *
  ) {
    opacity: 1;
  }
  .group-focus-within\/numeric-stepper\:pointer-events-auto:is(
    :where(.group\/numeric-stepper):focus-within *
  ) {
    pointer-events: auto;
  }
  .group-focus-within\/numeric-stepper\:opacity-100:is(
    :where(.group\/numeric-stepper):focus-within *
  ),
  .group-focus-within\/revision\:opacity-100:is(
    :where(.group\/revision):focus-within *
  ) {
    opacity: 1;
  }
  .group-focus-within\/search-image\:pointer-events-auto:is(
    :where(.group\/search-image):focus-within *
  ) {
    pointer-events: auto;
  }
  .group-focus-within\/search-image\:visible:is(
    :where(.group\/search-image):focus-within *
  ) {
    visibility: visible;
  }
  .group-focus-within\/search-image\:opacity-100:is(
    :where(.group\/search-image):focus-within *
  ) {
    opacity: 1;
  }
  .group-focus-within\/slide\:pointer-events-auto:is(
    :where(.group\/slide):focus-within *
  ) {
    pointer-events: auto;
  }
  .group-focus-within\/slide\:mt-1:is(:where(.group\/slide):focus-within *) {
    margin-top: calc(var(--spacing) * 1);
  }
  .group-focus-within\/slide\:max-h-7:is(:where(.group\/slide):focus-within *) {
    max-height: calc(var(--spacing) * 7);
  }
  .group-focus-within\/slide\:opacity-100:is(
    :where(.group\/slide):focus-within *
  ),
  .group-focus-within\/slides-conversation-preview\:opacity-100:is(
    :where(.group\/slides-conversation-preview):focus-within *
  ) {
    opacity: 1;
  }
  .group-focus-within\/slides-gallery-tile\:pointer-events-auto:is(
    :where(.group\/slides-gallery-tile):focus-within *
  ) {
    pointer-events: auto;
  }
  .group-focus-within\/slides-gallery-tile\:opacity-0:is(
    :where(.group\/slides-gallery-tile):focus-within *
  ) {
    opacity: 0;
  }
  .group-focus-within\/slides-gallery-tile\:opacity-100:is(
    :where(.group\/slides-gallery-tile):focus-within *
  ),
  .group-focus-within\/spreadsheet-thread\:opacity-100:is(
    :where(.group\/spreadsheet-thread):focus-within *
  ),
  .group-focus-within\/template-asset\:opacity-100:is(
    :where(.group\/template-asset):focus-within *
  ),
  .group-focus-within\/theme-thumbnail\:opacity-100:is(
    :where(.group\/theme-thumbnail):focus-within *
  ) {
    opacity: 1;
  }
  .group-focus-within\/title-area\:pointer-events-auto:is(
    :where(.group\/title-area):focus-within *
  ) {
    pointer-events: auto;
  }
  .group-focus-within\/title-area\:mt-1:is(
    :where(.group\/title-area):focus-within *
  ) {
    margin-top: calc(var(--spacing) * 1);
  }
  .group-focus-within\/title-area\:max-h-7:is(
    :where(.group\/title-area):focus-within *
  ) {
    max-height: calc(var(--spacing) * 7);
  }
  .group-focus-within\/title-area\:opacity-100:is(
    :where(.group\/title-area):focus-within *
  ) {
    opacity: 1;
  }
  .group-focus-within\/turn-messages\:pointer-events-auto:is(
    :where(.group\/turn-messages):focus-within *
  ) {
    pointer-events: auto;
  }
  .group-focus-within\/turn-messages\:\[mask-position\:0_0\]:is(
    :where(.group\/turn-messages):focus-within *
  ) {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
  .group-focus-within\/turn-messages\:opacity-100:is(
    :where(.group\/turn-messages):focus-within *
  ) {
    opacity: 1;
  }
  @media (hover: hover) {
    .group-hover\:pointer-events-auto:is(:where(.group):hover *) {
      pointer-events: auto;
    }
    .group-hover\:invisible:is(:where(.group):hover *) {
      visibility: hidden;
    }
    .group-hover\:visible:is(:where(.group):hover *) {
      visibility: visible;
    }
    .group-hover\:ms-0\.5:is(:where(.group):hover *) {
      margin-inline-start: calc(var(--spacing) * 0.5);
    }
    .group-hover\:block:is(:where(.group):hover *) {
      display: block;
    }
    .group-hover\:flex:is(:where(.group):hover *) {
      display: flex;
    }
    .group-hover\:hidden:is(:where(.group):hover *) {
      display: none;
    }
    .group-hover\:w-4:is(:where(.group):hover *) {
      width: calc(var(--spacing) * 4);
    }
    .group-hover\:-translate-x-1:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\:-translate-x-1\.5:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * -1.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\:translate-x-0\.5:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * 0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\:translate-x-2\.5:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * 2.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\:translate-x-3\.5:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * 3.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\:translate-x-\[calc\(-50\%-245px\)\]:is(
      :where(.group):hover *
    ) {
      --tw-translate-x: calc(-50% - 245px);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\:translate-x-\[calc\(-50\%-250px\)\]:is(
      :where(.group):hover *
    ) {
      --tw-translate-x: calc(-50% - 250px);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\:translate-y-0:is(:where(.group):hover *) {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\:translate-y-\[calc\(-50\%\+95px\)\]:is(
      :where(.group):hover *
    ) {
      --tw-translate-y: calc(-50% + 95px);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\:translate-y-\[calc\(-50\%\+140px\)\]:is(
      :where(.group):hover *
    ) {
      --tw-translate-y: calc(-50% + 140px);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\:translate-y-\[calc\(-50\%-100px\)\]:is(
      :where(.group):hover *
    ) {
      --tw-translate-y: calc(-50% - 100px);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\:translate-y-\[calc\(-50\%-145px\)\]:is(
      :where(.group):hover *
    ) {
      --tw-translate-y: calc(-50% - 145px);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\:scale-100:is(:where(.group):hover *) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .group-hover\:scale-105:is(:where(.group):hover *) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .group-hover\:scale-110:is(:where(.group):hover *) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .group-hover\:scale-200:is(:where(.group):hover *) {
      --tw-scale-x: 200%;
      --tw-scale-y: 200%;
      --tw-scale-z: 200%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .group-hover\:scale-\[1\.02\]:is(:where(.group):hover *) {
      scale: 1.02;
    }
    .group-hover\:scale-\[1\.03\]:is(:where(.group):hover *) {
      scale: 1.03;
    }
    .group-hover\:-rotate-\[8deg\]:is(:where(.group):hover *) {
      rotate: -8deg;
    }
    .group-hover\:-rotate-\[10deg\]:is(:where(.group):hover *) {
      rotate: -10deg;
    }
    .group-hover\:rotate-\[-2deg\]:is(:where(.group):hover *) {
      rotate: -2deg;
    }
    .group-hover\:rotate-\[-5deg\]:is(:where(.group):hover *) {
      rotate: -5deg;
    }
    .group-hover\:rotate-\[3deg\]:is(:where(.group):hover *) {
      rotate: 3deg;
    }
    .group-hover\:rotate-\[60deg\]:is(:where(.group):hover *) {
      rotate: 60deg;
    }
    .group-hover\:grid-rows-\[1fr\]:is(:where(.group):hover *) {
      grid-template-rows: 1fr;
    }
    .group-hover\:border-orange-50:is(:where(.group):hover *) {
      border-color: var(--orange-50);
    }
    .group-hover\:border-token-bg-tertiary:is(:where(.group):hover *) {
      border-color: var(--bg-tertiary);
    }
    .group-hover\:border-token-text-primary:is(:where(.group):hover *) {
      border-color: var(--text-primary);
    }
    .group-hover\:bg-black\/5:is(:where(.group):hover *) {
      background-color: #0000000d;
      background-color: lab(0% 0 0/0.05);
    }
    .group-hover\:bg-black\/30:is(:where(.group):hover *) {
      background-color: #0000004d;
      background-color: lab(0% 0 0/0.3);
    }
    .group-hover\:bg-current:is(:where(.group):hover *) {
      background-color: currentColor;
    }
    .group-hover\:bg-gray-100:is(:where(.group):hover *) {
      background-color: var(--gray-100);
    }
    .group-hover\:bg-token-bg-elevated-secondary:is(:where(.group):hover *) {
      background-color: var(--bg-elevated-secondary);
    }
    .group-hover\:bg-token-bg-secondary:is(:where(.group):hover *) {
      background-color: var(--bg-secondary);
    }
    .group-hover\:bg-token-bg-tertiary:is(:where(.group):hover *),
    .group-hover\:bg-token-bg-tertiary\/60:is(:where(.group):hover *) {
      background-color: var(--bg-tertiary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:bg-token-bg-tertiary\/60:is(:where(.group):hover *) {
        background-color: color-mix(
          in oklab,
          var(--bg-tertiary) 60%,
          transparent
        );
      }
    }
    .group-hover\:bg-token-interactive-bg-secondary-selected:is(
      :where(.group):hover *
    ) {
      background-color: var(--interactive-bg-secondary-selected);
    }
    .group-hover\:bg-token-main-surface-primary:is(:where(.group):hover *) {
      background-color: var(--main-surface-primary);
    }
    .group-hover\:bg-token-main-surface-secondary:is(:where(.group):hover *) {
      background-color: var(--main-surface-secondary);
    }
    .group-hover\:bg-token-text-tertiary:is(:where(.group):hover *) {
      background-color: var(--text-tertiary);
    }
    .group-hover\:from-token-bg-tertiary:is(:where(.group):hover *) {
      --tw-gradient-from: var(--bg-tertiary);
      --tw-gradient-stops: var(
        --tw-gradient-via-stops,
        var(--tw-gradient-position),
        var(--tw-gradient-from) var(--tw-gradient-from-position),
        var(--tw-gradient-to) var(--tw-gradient-to-position)
      );
    }
    .group-hover\:via-token-bg-tertiary:is(:where(.group):hover *) {
      --tw-gradient-via: var(--bg-tertiary);
      --tw-gradient-via-stops:
        var(--tw-gradient-position),
        var(--tw-gradient-from) var(--tw-gradient-from-position),
        var(--tw-gradient-via) var(--tw-gradient-via-position),
        var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
    }
    .group-hover\:to-transparent:is(:where(.group):hover *) {
      --tw-gradient-to: transparent;
      --tw-gradient-stops: var(
        --tw-gradient-via-stops,
        var(--tw-gradient-position),
        var(--tw-gradient-from) var(--tw-gradient-from-position),
        var(--tw-gradient-to) var(--tw-gradient-to-position)
      );
    }
    .group-hover\:\[mask-image\:linear-gradient\(to_right\,black_calc\(100\%_-_2\.5rem\)\,transparent_calc\(100\%_-_1\.25rem\)\,transparent_100\%\)\]:is(
        :where(.group):hover *
      ) {
      -webkit-mask-image: linear-gradient(
        90deg,
        #000 calc(100% - 2.5rem),
        #0000 calc(100% - 1.25rem) 100%
      );
      mask-image: linear-gradient(
        90deg,
        #000 calc(100% - 2.5rem),
        #0000 calc(100% - 1.25rem) 100%
      );
    }
    .group-hover\:fill-\[\#8f5d1f\]:is(:where(.group):hover *) {
      fill: #8f5d1f;
    }
    .group-hover\:fill-token-text-inverted:is(:where(.group):hover *) {
      fill: var(--text-inverted);
    }
    .group-hover\:entity-accent:is(:where(.group):hover *) {
      color: var(--theme-entity-accent);
    }
    .group-hover\:text-red-500:is(:where(.group):hover *) {
      color: var(--red-500);
    }
    .group-hover\:text-token-interactive-label-accent-default:is(
      :where(.group):hover *
    ) {
      color: var(--interactive-label-accent-default);
    }
    .group-hover\:text-token-link:is(:where(.group):hover *) {
      color: var(--link);
    }
    .group-hover\:text-token-text-inverted:is(:where(.group):hover *) {
      color: var(--text-inverted);
    }
    .group-hover\:text-token-text-primary:is(:where(.group):hover *) {
      color: var(--text-primary);
    }
    .group-hover\:text-token-text-secondary:is(:where(.group):hover *) {
      color: var(--text-secondary);
    }
    .group-hover\:text-white\/70:is(:where(.group):hover *) {
      color: #ffffffb3;
      color: lab(100% -0.0000298023 0.0000119209/.7);
    }
    .group-hover\:underline:is(:where(.group):hover *) {
      text-decoration-line: underline;
    }
    .group-hover\:opacity-0:is(:where(.group):hover *) {
      opacity: 0;
    }
    .group-hover\:opacity-20:is(:where(.group):hover *) {
      opacity: 0.2;
    }
    .group-hover\:opacity-70:is(:where(.group):hover *) {
      opacity: 0.7;
    }
    .group-hover\:opacity-90:is(:where(.group):hover *) {
      opacity: 0.9;
    }
    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }
    .group-hover\:shadow-\[0px_4px_16px_0px_rgba\(0\,0\,0\,0\.05\)\]:is(
        :where(.group):hover *
      ) {
      --tw-shadow: 0px 4px 16px 0px var(--tw-shadow-color, #0000000d);
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .group-hover\:brightness-110:is(:where(.group):hover *) {
      --tw-brightness: brightness(110%);
      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,);
    }
    .group-hover\:drop-shadow-\[0_2px_6px_rgba\(0\,0\,0\,0\.65\)\]:is(
        :where(.group):hover *
      ) {
      --tw-drop-shadow-size: drop-shadow(
        0 2px 6px var(--tw-drop-shadow-color, #000000a6)
      );
      --tw-drop-shadow: var(--tw-drop-shadow-size);
      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,);
    }
    .group-hover\:grayscale-0:is(:where(.group):hover *) {
      --tw-grayscale: grayscale(0%);
      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,);
    }
    .group-hover\:backdrop-blur-3xl:is(:where(.group):hover *) {
      --tw-backdrop-blur: blur(var(--blur-3xl));
      -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,);
    }
    .group-hover\:transition-transform:is(:where(.group):hover *) {
      transition-property: transform, translate, scale, rotate;
      transition-timing-function: var(
        --tw-ease,
        var(--default-transition-timing-function)
      );
      transition-duration: var(
        --tw-duration,
        var(--default-transition-duration)
      );
    }
    .group-hover\:delay-0:is(:where(.group):hover *) {
      transition-delay: 0s;
    }
    .group-hover\:delay-200:is(:where(.group):hover *) {
      transition-delay: 0.2s;
    }
    .group-hover\:duration-0:is(:where(.group):hover *) {
      --tw-duration: 0s;
      transition-duration: 0s;
    }
    .group-hover\:duration-300:is(:where(.group):hover *) {
      --tw-duration: 0.3s;
      transition-duration: 0.3s;
    }
    .group-hover\:\[-webkit-mask-image\:linear-gradient\(to_right\,black_calc\(100\%_-_2\.5rem\)\,transparent_calc\(100\%_-_1\.25rem\)\,transparent_100\%\)\]:is(
        :where(.group):hover *
      ) {
      -webkit-mask-image: linear-gradient(
        90deg,
        #000 calc(100% - 2.5rem),
        #0000 calc(100% - 1.25rem) 100%
      );
    }
    .group-hover\/accordion\:opacity-40:is(:where(.group\/accordion):hover *) {
      opacity: 0.4;
    }
    .group-hover\/app-grid-item\:opacity-100:is(
      :where(.group\/app-grid-item):hover *
    ),
    .group-hover\/audio-item\:opacity-100:is(
      :where(.group\/audio-item):hover *
    ) {
      opacity: 1;
    }
    .group-hover\/btn\:bg-gray-800:is(:where(.group\/btn):hover *) {
      background-color: var(--gray-800);
    }
    .group-hover\/btn\:bg-token-bg-tertiary:is(:where(.group\/btn):hover *) {
      background-color: var(--bg-tertiary);
    }
    .group-hover\/button\:bg-token-interactive-bg-tertiary-press:is(
      :where(.group\/button):hover *
    ) {
      background-color: var(--interactive-bg-tertiary-press);
    }
    .group-hover\/button\:text-token-text-primary:is(
      :where(.group\/button):hover *
    ) {
      color: var(--text-primary);
    }
    .group-hover\/card\:translate-y-0:is(:where(.group\/card):hover *) {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\/card\:scale-100:is(:where(.group\/card):hover *) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .group-hover\/card\:opacity-100:is(:where(.group\/card):hover *) {
      opacity: 1;
    }
    .group-hover\/carousel\:\[animation-play-state\:paused\]:is(
      :where(.group\/carousel):hover *
    ) {
      animation-play-state: paused;
    }
    .group-hover\/cell\:opacity-0:is(:where(.group\/cell):hover *) {
      opacity: 0;
    }
    .group-hover\/cell\:opacity-100:is(:where(.group\/cell):hover *) {
      opacity: 1;
    }
    .group-hover\/dalle-image\:visible:is(:where(.group\/dalle-image):hover *) {
      visibility: visible;
    }
    .group-hover\/dalle-image\:bg-black\/70:is(
      :where(.group\/dalle-image):hover *
    ) {
      background-color: #000000b3;
      background-color: lab(0% 0 0/0.7);
    }
    .group-hover\/dalle-image\:bg-transparent:is(
      :where(.group\/dalle-image):hover *
    ) {
      background-color: #0000;
    }
    .group-hover\/debug\:opacity-100:is(:where(.group\/debug):hover *) {
      opacity: 1;
    }
    .group-hover\/file-layout\:bg-token-interactive-bg-primary-selected\/5:is(
      :where(.group\/file-layout):hover *
    ) {
      background-color: var(--interactive-bg-primary-selected);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\/file-layout\:bg-token-interactive-bg-primary-selected\/5:is(
        :where(.group\/file-layout):hover *
      ) {
        background-color: color-mix(
          in oklab,
          var(--interactive-bg-primary-selected) 5%,
          transparent
        );
      }
    }
    .group-hover\/file-row\:bg-token-interactive-bg-secondary-hover:is(
      :where(.group\/file-row):hover *
    ) {
      background-color: var(--interactive-bg-secondary-hover);
    }
    .group-hover\/file-row\:bg-token-surface-hover:is(
      :where(.group\/file-row):hover *
    ) {
      background-color: var(--surface-hover);
    }
    .group-hover\/file-row\:opacity-100:is(:where(.group\/file-row):hover *) {
      opacity: 1;
    }
    .group-hover\/file-tile\:block:is(:where(.group\/file-tile):hover *) {
      display: block;
    }
    .group-hover\/footnote\:border-token-bg-tertiary:is(
      :where(.group\/footnote):hover *
    ) {
      border-color: var(--bg-tertiary);
    }
    .group-hover\/footnote\:border-token-main-surface-secondary:is(
      :where(.group\/footnote):hover *
    ) {
      border-color: var(--main-surface-secondary);
    }
    .group-hover\/hover\:block:is(:where(.group\/hover):hover *) {
      display: block;
    }
    .group-hover\/icon\:bg-gray-200:is(:where(.group\/icon):hover *) {
      background-color: var(--gray-200);
    }
    .group-hover\/imagegen-image\:pointer-events-auto:is(
      :where(.group\/imagegen-image):hover *
    ) {
      pointer-events: auto;
    }
    .group-hover\/imagegen-image\:opacity-100:is(
      :where(.group\/imagegen-image):hover *
    ) {
      opacity: 1;
    }
    .group-hover\/memory-action\:bg-token-interactive-bg-secondary-hover:is(
      :where(.group\/memory-action):hover *
    ) {
      background-color: var(--interactive-bg-secondary-hover);
    }
    .group-hover\/message\:opacity-100:is(:where(.group\/message):hover *) {
      opacity: 1;
    }
    .group-hover\/message-image\:pointer-events-auto:is(
      :where(.group\/message-image):hover *
    ) {
      pointer-events: auto;
    }
    .group-hover\/message-image\:opacity-100:is(
      :where(.group\/message-image):hover *
    ) {
      opacity: 1;
    }
    .group-hover\/nav-list\:underline:is(:where(.group\/nav-list):hover *) {
      text-decoration-line: underline;
    }
    .group-hover\/numeric-stepper\:pointer-events-auto:is(
      :where(.group\/numeric-stepper):hover *
    ) {
      pointer-events: auto;
    }
    .group-hover\/numeric-stepper\:opacity-100:is(
      :where(.group\/numeric-stepper):hover *
    ) {
      opacity: 1;
    }
    .group-hover\/paragen-image\:visible:is(
      :where(.group\/paragen-image):hover *
    ) {
      visibility: visible;
    }
    .group-hover\/pill\:translate-y-0:is(:where(.group\/pill):hover *) {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\/pill\:translate-y-full:is(:where(.group\/pill):hover *) {
      --tw-translate-y: 100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\/pill\:opacity-0:is(:where(.group\/pill):hover *) {
      opacity: 0;
    }
    .group-hover\/pill\:opacity-100:is(:where(.group\/pill):hover *) {
      opacity: 1;
    }
    .group-hover\/pill\:blur-sm:is(:where(.group\/pill):hover *) {
      --tw-blur: blur(var(--blur-sm));
      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,);
    }
    .group-hover\/revision\:opacity-100:is(:where(.group\/revision):hover *) {
      opacity: 1;
    }
    .group-hover\/row\:bg-gray-50:is(:where(.group\/row):hover *) {
      background-color: var(--gray-50);
    }
    .group-hover\/row\:underline:is(:where(.group\/row):hover *) {
      text-decoration-line: underline;
    }
    .group-hover\/row\:opacity-100:is(:where(.group\/row):hover *) {
      opacity: 1;
    }
    .group-hover\/row\:delay-500:is(:where(.group\/row):hover *) {
      transition-delay: 0.5s;
    }
    .group-hover\/search-image\:pointer-events-auto:is(
      :where(.group\/search-image):hover *
    ) {
      pointer-events: auto;
    }
    .group-hover\/search-image\:visible:is(
      :where(.group\/search-image):hover *
    ) {
      visibility: visible;
    }
    .group-hover\/search-image\:opacity-100:is(
      :where(.group\/search-image):hover *
    ),
    .group-hover\/segment\:opacity-100:is(:where(.group\/segment):hover *) {
      opacity: 1;
    }
    .group-hover\/sidebar-expando-section\:visible:is(
      :where(.group\/sidebar-expando-section):hover *
    ) {
      visibility: visible;
    }
    .group-hover\/sidebar-expando-section\:block:is(
      :where(.group\/sidebar-expando-section):hover *
    ) {
      display: block;
    }
    .group-hover\/slides-conversation-preview\:opacity-100:is(
      :where(.group\/slides-conversation-preview):hover *
    ) {
      opacity: 1;
    }
    .group-hover\/slides-gallery-tile\:pointer-events-auto:is(
      :where(.group\/slides-gallery-tile):hover *
    ) {
      pointer-events: auto;
    }
    .group-hover\/slides-gallery-tile\:opacity-0:is(
      :where(.group\/slides-gallery-tile):hover *
    ) {
      opacity: 0;
    }
    .group-hover\/slides-gallery-tile\:opacity-100:is(
      :where(.group\/slides-gallery-tile):hover *
    ),
    .group-hover\/spreadsheet-thread\:opacity-100:is(
      :where(.group\/spreadsheet-thread):hover *
    ) {
      opacity: 1;
    }
    .group-hover\/task-row\:bg-token-bg-secondary:is(
      :where(.group\/task-row):hover *
    ) {
      background-color: var(--bg-secondary);
    }
    .group-hover\/template-asset\:opacity-100:is(
      :where(.group\/template-asset):hover *
    ),
    .group-hover\/theme-thumbnail\:opacity-100:is(
      :where(.group\/theme-thumbnail):hover *
    ) {
      opacity: 1;
    }
    .group-hover\/tiny-bar\:block:is(:where(.group\/tiny-bar):hover *) {
      display: block;
    }
    .group-hover\/tiny-bar\:hidden:is(:where(.group\/tiny-bar):hover *) {
      display: none;
    }
    .group-hover\/tool-message\:opacity-100:is(
      :where(.group\/tool-message):hover *
    ) {
      opacity: 1;
    }
    .group-hover\/tool-row\:visible:is(:where(.group\/tool-row):hover *) {
      visibility: visible;
    }
    .group-hover\/turn-messages\:pointer-events-auto:is(
      :where(.group\/turn-messages):hover *
    ) {
      pointer-events: auto;
    }
    .group-hover\/turn-messages\:\[mask-position\:0_0\]:is(
      :where(.group\/turn-messages):hover *
    ) {
      -webkit-mask-position: 0 0;
      mask-position: 0 0;
    }
    .group-hover\/turn-messages\:opacity-100:is(
      :where(.group\/turn-messages):hover *
    ) {
      opacity: 1;
    }
    .group-hover\/turn-messages\:delay-300:is(
      :where(.group\/turn-messages):hover *
    ) {
      transition-delay: 0.3s;
    }
  }
  .group-focus\:bg-black\/30:is(:where(.group):focus *) {
    background-color: #0000004d;
    background-color: lab(0% 0 0/0.3);
  }
  .group-focus\:text-token-text-primary:is(:where(.group):focus *) {
    color: var(--text-primary);
  }
  .group-focus\:opacity-100:is(:where(.group):focus *),
  .group-focus\/imagegen-image\:opacity-100:is(
    :where(.group\/imagegen-image):focus *
  ) {
    opacity: 1;
  }
  .group-focus-visible\:block:is(:where(.group):focus-visible *) {
    display: block;
  }
  .group-focus-visible\:hidden:is(:where(.group):focus-visible *) {
    display: none;
  }
  .group-focus-visible\:scale-105:is(:where(.group):focus-visible *) {
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    --tw-scale-z: 105%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .group-focus-visible\:opacity-100:is(:where(.group):focus-visible *) {
    opacity: 1;
  }
  .group-focus-visible\:drop-shadow-\[0_2px_6px_rgba\(0\,0\,0\,0\.65\)\]:is(
      :where(.group):focus-visible *
    ) {
    --tw-drop-shadow-size: drop-shadow(
      0 2px 6px var(--tw-drop-shadow-color, #000000a6)
    );
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    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,);
  }
  .group-focus-visible\/memory-action\:bg-token-interactive-bg-secondary-hover:is(
    :where(.group\/memory-action):focus-visible *
  ) {
    background-color: var(--interactive-bg-secondary-hover);
  }
  .group-focus-visible\/segment\:opacity-100:is(
    :where(.group\/segment):focus-visible *
  ) {
    opacity: 1;
  }
  .group-active\/file-layout\:bg-token-interactive-bg-primary-selected\/15:is(
    :where(.group\/file-layout):active *
  ) {
    background-color: var(--interactive-bg-primary-selected);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .group-active\/file-layout\:bg-token-interactive-bg-primary-selected\/15:is(
      :where(.group\/file-layout):active *
    ) {
      background-color: color-mix(
        in oklab,
        var(--interactive-bg-primary-selected) 15%,
        transparent
      );
    }
  }
  .group-active\/memory-action\:bg-token-interactive-bg-secondary-press:is(
    :where(.group\/memory-action):active *
  ) {
    background-color: var(--interactive-bg-secondary-press);
  }
  .group-has-focus\:border-token-border-xheavy:is(
    :where(.group):has(:focus) *
  ) {
    border-color: var(--border-xheavy);
  }
  .group-data-expanded\/composer\:mb-0:is(
    :where(.group\/composer)[data-expanded] *
  ) {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .group-data-expanded\/composer\:px-2\.5:is(
      :where(.group\/composer)[data-expanded] *
    ) {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .group-data-expanded\/composer\:\[grid-template-areas\:\'header_header_header\'_\'primary_primary_primary\'_\'leading_footer_trailing\'\]:is(
    :where(.group\/composer)[data-expanded] *
  ) {
    grid-template-areas: "header header header" "primary primary primary" "leading footer trailing";
  }
  .group-data-scroll-from-top\/scroll-root\:\[box-shadow\:var\(--sharp-edge-top-shadow\)\]:is(
    :where(.group\/scroll-root)[data-scroll-from-top] *
  ) {
    box-shadow: var(--sharp-edge-top-shadow);
  }
  .group-data-scrolled-from-end\/scrollport\:block:is(
    :where(.group\/scrollport)[data-scrolled-from-end] *
  ) {
    display: block;
  }
  .group-data-scrolled-from-end\/scrollport\:opacity-35:is(
    :where(.group\/scrollport)[data-scrolled-from-end] *
  ) {
    opacity: 0.35;
  }
  .group-data-scrolled-from-end\/scrollport\:opacity-100:is(
    :where(.group\/scrollport)[data-scrolled-from-end] *
  ) {
    opacity: 1;
  }
  .group-data-scrolled-from-top\/scrollport\:bg-none\!:is(
    :where(.group\/scrollport)[data-scrolled-from-top] *
  ) {
    background-image: none !important;
  }
  .group-data-scrolled-from-top\/scrollport\:opacity-100:is(
    :where(.group\/scrollport)[data-scrolled-from-top] *
  ) {
    opacity: 1;
  }
  .group-data-sheet-item\:mt-0\.5:is(:where(.group)[data-sheet-item] *) {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .group-data-sheet-item\:mb-0:is(:where(.group)[data-sheet-item] *) {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .group-data-stream-active\/scroll-root\:h-\[calc\(var\(--thread-response-height\)-16\*var\(--spacing\)\)\]:is(
    :where(.group\/scroll-root)[data-stream-active] *
  ) {
    height: calc(var(--thread-response-height) - 16 * var(--spacing));
  }
  .group-data-stream-active\/scroll-root\:w-10:is(
    :where(.group\/scroll-root)[data-stream-active] *
  ) {
    width: calc(var(--spacing) * 10);
  }
  .group-data-stream-active\/scroll-root\:opacity-0:is(
    :where(.group\/scroll-root)[data-stream-active] *
  ) {
    opacity: 0;
  }
  .group-data-stream-active\/scroll-root\:opacity-100:is(
    :where(.group\/scroll-root)[data-stream-active] *
  ) {
    opacity: 1;
  }
  .group-data-stream-active\/scroll-root\:\[overflow-anchor\:none\]:is(
    :where(.group\/scroll-root)[data-stream-active] *
  ) {
    overflow-anchor: none;
  }
  .group-data-stream-active\/scroll-root\:squircle:is(
    :where(.group\/scroll-root)[data-stream-active] *
  ) {
    corner-shape: superellipse(1.1);
  }
  .group-data-\[disabled\]\/sharing-row\:text-token-text-tertiary:is(
    :where(.group\/sharing-row)[data-disabled] *
  ) {
    color: var(--text-tertiary);
  }
  .group-data-\[disabled\]\/sharing-row\:opacity-50:is(
    :where(.group\/sharing-row)[data-disabled] *
  ) {
    opacity: 0.5;
  }
  .group-data-\[state\=off\]\:hidden:is(:where(.group)[data-state="off"] *),
  .group-data-\[state\=on\]\:hidden:is(:where(.group)[data-state="on"] *) {
    display: none;
  }
  .group-data-\[state\=open\]\:invisible:is(
    :where(.group)[data-state="open"] *
  ) {
    visibility: hidden;
  }
  .group-data-\[state\=open\]\:visible:is(:where(.group)[data-state="open"] *) {
    visibility: visible;
  }
  .group-data-\[state\=open\]\:rotate-180:is(
    :where(.group)[data-state="open"] *
  ) {
    rotate: 180deg;
  }
  .group-data-\[state\=open\]\/trigger\:block:is(
    :where(.group\/trigger)[data-state="open"] *
  ) {
    display: block;
  }
  .group-radix-disabled\:opacity-50:is(:where(.group)[data-disabled] *) {
    opacity: 0.5;
  }
  .group-radix-state-checked\:hidden:is(
    :where(.group)[data-state="checked"] *
  ) {
    display: none;
  }
  .group-radix-state-open\:bg-token-bg-tertiary:is(
    :where(.group)[data-state="open"] *
  ) {
    background-color: var(--bg-tertiary);
  }
  .group-radix-state-open\:bg-token-main-surface-tertiary:is(
    :where(.group)[data-state="open"] *
  ) {
    background-color: var(--main-surface-tertiary);
  }
  .group-keyboard-focused\:focus-ring:is(
    :where(.group):is(html[data-focus-mode="keyboard"] :focus-visible) *
  ) {
    outline-color: var(--interactive-outline-color, var(--text-primary));
    outline-offset: 2.5px;
    outline-width: 1.5px;
    outline-style: solid;
  }
  .group-\[\.skeleton\]\:animate-\[shimmer-skeleton_2s_infinite_ease-in-out\]:is(
      :where(.group).skeleton *
    ) {
    animation: 2s ease-in-out infinite shimmer-skeleton;
  }
  .group-\[\.skeleton\]\:rounded-md:is(:where(.group).skeleton *) {
    border-radius: var(--radius-md);
  }
  .group-\[\.skeleton\]\:bg-linear-to-r:is(:where(.group).skeleton *) {
    --tw-gradient-position: to right;
  }
  @supports (background-image: linear-gradient(in lab, red, red)) {
    .group-\[\.skeleton\]\:bg-linear-to-r:is(:where(.group).skeleton *) {
      --tw-gradient-position: to right in oklab;
    }
  }
  .group-\[\.skeleton\]\:bg-linear-to-r:is(:where(.group).skeleton *) {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .group-\[\.skeleton\]\:from-\[\#c1c0c0\]:is(:where(.group).skeleton *) {
    --tw-gradient-from: #c1c0c0;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .group-\[\.skeleton\]\:via-\[\#f1f0f0\]:is(:where(.group).skeleton *) {
    --tw-gradient-via: #f1f0f0;
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .group-\[\.skeleton\]\:to-\[\#c1c0c0\:\]:is(:where(.group).skeleton *) {
    --tw-gradient-to: #c1c0c0: ;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .group-\[\.skeleton\]\:\[box-decoration-break\:clone\]:is(
      :where(.group).skeleton *
    ) {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }
  .group-\[\.skeleton\]\:bg-\[length\:300\%\]:is(:where(.group).skeleton *) {
    background-size: 300%;
  }
  .group-\[\.skeleton\]\:leading-7:is(:where(.group).skeleton *) {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
  .group-\[\.skeleton\]\:text-transparent:is(:where(.group).skeleton *) {
    color: #0000;
  }
  .group-\[\.skeleton\]\:\[animation-direction\:alternate\]:is(
      :where(.group).skeleton *
    ) {
    animation-direction: alternate;
  }
  .group-\[\:not\(\:hover\)\]\:pointer-events-none:is(
    :where(.group):not(:hover) *
  ) {
    pointer-events: none;
  }
  .group-\[\:not\(\:hover\)\]\:opacity-0:is(:where(.group):not(:hover) *) {
    opacity: 0;
  }
  .group-\[\:not\(\:hover\)\:not\(\:focus-within\)\]\:pointer-events-none:is(
    :where(.group):not(:hover):not(:focus-within) *
  ) {
    pointer-events: none;
  }
  .group-\[\:not\(\:hover\)\:not\(\:focus-within\)\]\:opacity-0:is(
    :where(.group):not(:hover):not(:focus-within) *
  ) {
    opacity: 0;
  }
  .group-\[\:not\(\[data-scroll-from-end\]\)\]\/scroll-root\:pointer-events-none:is(
    :where(.group\/scroll-root):not([data-scroll-from-end]) *
  ) {
    pointer-events: none;
  }
  .group-\[\:not\(\[data-scroll-from-end\]\)\]\/scroll-root\:translate-y-2:is(
    :where(.group\/scroll-root):not([data-scroll-from-end]) *
  ) {
    --tw-translate-y: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .group-\[\:not\(\[data-scroll-from-end\]\)\]\/scroll-root\:scale-50:is(
    :where(.group\/scroll-root):not([data-scroll-from-end]) *
  ) {
    --tw-scale-x: 50%;
    --tw-scale-y: 50%;
    --tw-scale-z: 50%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .group-\[\:not\(\[data-scroll-from-end\]\)\]\/scroll-root\:opacity-0:is(
    :where(.group\/scroll-root):not([data-scroll-from-end]) *
  ) {
    opacity: 0;
  }
  .group-\[\:not\(\[data-scroll-from-end\]\)\]\/scroll-root\:delay-0:is(
    :where(.group\/scroll-root):not([data-scroll-from-end]) *
  ) {
    transition-delay: 0s;
  }
  .group-\[\:not\(\[data-scroll-from-end\]\)\]\/scroll-root\:duration-100:is(
    :where(.group\/scroll-root):not([data-scroll-from-end]) *
  ) {
    --tw-duration: 0.1s;
    transition-duration: 0.1s;
  }
  .peer-checked\:block:is(:where(.peer):checked ~ *) {
    display: block;
  }
  .peer-checked\:opacity-100:is(:where(.peer):checked ~ *) {
    opacity: 1;
  }
  .peer-checked\/checkbox\:bg-token-interactive-bg-primary-default:is(
    :where(.peer\/checkbox):checked ~ *
  ) {
    background-color: var(--interactive-bg-primary-default);
  }
  .peer-checked\/checkbox\:text-token-icon-inverted:is(
    :where(.peer\/checkbox):checked ~ *
  ) {
    color: var(--icon-inverted);
  }
  .peer-indeterminate\:block:is(:where(.peer):indeterminate ~ *) {
    display: block;
  }
  .peer-indeterminate\:hidden:is(:where(.peer):indeterminate ~ *) {
    display: none;
  }
  .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
    cursor: not-allowed;
  }
  .peer-disabled\:opacity-70:is(:where(.peer):disabled ~ *) {
    opacity: 0.7;
  }
  .peer-disabled\/checkbox\:bg-token-bg-secondary:is(
    :where(.peer\/checkbox):disabled ~ *
  ) {
    background-color: var(--bg-secondary);
  }
  .first-letter\:uppercase:first-letter {
    text-transform: uppercase;
  }
  .marker\:text-inherit ::marker {
    color: inherit;
  }
  .marker\:text-inherit::marker {
    color: inherit;
  }
  .marker\:text-inherit ::-webkit-details-marker {
    color: inherit;
  }
  .marker\:text-inherit::-webkit-details-marker {
    color: inherit;
  }
  .marker\:text-token-text-tertiary ::marker {
    color: var(--text-tertiary);
  }
  .marker\:text-token-text-tertiary::marker {
    color: var(--text-tertiary);
  }
  .marker\:text-token-text-tertiary ::-webkit-details-marker {
    color: var(--text-tertiary);
  }
  .marker\:text-token-text-tertiary::-webkit-details-marker {
    color: var(--text-tertiary);
  }
  .marker\:content-none ::marker {
    --tw-content: none;
    content: none;
  }
  .marker\:content-none::marker {
    --tw-content: none;
    content: none;
  }
  .marker\:content-none ::-webkit-details-marker {
    --tw-content: none;
    content: none;
  }
  .marker\:content-none::-webkit-details-marker {
    --tw-content: none;
    content: none;
  }
  .selection\:bg-token-bg-tertiary ::selection {
    background-color: var(--bg-tertiary);
  }
  .selection\:bg-token-bg-tertiary::selection {
    background-color: var(--bg-tertiary);
  }
  .selection\:bg-transparent ::selection {
    background-color: #0000;
  }
  .selection\:bg-transparent::selection {
    background-color: #0000;
  }
  .selection\:bg-white\/30 ::selection {
    background-color: #ffffff4d;
    background-color: lab(100% -0.0000298023 0.0000119209/.3);
  }
  .selection\:bg-white\/30::selection {
    background-color: #ffffff4d;
    background-color: lab(100% -0.0000298023 0.0000119209/.3);
  }
  .selection\:text-token-text-primary ::selection {
    color: var(--text-primary);
  }
  .selection\:text-token-text-primary::selection {
    color: var(--text-primary);
  }
  .file\:me-4::file-selector-button {
    margin-inline-end: calc(var(--spacing) * 4);
  }
  .file\:rounded-md::file-selector-button {
    border-radius: var(--radius-md);
  }
  .file\:border-0::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  .file\:bg-token-bg-secondary::file-selector-button {
    background-color: var(--bg-secondary);
  }
  .file\:bg-transparent::file-selector-button {
    background-color: #0000;
  }
  .file\:px-3::file-selector-button {
    padding-inline: calc(var(--spacing) * 3);
  }
  .file\:py-2::file-selector-button {
    padding-block: calc(var(--spacing) * 2);
  }
  .file\:text-sm::file-selector-button {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .file\:font-medium::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .file\:text-token-text-primary::file-selector-button {
    color: var(--text-primary);
  }
  .placeholder\:ps-px::placeholder {
    padding-inline-start: 1px;
  }
  .placeholder\:text-\[16px\]::placeholder {
    font-size: 16px;
  }
  .placeholder\:leading-6::placeholder {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
  .placeholder\:text-\[\#9B9B9B\]::placeholder {
    color: #9b9b9b;
  }
  .placeholder\:text-gray-300::placeholder {
    color: var(--gray-300);
  }
  .placeholder\:text-gray-400::placeholder {
    color: var(--gray-400);
  }
  .placeholder\:text-gray-500::placeholder {
    color: var(--gray-500);
  }
  .placeholder\:text-token-text-error::placeholder {
    color: var(--text-error);
  }
  .placeholder\:text-token-text-primary::placeholder,
  .placeholder\:text-token-text-primary\/40::placeholder {
    color: var(--text-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .placeholder\:text-token-text-primary\/40::placeholder {
      color: color-mix(in oklab, var(--text-primary) 40%, transparent);
    }
  }
  .placeholder\:text-token-text-quaternary::placeholder {
    color: var(--text-quaternary);
  }
  .placeholder\:text-token-text-secondary::placeholder {
    color: var(--text-secondary);
  }
  .placeholder\:text-token-text-tertiary::placeholder,
  .placeholder\:text-token-text-tertiary\/70::placeholder {
    color: var(--text-tertiary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .placeholder\:text-token-text-tertiary\/70::placeholder {
      color: color-mix(in oklab, var(--text-tertiary) 70%, transparent);
    }
  }
  .placeholder\:text-white\/40::placeholder {
    color: #fff6;
    color: lab(100% -0.0000298023 0.0000119209/.4);
  }
  .placeholder\:select-none::placeholder {
    -webkit-user-select: none;
    user-select: none;
  }
  .details-content\:grid::details-content {
    display: grid;
  }
  .details-content\:grid-rows-\[0fr\]::details-content {
    grid-template-rows: 0fr;
  }
  .details-content\:overflow-clip::details-content {
    overflow: clip;
  }
  .details-content\:\[transition-property\:content-visibility\,grid-template-rows\]::details-content {
    transition-property: content-visibility, grid-template-rows;
  }
  .details-content\:transition-discrete::details-content {
    transition-behavior: allow-discrete;
  }
  .details-content\:duration-300::details-content {
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
  }
  .details-content\:ease-spring-standard::details-content {
    --tw-ease: var(--spring-common);
    transition-timing-function: var(--spring-common);
  }
  .details-content\:\[overflow-clip-margin\:6px\]::details-content {
    overflow-clip-margin: 6px;
  }
  .before\:pointer-events-auto:before {
    content: var(--tw-content);
    pointer-events: auto;
  }
  .before\:pointer-events-none:before {
    content: var(--tw-content);
    pointer-events: none;
  }
  .before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
  }
  .before\:-inset-1:before {
    content: var(--tw-content);
    inset: calc(var(--spacing) * -1);
  }
  .before\:inset-0:before {
    content: var(--tw-content);
    inset: calc(var(--spacing) * 0);
  }
  .before\:inset-\[-12px\]:before {
    content: var(--tw-content);
    inset: -12px;
  }
  .before\:inset-x-0:before {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * 0);
  }
  .before\:inset-x-8:before {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * 8);
  }
  .before\:inset-x-\[-1px\]:before {
    content: var(--tw-content);
    inset-inline: -1px;
  }
  .before\:-inset-y-2:before {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * -2);
  }
  .before\:-start-0\.5:before {
    content: var(--tw-content);
    inset-inline-start: calc(var(--spacing) * -0.5);
  }
  .before\:top-\[-1px\]:before {
    content: var(--tw-content);
    top: -1px;
  }
  .before\:top-\[-40px\]:before {
    content: var(--tw-content);
    top: -40px;
  }
  .before\:top-\[-64px\]:before {
    content: var(--tw-content);
    top: -64px;
  }
  .before\:top-full:before {
    content: var(--tw-content);
    top: 100%;
  }
  .before\:-right-2:before {
    content: var(--tw-content);
    right: calc(var(--spacing) * -2);
  }
  .before\:bottom-0:before {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 0);
  }
  .before\:bottom-2:before {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 2);
  }
  .before\:-left-2:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * -2);
  }
  .before\:-left-4:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * -4);
  }
  .before\:z-0:before {
    content: var(--tw-content);
    z-index: 0;
  }
  .before\:z-\[-1\]:before {
    content: var(--tw-content);
    z-index: -1;
  }
  .before\:mx-4:before {
    content: var(--tw-content);
    margin-inline: calc(var(--spacing) * 4);
  }
  .before\:my-1:before {
    content: var(--tw-content);
    margin-block: calc(var(--spacing) * 1);
  }
  .before\:my-2:before {
    content: var(--tw-content);
    margin-block: calc(var(--spacing) * 2);
  }
  .before\:block:before {
    content: var(--tw-content);
    display: block;
  }
  .before\:h-2:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 2);
  }
  .before\:h-3:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 3);
  }
  .before\:h-10:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 10);
  }
  .before\:h-16:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 16);
  }
  .before\:h-px:before {
    content: var(--tw-content);
    height: 1px;
  }
  .before\:w-full:before {
    content: var(--tw-content);
    width: 100%;
  }
  .before\:animate-\[pulse_2\.4s_ease-in-out_infinite\]:before {
    content: var(--tw-content);
    animation: 2.4s ease-in-out infinite pulse;
  }
  .before\:rounded-\[16px\]:before {
    content: var(--tw-content);
    border-radius: 16px;
  }
  .before\:rounded-full:before {
    content: var(--tw-content);
    border-radius: 3.40282e38px;
  }
  .before\:rounded-none:before {
    content: var(--tw-content);
    border-radius: 0;
  }
  .before\:bg-\(--color-surface-elevated\):before {
    content: var(--tw-content);
    background-color: var(--color-surface-elevated);
  }
  .before\:bg-\[var\(--right-bg\)\]:before {
    content: var(--tw-content);
    background-color: var(--right-bg);
  }
  .before\:bg-black\/20:before {
    content: var(--tw-content);
    background-color: #0003;
    background-color: lab(0% 0 0/0.2);
  }
  .before\:bg-black\/30:before {
    content: var(--tw-content);
    background-color: #0000004d;
    background-color: lab(0% 0 0/0.3);
  }
  .before\:bg-gray-200\/50:before {
    content: var(--tw-content);
    background-color: var(--gray-200);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .before\:bg-gray-200\/50:before {
      background-color: color-mix(in oklab, var(--gray-200) 50%, transparent);
    }
  }
  .before\:bg-token-bg-primary:before {
    content: var(--tw-content);
    background-color: var(--bg-primary);
  }
  .before\:bg-token-bg-tertiary\/60:before {
    content: var(--tw-content);
    background-color: var(--bg-tertiary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .before\:bg-token-bg-tertiary\/60:before {
      background-color: color-mix(
        in oklab,
        var(--bg-tertiary) 60%,
        transparent
      );
    }
  }
  .before\:bg-token-border-default:before {
    content: var(--tw-content);
    background-color: var(--border-default);
  }
  .before\:bg-transparent:before {
    content: var(--tw-content);
    background-color: #0000;
  }
  .before\:bg-white\/50:before {
    content: var(--tw-content);
    background-color: #ffffff80;
    background-color: lab(100% -0.0000298023 0.0000119209/.5);
  }
  .before\:bg-gradient-to-b:before {
    content: var(--tw-content);
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .before\:bg-gradient-to-l:before {
    content: var(--tw-content);
    --tw-gradient-position: to left in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .before\:bg-gradient-to-t:before {
    content: var(--tw-content);
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .before\:bg-\[linear-gradient\(90deg\,\#9FB1EE_0\%\,\#E6F3FF_100\%\)\]:before {
    content: var(--tw-content);
    background-image: linear-gradient(90deg, #9fb1ee 0%, #e6f3ff 100%);
  }
  .before\:from-token-bg-primary:before {
    content: var(--tw-content);
    --tw-gradient-from: var(--bg-primary);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .before\:from-token-bg-tertiary:before {
    content: var(--tw-content);
    --tw-gradient-from: var(--bg-tertiary);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .before\:from-transparent:before {
    content: var(--tw-content);
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .before\:via-token-bg-primary\/45:before {
    content: var(--tw-content);
    --tw-gradient-via: var(--bg-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .before\:via-token-bg-primary\/45:before {
      --tw-gradient-via: color-mix(
        in oklab,
        var(--bg-primary) 45%,
        transparent
      );
    }
  }
  .before\:via-token-bg-primary\/45:before {
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .before\:via-token-bg-tertiary:before {
    content: var(--tw-content);
    --tw-gradient-via: var(--bg-tertiary);
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .before\:to-token-bg-primary:before {
    content: var(--tw-content);
    --tw-gradient-to: var(--bg-primary);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .before\:to-transparent:before {
    content: var(--tw-content);
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .before\:opacity-0:before {
    content: var(--tw-content);
    opacity: 0;
  }
  .before\:opacity-60:before {
    content: var(--tw-content);
    opacity: 0.6;
  }
  .before\:opacity-90:before {
    content: var(--tw-content);
    opacity: 0.9;
  }
  .before\:opacity-100:before {
    content: var(--tw-content);
    opacity: 1;
  }
  .before\:shadow-\[0_0_18px_6px_rgba\(250\,226\,113\,0\.6\)\]:before {
    content: var(--tw-content);
    --tw-shadow: 0 0 18px 6px var(--tw-shadow-color, #fae27199);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .before\:blur-md:before {
    content: var(--tw-content);
    --tw-blur: blur(var(--blur-md));
    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,);
  }
  .before\:backdrop-blur-\[1px\]:before {
    content: var(--tw-content);
    --tw-backdrop-blur: blur(1px);
    -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,);
  }
  .before\:transition:before {
    content: var(--tw-content);
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to,
      opacity,
      box-shadow,
      transform,
      translate,
      scale,
      rotate,
      filter,
      -webkit-backdrop-filter,
      backdrop-filter,
      display,
      content-visibility,
      overlay,
      pointer-events;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .before\:transition-opacity:before {
    content: var(--tw-content);
    transition-property: opacity;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .before\:duration-250:before {
    content: var(--tw-content);
    --tw-duration: 0.25s;
    transition-duration: 0.25s;
  }
  .before\:content-\[\'\'\]:before {
    --tw-content: "";
    content: var(--tw-content);
  }
  .before\:content-\[\'\*\'\]:before {
    --tw-content: "*";
    content: var(--tw-content);
  }
  .not-data-hide-separator\:before\:mx-1:not([data-hide-separator]):before {
    content: var(--tw-content);
    margin-inline: calc(var(--spacing) * 1);
  }
  .not-data-hide-separator\:before\:content-\[\'·\'\]:not(
      [data-hide-separator]
    ):before {
    --tw-content: "·";
    content: var(--tw-content);
  }
  @media not all and (prefers-reduced-motion: reduce) {
    .not-motion-reduce\:before\:transition:before {
      content: var(--tw-content);
      transition-property:
        color,
        background-color,
        border-color,
        outline-color,
        text-decoration-color,
        fill,
        stroke,
        --tw-gradient-from,
        --tw-gradient-via,
        --tw-gradient-to,
        opacity,
        box-shadow,
        transform,
        translate,
        scale,
        rotate,
        filter,
        -webkit-backdrop-filter,
        backdrop-filter,
        display,
        content-visibility,
        overlay,
        pointer-events;
      transition-timing-function: var(
        --tw-ease,
        var(--default-transition-timing-function)
      );
      transition-duration: var(
        --tw-duration,
        var(--default-transition-duration)
      );
    }
    .not-motion-reduce\:before\:duration-250:before {
      content: var(--tw-content);
      --tw-duration: 0.25s;
      transition-duration: 0.25s;
    }
  }
  .after\:pointer-events-none:after {
    content: var(--tw-content);
    pointer-events: none;
  }
  .after\:invisible:after {
    content: var(--tw-content);
    visibility: hidden;
  }
  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }
  .after\:-inset-1:after {
    content: var(--tw-content);
    inset: calc(var(--spacing) * -1);
  }
  .after\:-inset-2:after {
    content: var(--tw-content);
    inset: calc(var(--spacing) * -2);
  }
  .after\:-inset-4:after {
    content: var(--tw-content);
    inset: calc(var(--spacing) * -4);
  }
  .after\:inset-0:after {
    content: var(--tw-content);
    inset: calc(var(--spacing) * 0);
  }
  .after\:inset-\[-4px\]:after {
    content: var(--tw-content);
    inset: -4px;
  }
  .after\:-inset-x-2:after {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * -2);
  }
  .after\:inset-x-2:after {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * 2);
  }
  .after\:inset-x-\[-4px\]:after {
    content: var(--tw-content);
    inset-inline: -4px;
  }
  .after\:-inset-y-4:after {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * -4);
  }
  .after\:inset-y-0:after {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * 0);
  }
  .after\:-start-1:after {
    content: var(--tw-content);
    inset-inline-start: calc(var(--spacing) * -1);
  }
  .after\:start-0:after {
    content: var(--tw-content);
    inset-inline-start: calc(var(--spacing) * 0);
  }
  .after\:start-1\/2:after {
    content: var(--tw-content);
    inset-inline-start: 50%;
  }
  .after\:start-4:after {
    content: var(--tw-content);
    inset-inline-start: calc(var(--spacing) * 4);
  }
  .after\:start-\[\+150px\]:after {
    content: var(--tw-content);
    inset-inline-start: 150px;
  }
  .after\:start-\[-15px\]:after {
    content: var(--tw-content);
    inset-inline-start: -15px;
  }
  .after\:start-\[calc\(100\%_\+_280px\)\]:after {
    content: var(--tw-content);
    inset-inline-start: calc(100% + 280px);
  }
  .after\:start-\[calc\(100\%_-_25px\)\]:after {
    content: var(--tw-content);
    inset-inline-start: calc(100% - 25px);
  }
  .after\:-end-4:after {
    content: var(--tw-content);
    inset-inline-end: calc(var(--spacing) * -4);
  }
  .after\:end-0:after {
    content: var(--tw-content);
    inset-inline-end: calc(var(--spacing) * 0);
  }
  .after\:end-4:after {
    content: var(--tw-content);
    inset-inline-end: calc(var(--spacing) * 4);
  }
  .after\:end-\[-15\%\]:after {
    content: var(--tw-content);
    inset-inline-end: -15%;
  }
  .after\:top-0:after {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }
  .after\:top-\[-18px\]:after {
    content: var(--tw-content);
    top: -18px;
  }
  .after\:top-\[-30px\]:after {
    content: var(--tw-content);
    top: -30px;
  }
  .after\:top-\[-45px\]:after {
    content: var(--tw-content);
    top: -45px;
  }
  .after\:top-\[-95px\]:after {
    content: var(--tw-content);
    top: -95px;
  }
  .after\:top-\[-100\%\]:after {
    content: var(--tw-content);
    top: -100%;
  }
  .after\:bottom-0:after {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 0);
  }
  .after\:bottom-\[75\%\]:after {
    content: var(--tw-content);
    bottom: 75%;
  }
  .after\:z-0:after {
    content: var(--tw-content);
    z-index: 0;
  }
  .after\:z-3:after {
    content: var(--tw-content);
    z-index: 3;
  }
  .after\:z-\[-1\]:after {
    content: var(--tw-content);
    z-index: -1;
  }
  .after\:mx-1:after {
    content: var(--tw-content);
    margin-inline: calc(var(--spacing) * 1);
  }
  .after\:block:after {
    content: var(--tw-content);
    display: block;
  }
  .after\:hidden:after {
    content: var(--tw-content);
    display: none;
  }
  .after\:h-2:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 2);
  }
  .after\:h-\[1px\]:after {
    content: var(--tw-content);
    height: 1px;
  }
  .after\:h-\[28px\]:after {
    content: var(--tw-content);
    height: 28px;
  }
  .after\:h-\[64px\]:after {
    content: var(--tw-content);
    height: 64px;
  }
  .after\:h-\[120\%\]:after {
    content: var(--tw-content);
    height: 120%;
  }
  .after\:h-\[140px\]:after {
    content: var(--tw-content);
    height: 140px;
  }
  .after\:h-\[144px\]:after {
    content: var(--tw-content);
    height: 144px;
  }
  .after\:h-\[200px\]:after {
    content: var(--tw-content);
    height: 200px;
  }
  .after\:h-\[calc\(100\%\+36px\)\]:after {
    content: var(--tw-content);
    height: calc(100% + 36px);
  }
  .after\:h-px:after {
    content: var(--tw-content);
    height: 1px;
  }
  .after\:w-1:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 1);
  }
  .after\:w-2:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 2);
  }
  .after\:w-4:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 4);
  }
  .after\:w-\[16px\]:after {
    content: var(--tw-content);
    width: 16px;
  }
  .after\:w-\[75px\]:after {
    content: var(--tw-content);
    width: 75px;
  }
  .after\:w-\[80\%\]:after {
    content: var(--tw-content);
    width: 80%;
  }
  .after\:w-\[113px\]:after {
    content: var(--tw-content);
    width: 113px;
  }
  .after\:w-\[120\%\]:after {
    content: var(--tw-content);
    width: 120%;
  }
  .after\:w-\[255px\]:after {
    content: var(--tw-content);
    width: 255px;
  }
  .after\:max-w-\[340px\]:after {
    content: var(--tw-content);
    max-width: 340px;
  }
  .after\:min-w-\[2ch\]:after {
    content: var(--tw-content);
    min-width: 2ch;
  }
  .after\:-translate-x-1\/2:after {
    content: var(--tw-content);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .after\:transform:after {
    content: var(--tw-content);
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)
      var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .after\:rounded-\[50\%\]:after {
    content: var(--tw-content);
    border-radius: 50%;
  }
  .after\:rounded-\[inherit\]:after {
    content: var(--tw-content);
    border-radius: inherit;
  }
  .after\:rounded-lg:after {
    content: var(--tw-content);
    border-radius: var(--radius-lg);
  }
  .after\:rounded-md:after {
    content: var(--tw-content);
    border-radius: var(--radius-md);
  }
  .after\:rounded-b-2xl:after {
    content: var(--tw-content);
    border-bottom-right-radius: var(--radius-2xl);
    border-bottom-left-radius: var(--radius-2xl);
  }
  .after\:border-s:after {
    content: var(--tw-content);
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
  }
  .after\:border-e:after {
    content: var(--tw-content);
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
  }
  .after\:border-b:after {
    content: var(--tw-content);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .after\:border-token-border-default:after {
    content: var(--tw-content);
    border-color: var(--border-default);
  }
  .after\:border-token-interactive-border-tertiary-default:after {
    content: var(--tw-content);
    border-color: var(--interactive-border-tertiary-default);
  }
  .after\:bg-\[Highlight\]:after {
    content: var(--tw-content);
    background-color: highlight;
  }
  .after\:bg-green-500:after {
    content: var(--tw-content);
    background-color: var(--green-500);
  }
  .after\:bg-red-500:after {
    content: var(--tw-content);
    background-color: var(--red-500);
  }
  .after\:bg-token-border-default:after {
    content: var(--tw-content);
    background-color: var(--border-default);
  }
  .after\:bg-token-border-light:after {
    content: var(--tw-content);
    background-color: var(--border-light);
  }
  .after\:bg-token-main-surface-primary:after {
    content: var(--tw-content);
    background-color: var(--main-surface-primary);
  }
  .after\:bg-token-text-primary:after {
    content: var(--tw-content);
    background-color: var(--text-primary);
  }
  .after\:bg-transparent:after {
    content: var(--tw-content);
    background-color: #0000;
  }
  .after\:bg-gradient-to-t:after {
    content: var(--tw-content);
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .after\:bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,0\)_24\.327\%\,\#ffffff_47\.029\%\)\]:after {
    content: var(--tw-content);
    background-image: linear-gradient(#fff0 24.327%, #fff 47.029%);
  }
  .after\:bg-\[url\(https\:\/\/cdn\.openai\.com\/chatgpt\/ctf-cdn\/student-landing\/cards-more-v2\.png\)\]:after {
    content: var(--tw-content);
    background-image: url(https://cdn.openai.com/chatgpt/ctf-cdn/student-landing/cards-more-v2.png);
  }
  .after\:bg-\[url\(https\:\/\/cdn\.openai\.com\/chatgpt\/ctf-cdn\/student-landing\/faq-bubble-small-v2\.png\)\]:after {
    content: var(--tw-content);
    background-image: url(https://cdn.openai.com/chatgpt/ctf-cdn/student-landing/faq-bubble-small-v2.png);
  }
  .after\:bg-\[url\(https\:\/\/cdn\.openai\.com\/chatgpt\/ctf-cdn\/student-landing\/offer-flowers-v2\.png\)\]:after {
    content: var(--tw-content);
    background-image: url(https://cdn.openai.com/chatgpt/ctf-cdn/student-landing/offer-flowers-v2.png);
  }
  .after\:bg-\[url\(https\:\/\/cdn\.openai\.com\/chatgpt\/ctf-cdn\/student-landing\/splash-scribble-v2\.png\)\]:after {
    content: var(--tw-content);
    background-image: url(https://cdn.openai.com/chatgpt/ctf-cdn/student-landing/splash-scribble-v2.png);
  }
  .after\:bg-\[url\(https\:\/\/cdn\.openai\.com\/chatgpt\/ctf-cdn\/student-landing\/splash-stars-v2\.png\)\]:after {
    content: var(--tw-content);
    background-image: url(https://cdn.openai.com/chatgpt/ctf-cdn/student-landing/splash-stars-v2.png);
  }
  .after\:from-white:after {
    content: var(--tw-content);
    --tw-gradient-from: #fff;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .after\:via-white:after {
    content: var(--tw-content);
    --tw-gradient-via: #fff;
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .after\:to-transparent:after {
    content: var(--tw-content);
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .after\:bg-contain:after {
    content: var(--tw-content);
    background-size: contain;
  }
  .after\:bg-bottom:after {
    content: var(--tw-content);
    background-position: bottom;
  }
  .after\:bg-center:after {
    content: var(--tw-content);
    background-position: 50%;
  }
  .after\:bg-no-repeat:after {
    content: var(--tw-content);
    background-repeat: no-repeat;
  }
  .after\:font-mono:after {
    content: var(--tw-content);
    font-family:
      "ui-monospace",
      SFMono-Regular,
      SF Mono,
      Menlo,
      Consolas,
      Liberation Mono,
      "monospace";
  }
  .after\:whitespace-pre:after {
    content: var(--tw-content);
    white-space: pre;
  }
  .after\:opacity-0:after {
    content: var(--tw-content);
    opacity: 0;
  }
  .after\:opacity-80:after {
    content: var(--tw-content);
    opacity: 0.8;
  }
  .after\:opacity-100:after {
    content: var(--tw-content);
    opacity: 1;
  }
  .after\:shadow-\[inset_0_0_0_0\.5px_rgba\(13\,13\,13\,0\.10\)\]:after {
    content: var(--tw-content);
    --tw-shadow: inset 0 0 0 0.5px var(--tw-shadow-color, #0d0d0d1a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .after\:\[outline\:2px_auto_-webkit-focus-ring-color\]:after {
    content: var(--tw-content);
    outline: 2px auto -webkit-focus-ring-color;
  }
  .after\:\[outline-offset\:-2px\]:after {
    content: var(--tw-content);
    outline-offset: -2px;
  }
  .after\:transition-opacity:after {
    content: var(--tw-content);
    transition-property: opacity;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .after\:content-\[\'\'\]:after {
    --tw-content: "";
    content: var(--tw-content);
  }
  .after\:content-\[\'\\u00b7\'\]:after {
    --tw-content: "u00b7";
    content: var(--tw-content);
  }
  .after\:content-\[attr\(data-value\)\]:after {
    --tw-content: attr(data-value);
    content: var(--tw-content);
  }
  .after\:\[grid-area\:1\/1\]:after {
    content: var(--tw-content);
    grid-area: 1/1;
  }
  :is(.\*\:not-last\:after\:px-0\.5 > *):not(:last-child):after {
    content: var(--tw-content);
    padding-inline: calc(var(--spacing) * 0.5);
  }
  :is(.\*\:not-last\:after\:content-\[\'\+\'\] > *):not(:last-child):after {
    --tw-content: "+";
    content: var(--tw-content);
  }
  .group-last\:after\:hidden:is(:where(.group):last-child *):after {
    content: var(--tw-content);
    display: none;
  }
  .first\:-ms-1:first-child {
    margin-inline-start: calc(var(--spacing) * -1);
  }
  .first\:ms-0:first-child {
    margin-inline-start: calc(var(--spacing) * 0);
  }
  .first\:ms-4:first-child {
    margin-inline-start: calc(var(--spacing) * 4);
  }
  .first\:me-0:first-child {
    margin-inline-end: calc(var(--spacing) * 0);
  }
  .first\:mt-0:first-child {
    margin-top: calc(var(--spacing) * 0);
  }
  .first\:hidden:first-child {
    display: none;
  }
  .first\:rounded-t:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  .first\:border-0:first-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  .first\:border-t:first-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .first\:border-t-0:first-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }
  .first\:border-none:first-child {
    --tw-border-style: none;
    border-style: none;
  }
  .first\:ps-0\!:first-child {
    padding-inline-start: calc(var(--spacing) * 0) !important;
  }
  .first\:pt-0:first-child {
    padding-top: calc(var(--spacing) * 0);
  }
  .first\:pt-4:first-child {
    padding-top: calc(var(--spacing) * 4);
  }
  .first\:pt-\[3px\]:first-child {
    padding-top: 3px;
  }
  .first\:\[border-top\:1px_solid_var\(--color-border\)\]:first-child {
    border-top: 1px solid var(--color-border);
  }
  :is(.\*\:first\:m-0\! > *):first-child {
    margin: calc(var(--spacing) * 0) !important;
  }
  :is(.\*\:first\:h-full > *):first-child {
    height: 100%;
  }
  .first\:before\:hidden:first-child:before {
    content: var(--tw-content);
    display: none;
  }
  .last\:me-0:last-child {
    margin-inline-end: calc(var(--spacing) * 0);
  }
  .last\:me-4:last-child {
    margin-inline-end: calc(var(--spacing) * 4);
  }
  .last\:-mb-4:last-child {
    margin-bottom: calc(var(--spacing) * -4);
  }
  .last\:mb-0:last-child {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .last\:mb-2:last-child {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .last\:mb-5:last-child {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .last\:hidden:last-child {
    display: none;
  }
  .last\:min-h-\[calc\(100vh-8rem\)\]:last-child {
    min-height: calc(100vh - 8rem);
  }
  .last\:snap-end:last-child {
    scroll-snap-align: end;
  }
  .last\:scroll-mb-20:last-child {
    scroll-margin-bottom: calc(var(--spacing) * 20);
  }
  .last\:scroll-pb-20:last-child {
    scroll-padding-bottom: calc(var(--spacing) * 20);
  }
  .last\:rounded-b:last-child {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .last\:border-0:last-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  .last\:border-e-0:last-child {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 0;
  }
  .last\:border-b:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }
  .last\:border-none:last-child {
    --tw-border-style: none;
    border-style: none;
  }
  .last\:pe-0:last-child {
    padding-inline-end: calc(var(--spacing) * 0);
  }
  .last\:pe-0\!:last-child {
    padding-inline-end: calc(var(--spacing) * 0) !important;
  }
  .last\:pb-0:last-child {
    padding-bottom: calc(var(--spacing) * 0);
  }
  .last\:pb-4:last-child {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .last\:pb-20:last-child {
    padding-bottom: calc(var(--spacing) * 20);
  }
  .last\:\[border-bottom\:none\]:last-child {
    border-bottom: none;
  }
  .last\:after\:content-\[none\]:last-child:after {
    --tw-content: none;
    content: var(--tw-content);
  }
  .first-of-type\:rounded-t-2xl:first-of-type {
    border-top-left-radius: var(--radius-2xl);
    border-top-right-radius: var(--radius-2xl);
  }
  .first-of-type\:border-none:first-of-type {
    --tw-border-style: none;
    border-style: none;
  }
  .last-of-type\:rounded-b-2xl:last-of-type {
    border-bottom-right-radius: var(--radius-2xl);
    border-bottom-left-radius: var(--radius-2xl);
  }
  .last-of-type\:border-b:last-of-type {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .last-of-type\:border-b-0:last-of-type {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }
  .last-of-type\:border-none:last-of-type {
    --tw-border-style: none;
    border-style: none;
  }
  .open\:flex:is([open], :popover-open, :open) {
    display: flex;
  }
  .checked\:border-black:checked {
    border-color: #000;
  }
  .checked\:border-black\!:checked {
    border-color: #000 !important;
  }
  .checked\:border-blue-400\!:checked {
    border-color: var(--blue-400) !important;
  }
  .checked\:border-blue-500:checked {
    border-color: var(--blue-500);
  }
  .checked\:border-token-text-primary:checked {
    border-color: var(--text-primary);
  }
  .checked\:bg-black:checked {
    background-color: #000;
  }
  .checked\:bg-black\!:checked {
    background-color: #000 !important;
  }
  .checked\:bg-blue-400\!:checked {
    background-color: var(--blue-400) !important;
  }
  .checked\:bg-blue-500:checked {
    background-color: var(--blue-500);
  }
  .checked\:bg-token-text-primary:checked {
    background-color: var(--text-primary);
  }
  .indeterminate\:border-black:indeterminate {
    border-color: #000;
  }
  .indeterminate\:border-blue-500:indeterminate {
    border-color: var(--blue-500);
  }
  .indeterminate\:bg-black:indeterminate {
    background-color: #000;
  }
  .indeterminate\:bg-blue-500:indeterminate {
    background-color: var(--blue-500);
  }
  .empty\:hidden:empty {
    display: none;
  }
  .empty\:border-0:empty {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  .focus-within\:pointer-events-auto:focus-within {
    pointer-events: auto;
  }
  .focus-within\:relative:focus-within {
    position: relative;
  }
  .focus-within\:z-10:focus-within {
    z-index: 10;
  }
  .focus-within\:rounded-lg:focus-within {
    border-radius: var(--radius-lg);
  }
  .focus-within\:border-0\!:focus-within {
    border-style: var(--tw-border-style) !important;
    border-width: 0 !important;
  }
  .focus-within\:border-s-2:focus-within {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 2px;
  }
  .focus-within\:border-green-500:focus-within {
    border-color: var(--green-500);
  }
  .focus-within\:border-red-500:focus-within {
    border-color: var(--red-500);
  }
  .focus-within\:border-token-border-default\/80:focus-within {
    border-color: var(--border-default);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .focus-within\:border-token-border-default\/80:focus-within {
      border-color: color-mix(in oklab, var(--border-default) 80%, transparent);
    }
  }
  .focus-within\:border-token-border-heavy:focus-within {
    border-color: var(--border-heavy);
  }
  .focus-within\:border-token-border-heavy\!:focus-within {
    border-color: var(--border-heavy) !important;
  }
  .focus-within\:border-token-border-status-error:focus-within {
    border-color: var(--border-status-error);
  }
  .focus-within\:border-token-border-xheavy:focus-within {
    border-color: var(--border-xheavy);
  }
  .focus-within\:border-token-interactive-border-danger-secondary-default:focus-within {
    border-color: var(--interactive-border-danger-secondary-default);
  }
  .focus-within\:border-token-interactive-border-danger-secondary-default\!:focus-within {
    border-color: var(--interactive-border-danger-secondary-default) !important;
  }
  .focus-within\:border-token-text-primary:focus-within {
    border-color: var(--text-primary);
  }
  .focus-within\:bg-black\/7:focus-within {
    background-color: #00000012;
    background-color: lab(0% 0 0/0.07);
  }
  .focus-within\:bg-token-bg-secondary:focus-within,
  .focus-within\:bg-token-bg-secondary\/40:focus-within {
    background-color: var(--bg-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .focus-within\:bg-token-bg-secondary\/40:focus-within {
      background-color: color-mix(
        in oklab,
        var(--bg-secondary) 40%,
        transparent
      );
    }
  }
  .focus-within\:bg-token-main-surface-tertiary:focus-within {
    background-color: var(--main-surface-tertiary);
  }
  .focus-within\:ps-\[-2px\]:focus-within {
    padding-inline-start: -2px;
  }
  .focus-within\:opacity-100:focus-within {
    opacity: 1;
  }
  .focus-within\:opacity-100\!:focus-within {
    opacity: 1 !important;
  }
  .focus-within\:shadow-\[0_0_0_2px\]:focus-within {
    --tw-shadow: 0 0 0 2px var(--tw-shadow-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-within\:shadow-\[0px_0px_1px_0px_\#0000004D\,_0px_4px_4px_0px_\#0000000A\]:focus-within {
    --tw-shadow:
      0px 0px 1px 0px var(--tw-shadow-color, #0000004d),
      0px 4px 4px 0px var(--tw-shadow-color, #0000000a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus-within\:shadow-none:focus-within {
    --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);
  }
  .focus-within\:ring-0:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(0px + 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-within\:ring-0\!:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .focus-within\:ring-1:focus-within {
    --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-within\:ring-2:focus-within {
    --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-within\:ring-blue-400\/60:focus-within {
    --tw-ring-color: var(--blue-400);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .focus-within\:ring-blue-400\/60:focus-within {
      --tw-ring-color: color-mix(in oklab, var(--blue-400) 60%, transparent);
    }
  }
  .focus-within\:ring-red-500:focus-within {
    --tw-ring-color: var(--red-500);
  }
  .focus-within\:ring-token-border-default\/40:focus-within {
    --tw-ring-color: var(--border-default);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .focus-within\:ring-token-border-default\/40:focus-within {
      --tw-ring-color: color-mix(
        in oklab,
        var(--border-default) 40%,
        transparent
      );
    }
  }
  .focus-within\:ring-token-text-primary:focus-within {
    --tw-ring-color: var(--text-primary);
  }
  .focus-within\:ring-token-text-secondary:focus-within {
    --tw-ring-color: var(--text-secondary);
  }
  .focus-within\:ring-token-text-status-error:focus-within {
    --tw-ring-color: var(--text-status-error);
  }
  .focus-within\:ring-transparent:focus-within {
    --tw-ring-color: transparent;
  }
  .focus-within\:outline-hidden:focus-within {
    --tw-outline-style: none;
    outline-style: none;
  }
  @media (forced-colors: active) {
    .focus-within\:outline-hidden:focus-within {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }
  .focus-within\:transition-none:focus-within {
    transition-property: none;
  }
  .focus-within\:outline-none:focus-within {
    --tw-outline-style: none;
    outline-style: none;
  }
  @media (hover: hover) {
    .hover\:visible:hover {
      visibility: visible;
    }
    .hover\:entity-underline\!:hover {
      vertical-align: baseline !important;
      text-decoration-line: underline !important;
      -webkit-text-decoration-color: var(--text-tertiary) !important;
      -webkit-text-decoration-color: var(--text-tertiary) !important;
      -webkit-text-decoration-color: var(--text-tertiary) !important;
      -webkit-text-decoration-color: var(--text-tertiary) !important;
      text-decoration-color: var(--text-tertiary) !important;
      text-underline-offset: 2px !important;
      text-decoration-style: dotted !important;
      text-decoration-thickness: 1px !important;
      display: inline !important;
    }
    @media (hover: hover) {
      .hover\:entity-underline\!:hover:hover {
        -webkit-text-decoration-color: inherit !important;
        -webkit-text-decoration-color: inherit !important;
        -webkit-text-decoration-color: inherit !important;
        -webkit-text-decoration-color: inherit !important;
        text-decoration-color: inherit !important;
      }
    }
    .hover\:entity-underline\!:hover {
      -webkit-text-decoration-skip-ink: auto !important;
      text-decoration-skip-ink: auto !important;
      text-underline-position: from-font !important;
    }
    .hover\:-translate-y-0\.5:hover {
      --tw-translate-y: calc(var(--spacing) * -0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .hover\:scale-103:hover {
      --tw-scale-x: 103%;
      --tw-scale-y: 103%;
      --tw-scale-z: 103%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .hover\:scale-105:hover {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .hover\:scale-110:hover {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .hover\:scale-125:hover {
      --tw-scale-x: 125%;
      --tw-scale-y: 125%;
      --tw-scale-z: 125%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .hover\:scale-\[1\.01\]:hover {
      scale: 1.01;
    }
    .hover\:scale-\[1\.005\]:hover {
      scale: 1.005;
    }
    .hover\:scale-\[1\.015\]:hover {
      scale: 1.015;
    }
    .hover\:rotate-\[20deg\]:hover {
      rotate: 20deg;
    }
    .hover\:cursor-default:hover {
      cursor: default;
    }
    .hover\:cursor-pointer:hover {
      cursor: pointer;
    }
    .hover\:rounded-2xl:hover {
      border-radius: var(--radius-2xl);
    }
    .hover\:rounded-lg:hover {
      border-radius: var(--radius-lg);
    }
    .hover\:border-\[var\(--interactive-border-secondary-hover\)\]:hover {
      border-color: var(--interactive-border-secondary-hover);
    }
    .hover\:border-blue-500\/20:hover {
      border-color: var(--blue-500);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-blue-500\/20:hover {
        border-color: color-mix(in oklab, var(--blue-500) 20%, transparent);
      }
    }
    .hover\:border-gray-300:hover {
      border-color: var(--gray-300);
    }
    .hover\:border-gray-350:hover {
      border-color: var(--gray-350);
    }
    .hover\:border-token-border-default:hover,
    .hover\:border-token-border-default\/80:hover {
      border-color: var(--border-default);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-token-border-default\/80:hover {
        border-color: color-mix(
          in oklab,
          var(--border-default) 80%,
          transparent
        );
      }
    }
    .hover\:border-token-border-heavy:hover {
      border-color: var(--border-heavy);
    }
    .hover\:border-token-border-light:hover {
      border-color: var(--border-light);
    }
    .hover\:border-token-border-medium:hover {
      border-color: var(--border-medium);
    }
    .hover\:border-token-border-xheavy:hover {
      border-color: var(--border-xheavy);
    }
    .hover\:border-token-icon-accent:hover {
      border-color: var(--icon-accent);
    }
    .hover\:border-token-text-primary\/44:hover {
      border-color: var(--text-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-token-text-primary\/44:hover {
        border-color: color-mix(in oklab, var(--text-primary) 44%, transparent);
      }
    }
    .hover\:border-white\/30:hover {
      border-color: #ffffff4d;
      border-color: lab(100% -0.0000298023 0.0000119209/.3);
    }
    .hover\:interactive-bg-secondary:hover {
      background-color: var(--interactive-bg-default-secondary);
    }
    @media (hover: hover) {
      .hover\:interactive-bg-secondary:hover:hover {
        background-color: var(--interactive-bg-hover-secondary);
      }
    }
    .hover\:interactive-bg-secondary:hover:focus-visible {
      background-color: var(--interactive-bg-hover-secondary);
    }
    .hover\:interactive-bg-secondary:hover:disabled,
    .hover\:interactive-bg-secondary:hover:where([data-visually-disabled]) {
      background-color: var(--interactive-bg-inactive-secondary);
    }
    .hover\:interactive-bg-secondary:hover:checked {
      background-color: var(--interactive-bg-selected-secondary);
    }
    .hover\:interactive-bg-secondary:hover:active {
      background-color: var(--interactive-bg-press-secondary);
    }
    .hover\:\!bg-\[\#2A2A2A\]:hover {
      background-color: #2a2a2a !important;
    }
    .hover\:\!bg-\[\#F8F8F8\]:hover {
      background-color: #f8f8f8 !important;
    }
    .hover\:bg-\[\#0A84FF\]:hover {
      background-color: #0a84ff;
    }
    .hover\:bg-\[\#0FA968\]\/15:hover {
      background-color: #0fa96826;
      background-color: lab(61.1228% -49.5053 22.9273/0.15);
    }
    .hover\:bg-\[\#0000000a\]:hover {
      background-color: #0000000a;
    }
    .hover\:bg-\[\#6a6a6a\]:hover {
      background-color: #6a6a6a;
    }
    .hover\:bg-\[\#0276E0\]:hover {
      background-color: #0276e0;
    }
    .hover\:bg-\[\#0285FF\]\/15:hover {
      background-color: #0285ff26;
      background-color: lab(54.959% 5.86918 -70.2582/0.15);
    }
    .hover\:bg-\[\#BDDCF4\]:hover {
      background-color: #bddcf4;
    }
    .hover\:bg-\[\#C76B12\]\/15:hover {
      background-color: #c76b1226;
      background-color: lab(55.3637% 33.6402 59.431/0.15);
    }
    .hover\:bg-\[\#DCDCDC\]\!:hover {
      background-color: #dcdcdc !important;
    }
    .hover\:bg-\[\#E4E4F6\]:hover {
      background-color: #e4e4f6;
    }
    .hover\:bg-\[\#ECECFF\]:hover {
      background-color: #ececff;
    }
    .hover\:bg-\[\#F7F7F7\]:hover {
      background-color: #f7f7f7;
    }
    .hover\:bg-\[\#f5f5f5\]:hover {
      background-color: #f5f5f5;
    }
    .hover\:bg-\[\#f6dc63\]:hover {
      background-color: #f6dc63;
    }
    .hover\:bg-\[\#fcfcfd\]:hover {
      background-color: #fcfcfd;
    }
    .hover\:bg-\[color-mix\(in_srgb\,var\(--main-surface-secondary\)_72\%\,transparent\)\]:hover {
      background-color: var(--main-surface-secondary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_srgb\,var\(--main-surface-secondary\)_72\%\,transparent\)\]:hover {
        background-color: color-mix(
          in srgb,
          var(--main-surface-secondary) 72%,
          transparent
        );
      }
    }
    .hover\:bg-\[rgba\(0\,0\,0\,0\.1\)\]:hover {
      background-color: #0000001a;
    }
    .hover\:bg-\[rgba\(0\,0\,0\,0\.08\)\]:hover {
      background-color: #00000014;
    }
    .hover\:bg-\[rgba\(29\,155\,209\,0\.2\)\]:hover {
      background-color: #1d9bd133;
    }
    .hover\:bg-\[rgba\(217\,238\,255\,0\.85\)\]\!:hover {
      background-color: #d9eeffd9 !important;
    }
    .hover\:bg-\[var\(--bg-tertiary\,\#EBEBEB\)\]:hover {
      background-color: var(--bg-tertiary, #ebebeb);
    }
    .hover\:bg-\[var\(--bg-tertiary\,\#F3F3F3\)\]:hover {
      background-color: var(--bg-tertiary, #f3f3f3);
    }
    .hover\:bg-\[var\(--prompt-icon-hover-bg\)\]:hover {
      background-color: var(--prompt-icon-hover-bg);
    }
    .hover\:bg-\[var\(--scrollbar-color-hover\)\]:hover {
      background-color: var(--scrollbar-color-hover);
    }
    .hover\:bg-\[var\(--snc-hover\)\]:hover {
      background-color: var(--snc-hover);
    }
    .hover\:bg-black:hover {
      background-color: #000;
    }
    .hover\:bg-black\/5:hover {
      background-color: #0000000d;
      background-color: lab(0% 0 0/0.05);
    }
    .hover\:bg-black\/5\!:hover {
      background-color: #0000000d !important;
      background-color: lab(0% 0 0/0.05) !important;
    }
    .hover\:bg-black\/10:hover {
      background-color: #0000001a;
      background-color: lab(0% 0 0/0.1);
    }
    .hover\:bg-black\/10\!:hover {
      background-color: #0000001a !important;
      background-color: lab(0% 0 0/0.1) !important;
    }
    .hover\:bg-black\/25:hover {
      background-color: #00000040;
      background-color: lab(0% 0 0/0.25);
    }
    .hover\:bg-black\/30:hover {
      background-color: #0000004d;
      background-color: lab(0% 0 0/0.3);
    }
    .hover\:bg-black\/35:hover {
      background-color: #00000059;
      background-color: lab(0% 0 0/0.35);
    }
    .hover\:bg-black\/50:hover {
      background-color: #00000080;
      background-color: lab(0% 0 0/0.5);
    }
    .hover\:bg-black\/60:hover {
      background-color: #0009;
      background-color: lab(0% 0 0/0.6);
    }
    .hover\:bg-black\/80:hover {
      background-color: #000c;
      background-color: lab(0% 0 0/0.8);
    }
    .hover\:bg-black\/90:hover {
      background-color: #000000e6;
      background-color: lab(0% 0 0/0.9);
    }
    .hover\:bg-black\/\[0\.03\]:hover {
      background-color: #00000008;
      background-color: lab(0% 0 0/0.03);
    }
    .hover\:bg-blue-50:hover {
      background-color: var(--blue-50);
    }
    .hover\:bg-blue-100:hover,
    .hover\:bg-blue-100\/80:hover {
      background-color: var(--blue-100);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-blue-100\/80:hover {
        background-color: color-mix(in oklab, var(--blue-100) 80%, transparent);
      }
    }
    .hover\:bg-blue-400\/20\!:hover {
      background-color: var(--blue-400) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-blue-400\/20\!:hover {
        background-color: color-mix(
          in oklab,
          var(--blue-400) 20%,
          transparent
        ) !important;
      }
    }
    .hover\:bg-blue-500\/10:hover {
      background-color: var(--blue-500);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-blue-500\/10:hover {
        background-color: color-mix(in oklab, var(--blue-500) 10%, transparent);
      }
    }
    .hover\:bg-blue-600:hover {
      background-color: var(--blue-600);
    }
    .hover\:bg-blue-700:hover {
      background-color: var(--blue-700);
    }
    .hover\:bg-blue-800:hover {
      background-color: var(--blue-800);
    }
    .hover\:bg-gray-50:hover {
      background-color: var(--gray-50);
    }
    .hover\:bg-gray-100:hover,
    .hover\:bg-gray-100\/75:hover {
      background-color: var(--gray-100);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-gray-100\/75:hover {
        background-color: color-mix(in oklab, var(--gray-100) 75%, transparent);
      }
    }
    .hover\:bg-gray-200:hover {
      background-color: var(--gray-200);
    }
    .hover\:bg-gray-300:hover {
      background-color: var(--gray-300);
    }
    .hover\:bg-gray-500:hover {
      background-color: var(--gray-500);
    }
    .hover\:bg-gray-800:hover,
    .hover\:bg-gray-800\/10:hover {
      background-color: var(--gray-800);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-gray-800\/10:hover {
        background-color: color-mix(in oklab, var(--gray-800) 10%, transparent);
      }
    }
    .hover\:bg-gray-900\/30:hover {
      background-color: var(--gray-900);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-gray-900\/30:hover {
        background-color: color-mix(in oklab, var(--gray-900) 30%, transparent);
      }
    }
    .hover\:bg-gray-solid-1000\/90:hover {
      background-color: #0d0d0de6;
      background-color: lab(3.63549% -0.00000745058 0.00000298023/.9);
    }
    .hover\:bg-green-100:hover {
      background-color: var(--green-100);
    }
    .hover\:bg-orange-400\/10:hover {
      background-color: var(--orange-400);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-orange-400\/10:hover {
        background-color: color-mix(
          in oklab,
          var(--orange-400) 10%,
          transparent
        );
      }
    }
    .hover\:bg-orange-400\/20:hover {
      background-color: var(--orange-400);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-orange-400\/20:hover {
        background-color: color-mix(
          in oklab,
          var(--orange-400) 20%,
          transparent
        );
      }
    }
    .hover\:bg-orange-500:hover,
    .hover\:bg-orange-500\/15:hover {
      background-color: var(--orange-500);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-orange-500\/15:hover {
        background-color: color-mix(
          in oklab,
          var(--orange-500) 15%,
          transparent
        );
      }
    }
    .hover\:bg-purple-100:hover {
      background-color: var(--purple-100);
    }
    .hover\:bg-purple-600:hover {
      background-color: var(--purple-600);
    }
    .hover\:bg-red-100:hover {
      background-color: var(--red-100);
    }
    .hover\:bg-red-500:hover,
    .hover\:bg-red-500\/10:hover {
      background-color: var(--red-500);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-red-500\/10:hover {
        background-color: color-mix(in oklab, var(--red-500) 10%, transparent);
      }
    }
    .hover\:bg-red-500\/15:hover {
      background-color: var(--red-500);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-red-500\/15:hover {
        background-color: color-mix(in oklab, var(--red-500) 15%, transparent);
      }
    }
    .hover\:bg-red-500\/20:hover {
      background-color: var(--red-500);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-red-500\/20:hover {
        background-color: color-mix(in oklab, var(--red-500) 20%, transparent);
      }
    }
    .hover\:bg-red-500\/30:hover {
      background-color: var(--red-500);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-red-500\/30:hover {
        background-color: color-mix(in oklab, var(--red-500) 30%, transparent);
      }
    }
    .hover\:bg-red-600:hover {
      background-color: var(--red-600);
    }
    .hover\:bg-red-700:hover {
      background-color: var(--red-700);
    }
    .hover\:bg-token-bg-elevated-primary:hover {
      background-color: var(--bg-elevated-primary);
    }
    .hover\:bg-token-bg-elevated-secondary:hover,
    .hover\:bg-token-bg-elevated-secondary\/40:hover {
      background-color: var(--bg-elevated-secondary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-token-bg-elevated-secondary\/40:hover {
        background-color: color-mix(
          in oklab,
          var(--bg-elevated-secondary) 40%,
          transparent
        );
      }
    }
    .hover\:bg-token-bg-elevated-secondary\/80:hover {
      background-color: var(--bg-elevated-secondary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-token-bg-elevated-secondary\/80:hover {
        background-color: color-mix(
          in oklab,
          var(--bg-elevated-secondary) 80%,
          transparent
        );
      }
    }
    .hover\:bg-token-bg-primary:hover {
      background-color: var(--bg-primary);
    }
    .hover\:bg-token-bg-primary\!:hover {
      background-color: var(--bg-primary) !important;
    }
    .hover\:bg-token-bg-primary\/10:hover {
      background-color: var(--bg-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-token-bg-primary\/10:hover {
        background-color: color-mix(
          in oklab,
          var(--bg-primary) 10%,
          transparent
        );
      }
    }
    .hover\:bg-token-bg-primary\/60:hover {
      background-color: var(--bg-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-token-bg-primary\/60:hover {
        background-color: color-mix(
          in oklab,
          var(--bg-primary) 60%,
          transparent
        );
      }
    }
    .hover\:bg-token-bg-primary\/70:hover {
      background-color: var(--bg-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-token-bg-primary\/70:hover {
        background-color: color-mix(
          in oklab,
          var(--bg-primary) 70%,
          transparent
        );
      }
    }
    .hover\:bg-token-bg-primary\/80:hover {
      background-color: var(--bg-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-token-bg-primary\/80:hover {
        background-color: color-mix(
          in oklab,
          var(--bg-primary) 80%,
          transparent
        );
      }
    }
    .hover\:bg-token-bg-secondary:hover {
      background-color: var(--bg-secondary);
    }
    .hover\:bg-token-bg-secondary\!:hover {
      background-color: var(--bg-secondary) !important;
    }
    .hover\:bg-token-bg-secondary\/30:hover {
      background-color: var(--bg-secondary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-token-bg-secondary\/30:hover {
        background-color: color-mix(
          in oklab,
          var(--bg-secondary) 30%,
          transparent
        );
      }
    }
    .hover\:bg-token-bg-secondary\/40:hover {
      background-color: var(--bg-secondary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-token-bg-secondary\/40:hover {
        background-color: color-mix(
          in oklab,
          var(--bg-secondary) 40%,
          transparent
        );
      }
    }
    .hover\:bg-token-bg-secondary\/50:hover {
      background-color: var(--bg-secondary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-token-bg-secondary\/50:hover {
        background-color: color-mix(
          in oklab,
          var(--bg-secondary) 50%,
          transparent
        );
      }
    }
    .hover\:bg-token-bg-secondary\/60:hover {
      background-color: var(--bg-secondary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-token-bg-secondary\/60:hover {
        background-color: color-mix(
          in oklab,
          var(--bg-secondary) 60%,
          transparent
        );
      }
    }
    .hover\:bg-token-bg-secondary\/70:hover {
      background-color: var(--bg-secondary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-token-bg-secondary\/70:hover {
        background-color: color-mix(
          in oklab,
          var(--bg-secondary) 70%,
          transparent
        );
      }
    }
    .hover\:bg-token-bg-tertiary:hover {
      background-color: var(--bg-tertiary);
    }
    .hover\:bg-token-bg-tertiary\!:hover {
      background-color: var(--bg-tertiary) !important;
    }
    .hover\:bg-token-bg-tertiary\/10:hover {
      background-color: var(--bg-tertiary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-token-bg-tertiary\/10:hover {
        background-color: color-mix(
          in oklab,
          var(--bg-tertiary) 10%,
          transparent
        );
      }
    }
    .hover\:bg-token-bg-tertiary\/50:hover {
      background-color: var(--bg-tertiary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-token-bg-tertiary\/50:hover {
        background-color: color-mix(
          in oklab,
          var(--bg-tertiary) 50%,
          transparent
        );
      }
    }
    .hover\:bg-token-bg-tertiary\/60:hover {
      background-color: var(--bg-tertiary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-token-bg-tertiary\/60:hover {
        background-color: color-mix(
          in oklab,
          var(--bg-tertiary) 60%,
          transparent
        );
      }
    }
    .hover\:bg-token-bg-tertiary\/70:hover {
      background-color: var(--bg-tertiary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-token-bg-tertiary\/70:hover {
        background-color: color-mix(
          in oklab,
          var(--bg-tertiary) 70%,
          transparent
        );
      }
    }
    .hover\:bg-token-border-default:hover {
      background-color: var(--border-default);
    }
    .hover\:bg-token-border-light:hover {
      background-color: var(--border-light);
    }
    .hover\:bg-token-border-xlight:hover {
      background-color: var(--border-xlight);
    }
    .hover\:bg-token-icon-accent\/20:hover {
      background-color: var(--icon-accent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-token-icon-accent\/20:hover {
        background-color: color-mix(
          in oklab,
          var(--icon-accent) 20%,
          transparent
        );
      }
    }
    .hover\:bg-token-icon-surface\/10:hover {
      background-color: rgb(var(--icon-surface) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-token-icon-surface\/10:hover {
        background-color: color-mix(
          in oklab,
          rgb(var(--icon-surface) / 1) 10%,
          transparent
        );
      }
    }
    .hover\:bg-token-interactive-bg-accent-muted-hover:hover {
      background-color: var(--interactive-bg-accent-muted-hover);
    }
    .hover\:bg-token-interactive-bg-primary-default:hover {
      background-color: var(--interactive-bg-primary-default);
    }
    .hover\:bg-token-interactive-bg-primary-hover:hover,
    .hover\:bg-token-interactive-bg-primary-hover\/10:hover {
      background-color: var(--interactive-bg-primary-hover);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-token-interactive-bg-primary-hover\/10:hover {
        background-color: color-mix(
          in oklab,
          var(--interactive-bg-primary-hover) 10%,
          transparent
        );
      }
    }
    .hover\:bg-token-interactive-bg-primary-selected\/5:hover {
      background-color: var(--interactive-bg-primary-selected);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-token-interactive-bg-primary-selected\/5:hover {
        background-color: color-mix(
          in oklab,
          var(--interactive-bg-primary-selected) 5%,
          transparent
        );
      }
    }
    .hover\:bg-token-interactive-bg-secondary-hover:hover,
    .hover\:bg-token-interactive-bg-secondary-hover\/60:hover {
      background-color: var(--interactive-bg-secondary-hover);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-token-interactive-bg-secondary-hover\/60:hover {
        background-color: color-mix(
          in oklab,
          var(--interactive-bg-secondary-hover) 60%,
          transparent
        );
      }
    }
    .hover\:bg-token-interactive-bg-secondary-selected:hover {
      background-color: var(--interactive-bg-secondary-selected);
    }
    .hover\:bg-token-interactive-bg-secondary-selected\!:hover {
      background-color: var(--interactive-bg-secondary-selected) !important;
    }
    .hover\:bg-token-interactive-bg-tertiary-default:hover {
      background-color: var(--interactive-bg-tertiary-default);
    }
    .hover\:bg-token-interactive-bg-tertiary-hover:hover {
      background-color: var(--interactive-bg-tertiary-hover);
    }
    .hover\:bg-token-interactive-bg-tertiary-press:hover {
      background-color: var(--interactive-bg-tertiary-press);
    }
    .hover\:bg-token-main-surface-primary:hover {
      background-color: var(--main-surface-primary);
    }
    .hover\:bg-token-main-surface-primary\!:hover {
      background-color: var(--main-surface-primary) !important;
    }
    .hover\:bg-token-main-surface-primary-inverse:hover {
      background-color: var(--main-surface-primary-inverse);
    }
    .hover\:bg-token-main-surface-primary\/30\!:hover {
      background-color: var(--main-surface-primary) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-token-main-surface-primary\/30\!:hover {
        background-color: color-mix(
          in oklab,
          var(--main-surface-primary) 30%,
          transparent
        ) !important;
      }
    }
    .hover\:bg-token-main-surface-primary\/40:hover {
      background-color: var(--main-surface-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-token-main-surface-primary\/40:hover {
        background-color: color-mix(
          in oklab,
          var(--main-surface-primary) 40%,
          transparent
        );
      }
    }
    .hover\:bg-token-main-surface-primary\/70:hover {
      background-color: var(--main-surface-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-token-main-surface-primary\/70:hover {
        background-color: color-mix(
          in oklab,
          var(--main-surface-primary) 70%,
          transparent
        );
      }
    }
    .hover\:bg-token-main-surface-primary\/70\!:hover {
      background-color: var(--main-surface-primary) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-token-main-surface-primary\/70\!:hover {
        background-color: color-mix(
          in oklab,
          var(--main-surface-primary) 70%,
          transparent
        ) !important;
      }
    }
    .hover\:bg-token-main-surface-secondary:hover {
      background-color: var(--main-surface-secondary);
    }
    .hover\:bg-token-main-surface-secondary\!:hover {
      background-color: var(--main-surface-secondary) !important;
    }
    .hover\:bg-token-main-surface-secondary-selected:hover {
      background-color: var(--main-surface-secondary-selected);
    }
    .hover\:bg-token-main-surface-secondary\/25:hover {
      background-color: var(--main-surface-secondary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-token-main-surface-secondary\/25:hover {
        background-color: color-mix(
          in oklab,
          var(--main-surface-secondary) 25%,
          transparent
        );
      }
    }
    .hover\:bg-token-main-surface-secondary\/75\!:hover {
      background-color: var(--main-surface-secondary) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-token-main-surface-secondary\/75\!:hover {
        background-color: color-mix(
          in oklab,
          var(--main-surface-secondary) 75%,
          transparent
        ) !important;
      }
    }
    .hover\:bg-token-main-surface-secondary\/80:hover {
      background-color: var(--main-surface-secondary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-token-main-surface-secondary\/80:hover {
        background-color: color-mix(
          in oklab,
          var(--main-surface-secondary) 80%,
          transparent
        );
      }
    }
    .hover\:bg-token-main-surface-tertiary:hover {
      background-color: var(--main-surface-tertiary);
    }
    .hover\:bg-token-sidebar-surface-secondary:hover {
      background-color: var(--sidebar-surface-secondary);
    }
    .hover\:bg-token-sidebar-surface-tertiary:hover {
      background-color: var(--sidebar-surface-tertiary);
    }
    .hover\:bg-token-surface-error\/10:hover {
      background-color: rgb(var(--surface-error) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-token-surface-error\/10:hover {
        background-color: color-mix(
          in oklab,
          rgb(var(--surface-error) / 1) 10%,
          transparent
        );
      }
    }
    .hover\:bg-token-surface-hover:hover {
      background-color: var(--surface-hover);
    }
    .hover\:bg-token-text-primary:hover {
      background-color: var(--text-primary);
    }
    .hover\:bg-token-text-primary\!:hover {
      background-color: var(--text-primary) !important;
    }
    .hover\:bg-token-text-secondary:hover {
      background-color: var(--text-secondary);
    }
    .hover\:bg-transparent:hover {
      background-color: #0000;
    }
    .hover\:bg-transparent\!:hover {
      background-color: #0000 !important;
    }
    .hover\:bg-white:hover {
      background-color: #fff;
    }
    .hover\:bg-white\/8:hover {
      background-color: #ffffff14;
      background-color: lab(100% -0.0000298023 0.0000119209/.08);
    }
    .hover\:bg-white\/10:hover {
      background-color: #ffffff1a;
      background-color: lab(100% -0.0000298023 0.0000119209/.1);
    }
    .hover\:bg-white\/15:hover {
      background-color: #ffffff26;
      background-color: lab(100% -0.0000298023 0.0000119209/.15);
    }
    .hover\:bg-white\/20:hover {
      background-color: #fff3;
      background-color: lab(100% -0.0000298023 0.0000119209/.2);
    }
    .hover\:bg-white\/25:hover {
      background-color: #ffffff40;
      background-color: lab(100% -0.0000298023 0.0000119209/.25);
    }
    .hover\:bg-white\/25\!:hover {
      background-color: #ffffff40 !important;
      background-color: lab(100% -0.0000298023 0.0000119209/.25) !important;
    }
    .hover\:bg-white\/30:hover {
      background-color: #ffffff4d;
      background-color: lab(100% -0.0000298023 0.0000119209/.3);
    }
    .hover\:bg-white\/40:hover {
      background-color: #fff6;
      background-color: lab(100% -0.0000298023 0.0000119209/.4);
    }
    .hover\:bg-white\/60:hover {
      background-color: #fff9;
      background-color: lab(100% -0.0000298023 0.0000119209/.6);
    }
    .hover\:bg-white\/90:hover {
      background-color: #ffffffe6;
      background-color: lab(100% -0.0000298023 0.0000119209/.9);
    }
    .hover\:bg-white\/90\!:hover {
      background-color: #ffffffe6 !important;
      background-color: lab(100% -0.0000298023 0.0000119209/.9) !important;
    }
    .hover\:bg-yellow-400:hover {
      background-color: var(--yellow-400);
    }
    .hover\:from-\[\#4636f8\]:hover {
      --tw-gradient-from: #4636f8;
      --tw-gradient-stops: var(
        --tw-gradient-via-stops,
        var(--tw-gradient-position),
        var(--tw-gradient-from) var(--tw-gradient-from-position),
        var(--tw-gradient-to) var(--tw-gradient-to-position)
      );
    }
    .hover\:to-\[\#951ce8\]:hover {
      --tw-gradient-to: #951ce8;
      --tw-gradient-stops: var(
        --tw-gradient-via-stops,
        var(--tw-gradient-position),
        var(--tw-gradient-from) var(--tw-gradient-from-position),
        var(--tw-gradient-to) var(--tw-gradient-to-position)
      );
    }
    .hover\:fill-token-text-primary:hover {
      fill: var(--text-primary);
    }
    .hover\:entity-accent:hover {
      color: var(--theme-entity-accent);
    }
    .hover\:entity-accent\!:hover {
      color: var(--theme-entity-accent) !important;
    }
    .hover\:text-\(--color-text-danger\):hover {
      color: var(--color-text-danger);
    }
    .hover\:text-\(--color-text-info\):hover {
      color: var(--color-text-info);
    }
    .hover\:text-\(--super-widget-link-color-hover\):hover {
      color: var(--super-widget-link-color-hover);
    }
    .hover\:text-\[\#0D0D0D\]:hover {
      color: #0d0d0d;
    }
    .hover\:text-\[\#4D4D4D\]:hover {
      color: #4d4d4d;
    }
    .hover\:text-\[\#174ea6\]:hover {
      color: #174ea6;
    }
    .hover\:text-\[\#0285ff\]\/80:hover {
      color: #0285ffcc;
      color: lab(54.959% 5.86918 -70.2582/0.8);
    }
    .hover\:text-\[rgb\(11\,76\,140\)\]:hover {
      color: #0b4c8c;
    }
    .hover\:text-blue-200:hover {
      color: var(--blue-200);
    }
    .hover\:text-blue-300:hover {
      color: var(--blue-300);
    }
    .hover\:text-blue-500:hover {
      color: var(--blue-500);
    }
    .hover\:text-blue-600:hover {
      color: var(--blue-600);
    }
    .hover\:text-blue-700:hover {
      color: var(--blue-700);
    }
    .hover\:text-gray-600:hover {
      color: var(--gray-600);
    }
    .hover\:text-gray-700:hover {
      color: var(--gray-700);
    }
    .hover\:text-gray-900:hover {
      color: var(--gray-900);
    }
    .hover\:text-inherit:hover {
      color: inherit;
    }
    .hover\:text-red-300:hover {
      color: var(--red-300);
    }
    .hover\:text-red-500:hover {
      color: var(--red-500);
    }
    .hover\:text-red-700:hover {
      color: var(--red-700);
    }
    .hover\:text-red-800:hover {
      color: var(--red-800);
    }
    .hover\:text-token-icon-accent:hover {
      color: var(--icon-accent);
    }
    .hover\:text-token-icon-primary:hover {
      color: var(--icon-primary);
    }
    .hover\:text-token-interactive-label-accent-hover:hover {
      color: var(--interactive-label-accent-hover);
    }
    .hover\:text-token-link-hover:hover {
      color: var(--link-hover);
    }
    .hover\:text-token-main-surface-tertiary:hover {
      color: var(--main-surface-tertiary);
    }
    .hover\:text-token-text-accent:hover,
    .hover\:text-token-text-accent\/80:hover {
      color: var(--text-accent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-token-text-accent\/80:hover {
        color: color-mix(in oklab, var(--text-accent) 80%, transparent);
      }
    }
    .hover\:text-token-text-inverted:hover {
      color: var(--text-inverted);
    }
    .hover\:text-token-text-primary:hover {
      color: var(--text-primary);
    }
    .hover\:text-token-text-primary\!:hover {
      color: var(--text-primary) !important;
    }
    .hover\:text-token-text-primary\/44:hover {
      color: var(--text-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-token-text-primary\/44:hover {
        color: color-mix(in oklab, var(--text-primary) 44%, transparent);
      }
    }
    .hover\:text-token-text-primary\/60:hover {
      color: var(--text-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-token-text-primary\/60:hover {
        color: color-mix(in oklab, var(--text-primary) 60%, transparent);
      }
    }
    .hover\:text-token-text-primary\/80:hover {
      color: var(--text-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-token-text-primary\/80:hover {
        color: color-mix(in oklab, var(--text-primary) 80%, transparent);
      }
    }
    .hover\:text-token-text-secondary:hover {
      color: var(--text-secondary);
    }
    .hover\:text-token-text-tertiary:hover {
      color: var(--text-tertiary);
    }
    .hover\:text-white:hover {
      color: #fff;
    }
    .hover\:text-white\/40:hover {
      color: #fff6;
      color: lab(100% -0.0000298023 0.0000119209/.4);
    }
    .hover\:text-white\/70:hover {
      color: #ffffffb3;
      color: lab(100% -0.0000298023 0.0000119209/.7);
    }
    .hover\:text-white\/90:hover {
      color: #ffffffe6;
      color: lab(100% -0.0000298023 0.0000119209/.9);
    }
    .hover\:no-underline:hover {
      text-decoration-line: none;
    }
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
    .hover\:underline\!:hover {
      text-decoration-line: underline !important;
    }
    .hover\:decoration-token-text-primary:hover {
      -webkit-text-decoration-color: var(--text-primary);
      -webkit-text-decoration-color: var(--text-primary);
      -webkit-text-decoration-color: var(--text-primary);
      -webkit-text-decoration-color: var(--text-primary);
      text-decoration-color: var(--text-primary);
    }
    .hover\:opacity-60:hover {
      opacity: 0.6;
    }
    .hover\:opacity-65:hover {
      opacity: 0.65;
    }
    .hover\:opacity-70:hover {
      opacity: 0.7;
    }
    .hover\:opacity-75:hover {
      opacity: 0.75;
    }
    .hover\:opacity-80:hover {
      opacity: 0.8;
    }
    .hover\:opacity-90:hover {
      opacity: 0.9;
    }
    .hover\:opacity-95:hover {
      opacity: 0.95;
    }
    .hover\:opacity-100:hover {
      opacity: 1;
    }
    .hover\:opacity-100\!:hover {
      opacity: 1 !important;
    }
    .hover\:mix-blend-normal:hover {
      mix-blend-mode: normal;
    }
    .hover\:shadow-\[-1px_0_2px_2px_rgba\(255\,0\,0\,0\.4\)\]:hover {
      --tw-shadow: -1px 0 2px 2px var(--tw-shadow-color, #f006);
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .hover\:shadow-\[0px_0px_1px_0px_\#0000004D\,_0px_4px_4px_0px_\#0000000A\]:hover {
      --tw-shadow:
        0px 0px 1px 0px var(--tw-shadow-color, #0000004d),
        0px 4px 4px 0px var(--tw-shadow-color, #0000000a);
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .hover\:shadow-\[0px_2px_8px_rgba\(0\,0\,0\,0\.08\)\]:hover {
      --tw-shadow: 0px 2px 8px var(--tw-shadow-color, #00000014);
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .hover\:shadow-\[0px_4px_16px_0px_rgba\(0\,0\,0\,0\.05\)\]:hover {
      --tw-shadow: 0px 4px 16px 0px var(--tw-shadow-color, #0000000d);
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .hover\:shadow-lg:hover {
      --tw-shadow:
        0 10px 15px -3px var(--tw-shadow-color, #0000001a),
        0 4px 6px -4px var(--tw-shadow-color, #0000001a);
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .hover\:shadow-md:hover {
      --tw-shadow:
        0 4px 6px -1px var(--tw-shadow-color, #0000001a),
        0 2px 4px -2px var(--tw-shadow-color, #0000001a);
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .hover\:shadow-none:hover {
      --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);
    }
    .hover\:shadow-xl:hover {
      --tw-shadow:
        0 20px 25px -5px var(--tw-shadow-color, #0000001a),
        0 8px 10px -6px var(--tw-shadow-color, #0000001a);
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .hover\:ring-1:hover {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
        calc(1px + var(--tw-ring-offset-width))
        var(--tw-ring-color, currentcolor);
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .hover\:shadow-token-border-default:hover {
      --tw-shadow-color: var(--border-default);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:shadow-token-border-default:hover {
        --tw-shadow-color: color-mix(
          in oklab,
          var(--border-default) var(--tw-shadow-alpha),
          transparent
        );
      }
    }
    .hover\:ring-black\/10:hover {
      --tw-ring-color: #0000001a;
    }
    @supports (color: lab(0% 0 0)) {
      .hover\:ring-black\/10:hover {
        --tw-ring-color: lab(0% 0 0/0.1);
      }
    }
    .hover\:ring-white\/30:hover {
      --tw-ring-color: #ffffff4d;
    }
    @supports (color: lab(0% 0 0)) {
      .hover\:ring-white\/30:hover {
        --tw-ring-color: lab(100% -0.0000298023 0.0000119209/.3);
      }
    }
    .hover\:outline:hover,
    .hover\:outline-\[1px\]:hover {
      outline-style: var(--tw-outline-style);
      outline-width: 1px;
    }
    .hover\:outline-blue-100:hover {
      outline-color: var(--blue-100);
    }
    .hover\:brightness-105:hover {
      --tw-brightness: brightness(105%);
      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,);
    }
    .hover\:brightness-\[0\.98\]:hover {
      --tw-brightness: brightness(0.98);
      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,);
    }
    .hover\:backdrop-blur-md:hover {
      --tw-backdrop-blur: blur(var(--blur-md));
      -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,);
    }
    .hover\:transition-none:hover {
      transition-property: none;
    }
    .hover\:delay-0:hover {
      transition-delay: 0s;
    }
    .hover\:delay-300:hover {
      transition-delay: 0.3s;
    }
    .hover\:file\:bg-token-bg-tertiary:hover::file-selector-button {
      background-color: var(--bg-tertiary);
    }
    .hover\:before\:opacity-100:hover:before {
      content: var(--tw-content);
      opacity: 1;
    }
    .hover\:after\:bg-token-main-surface-tertiary:hover:after {
      content: var(--tw-content);
      background-color: var(--main-surface-tertiary);
    }
  }
  .focus\:pointer-events-auto:focus {
    pointer-events: auto;
  }
  .focus\:not-sr-only:focus {
    clip-path: none;
    white-space: normal;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    position: static;
    overflow: visible;
  }
  .focus\:absolute:focus {
    position: absolute;
  }
  .focus\:top-4:focus {
    top: calc(var(--spacing) * 4);
  }
  .focus\:left-4:focus {
    left: calc(var(--spacing) * 4);
  }
  .focus\:z-50:focus {
    z-index: 50;
  }
  .focus\:border-0:focus {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  .focus\:border-none:focus {
    --tw-border-style: none;
    border-style: none;
  }
  .focus\:border-none\!:focus {
    --tw-border-style: none !important;
    border-style: none !important;
  }
  .focus\:border-\[var\(--interactive-border-focus\)\]:focus {
    border-color: var(--interactive-border-focus);
  }
  .focus\:border-black:focus {
    border-color: #000;
  }
  .focus\:border-blue-500:focus {
    border-color: var(--blue-500);
  }
  .focus\:border-gray-200:focus {
    border-color: var(--gray-200);
  }
  .focus\:border-gray-400:focus {
    border-color: var(--gray-400);
  }
  .focus\:border-gray-500:focus {
    border-color: var(--gray-500);
  }
  .focus\:border-orange-400:focus {
    border-color: var(--orange-400);
  }
  .focus\:border-red-500:focus {
    border-color: var(--red-500);
  }
  .focus\:border-token-border-default:focus {
    border-color: var(--border-default);
  }
  .focus\:border-token-border-heavy:focus {
    border-color: var(--border-heavy);
  }
  .focus\:border-token-border-xheavy:focus {
    border-color: var(--border-xheavy);
  }
  .focus\:border-token-icon-accent:focus {
    border-color: var(--icon-accent);
  }
  .focus\:border-token-interactive-border-danger-secondary-default:focus {
    border-color: var(--interactive-border-danger-secondary-default);
  }
  .focus\:border-token-interactive-border-focus:focus {
    border-color: var(--interactive-border-focus);
  }
  .focus\:border-token-text-error:focus {
    border-color: var(--text-error);
  }
  .focus\:border-token-text-primary:focus,
  .focus\:border-token-text-primary\/44:focus {
    border-color: var(--text-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .focus\:border-token-text-primary\/44:focus {
      border-color: color-mix(in oklab, var(--text-primary) 44%, transparent);
    }
  }
  .focus\:border-token-text-tertiary:focus {
    border-color: var(--text-tertiary);
  }
  .focus\:border-transparent:focus {
    border-color: #0000;
  }
  .focus\:border-white\/40:focus {
    border-color: #fff6;
    border-color: lab(100% -0.0000298023 0.0000119209/.4);
  }
  .focus\:bg-black\/30:focus {
    background-color: #0000004d;
    background-color: lab(0% 0 0/0.3);
  }
  .focus\:bg-gray-950\!:focus {
    background-color: var(--gray-950) !important;
  }
  .focus\:bg-token-bg-primary:focus {
    background-color: var(--bg-primary);
  }
  .focus\:bg-token-bg-secondary:focus,
  .focus\:bg-token-bg-secondary\/40:focus {
    background-color: var(--bg-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .focus\:bg-token-bg-secondary\/40:focus {
      background-color: color-mix(
        in oklab,
        var(--bg-secondary) 40%,
        transparent
      );
    }
  }
  .focus\:bg-token-icon-surface\/10:focus {
    background-color: rgb(var(--icon-surface) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .focus\:bg-token-icon-surface\/10:focus {
      background-color: color-mix(
        in oklab,
        rgb(var(--icon-surface) / 1) 10%,
        transparent
      );
    }
  }
  .focus\:bg-token-main-surface-secondary:focus {
    background-color: var(--main-surface-secondary);
  }
  .focus\:bg-transparent:focus {
    background-color: #0000;
  }
  .focus\:bg-white:focus {
    background-color: #fff;
  }
  .focus\:bg-white\/15:focus {
    background-color: #ffffff26;
    background-color: lab(100% -0.0000298023 0.0000119209/.15);
  }
  .focus\:p-4:focus {
    padding: calc(var(--spacing) * 4);
  }
  .focus\:text-token-text-primary:focus {
    color: var(--text-primary);
  }
  .focus\:text-token-text-secondary:focus {
    color: var(--text-secondary);
  }
  .focus\:opacity-100:focus {
    opacity: 1;
  }
  .focus\:shadow-none:focus {
    --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);
  }
  .focus\:shadow-none\!:focus {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .focus\:ring-0:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(0px + 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-0\!:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .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-2:focus {
    --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\:ring-4:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(4px + 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-\[\#5856D6\]:focus {
    --tw-ring-color: #5856d6;
  }
  .focus\:ring-\[black\]\!:focus {
    --tw-ring-color: black !important;
  }
  .focus\:ring-black:focus {
    --tw-ring-color: #000;
  }
  .focus\:ring-blue-400:focus {
    --tw-ring-color: var(--blue-400);
  }
  .focus\:ring-blue-500:focus {
    --tw-ring-color: var(--blue-500);
  }
  .focus\:ring-gray-200:focus {
    --tw-ring-color: var(--gray-200);
  }
  .focus\:ring-gray-500:focus {
    --tw-ring-color: var(--gray-500);
  }
  .focus\:ring-purple-500:focus {
    --tw-ring-color: var(--purple-500);
  }
  .focus\:ring-red-500:focus {
    --tw-ring-color: var(--red-500);
  }
  .focus\:ring-token-border-light:focus {
    --tw-ring-color: var(--border-light);
  }
  .focus\:ring-token-border-xheavy:focus {
    --tw-ring-color: var(--border-xheavy);
  }
  .focus\:ring-token-icon-accent:focus {
    --tw-ring-color: var(--icon-accent);
  }
  .focus\:ring-token-text-error:focus {
    --tw-ring-color: var(--text-error);
  }
  .focus\:ring-token-text-primary:focus {
    --tw-ring-color: var(--text-primary);
  }
  .focus\:ring-token-text-secondary:focus {
    --tw-ring-color: var(--text-secondary);
  }
  .focus\:ring-transparent:focus {
    --tw-ring-color: transparent;
  }
  .focus\:ring-white:focus {
    --tw-ring-color: #fff;
  }
  .focus\:ring-white\/50:focus {
    --tw-ring-color: #ffffff80;
  }
  @supports (color: lab(0% 0 0)) {
    .focus\:ring-white\/50:focus {
      --tw-ring-color: lab(100% -0.0000298023 0.0000119209/.5);
    }
  }
  .focus\:ring-white\/70:focus {
    --tw-ring-color: #ffffffb3;
  }
  @supports (color: lab(0% 0 0)) {
    .focus\:ring-white\/70:focus {
      --tw-ring-color: lab(100% -0.0000298023 0.0000119209/.7);
    }
  }
  .focus\:ring-offset-0:focus {
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0
      var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .focus\:ring-offset-0\!:focus {
    --tw-ring-offset-width: 0px !important;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0
      var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  }
  .focus\:ring-offset-1:focus {
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0
      var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .focus\:ring-offset-2:focus {
    --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\:ring-offset-token-bg-primary:focus {
    --tw-ring-offset-color: var(--bg-primary);
  }
  .focus\:outline-hidden:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  @media (forced-colors: active) {
    .focus\:outline-hidden:focus {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }
  .focus\:outline:focus {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .focus\:outline\!:focus {
    outline-style: var(--tw-outline-style) !important;
    outline-width: 1px !important;
  }
  .focus\:outline-0:focus {
    outline-style: var(--tw-outline-style);
    outline-width: 0;
  }
  .focus\:outline-0\!:focus {
    outline-style: var(--tw-outline-style) !important;
    outline-width: 0 !important;
  }
  .focus\:outline-1:focus {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .focus\:outline-1\!:focus {
    outline-style: var(--tw-outline-style) !important;
    outline-width: 1px !important;
  }
  .focus\:outline-\[1\.5px\]:focus {
    outline-style: var(--tw-outline-style);
    outline-width: 1.5px;
  }
  .focus\:outline-offset-\[2\.5px\]:focus {
    outline-offset: 2.5px;
  }
  .focus\:outline-black\!:focus {
    outline-color: #000 !important;
  }
  .focus\:outline-token-text-primary:focus {
    outline-color: var(--text-primary);
  }
  .focus\:outline-white\!:focus {
    outline-color: #fff !important;
  }
  .focus\:backdrop-blur-md:focus {
    --tw-backdrop-blur: blur(var(--blur-md));
    -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,);
  }
  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  .focus\:outline-none\!:focus {
    --tw-outline-style: none !important;
    outline-style: none !important;
  }
  .focus\:outline-solid:focus {
    --tw-outline-style: solid;
    outline-style: solid;
  }
  .focus\:ring-inset:focus {
    --tw-ring-inset: inset;
  }
  .focus-visible\:pointer-events-auto:focus-visible {
    pointer-events: auto;
  }
  .focus-visible\:translate-y-0:focus-visible {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .focus-visible\:rounded-\[18px\]:focus-visible {
    border-radius: 18px;
  }
  .focus-visible\:rounded-\[26px\]:focus-visible {
    border-radius: 26px;
  }
  .focus-visible\:border-0:focus-visible {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  .focus-visible\:border-none:focus-visible {
    --tw-border-style: none;
    border-style: none;
  }
  .focus-visible\:border-black:focus-visible {
    border-color: #000;
  }
  .focus-visible\:border-token-border-default:focus-visible {
    border-color: var(--border-default);
  }
  .focus-visible\:border-token-border-heavy:focus-visible {
    border-color: var(--border-heavy);
  }
  .focus-visible\:border-token-text-primary:focus-visible {
    border-color: var(--text-primary);
  }
  .focus-visible\:bg-black\/4:focus-visible {
    background-color: #0000000a;
    background-color: lab(0% 0 0/0.04);
  }
  .focus-visible\:bg-black\/25:focus-visible {
    background-color: #00000040;
    background-color: lab(0% 0 0/0.25);
  }
  .focus-visible\:bg-black\/35:focus-visible {
    background-color: #00000059;
    background-color: lab(0% 0 0/0.35);
  }
  .focus-visible\:bg-token-bg-tertiary:focus-visible {
    background-color: var(--bg-tertiary);
  }
  .focus-visible\:bg-token-icon-surface\/10:focus-visible {
    background-color: rgb(var(--icon-surface) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:bg-token-icon-surface\/10:focus-visible {
      background-color: color-mix(
        in oklab,
        rgb(var(--icon-surface) / 1) 10%,
        transparent
      );
    }
  }
  .focus-visible\:bg-token-interactive-bg-secondary-hover:focus-visible {
    background-color: var(--interactive-bg-secondary-hover);
  }
  .focus-visible\:bg-token-surface-hover:focus-visible {
    background-color: var(--surface-hover);
  }
  .focus-visible\:bg-token-text-secondary\!:focus-visible {
    background-color: var(--text-secondary) !important;
  }
  .focus-visible\:bg-transparent:focus-visible {
    background-color: #0000;
  }
  .focus-visible\:bg-white\/8:focus-visible {
    background-color: #ffffff14;
    background-color: lab(100% -0.0000298023 0.0000119209/.08);
  }
  .focus-visible\:text-token-text-primary:focus-visible {
    color: var(--text-primary);
  }
  .focus-visible\:no-underline:focus-visible {
    text-decoration-line: none;
  }
  .focus-visible\:underline:focus-visible {
    text-decoration-line: underline;
  }
  .focus-visible\:opacity-100:focus-visible {
    opacity: 1;
  }
  .focus-visible\:shadow-\[inset_0_0_0_4px_rgba\(0\,0\,0\,0\.35\)\]:focus-visible {
    --tw-shadow: inset 0 0 0 4px var(--tw-shadow-color, #00000059);
    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: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-0:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(0px + 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-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-4:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(4px + 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-\[\#5856D6\]:focus-visible {
    --tw-ring-color: #5856d6;
  }
  .focus-visible\:ring-\[color\:var\(--accentStroke\)\]:focus-visible {
    --tw-ring-color: var(--accentStroke);
  }
  .focus-visible\:ring-black:focus-visible {
    --tw-ring-color: #000;
  }
  .focus-visible\:ring-blue-500:focus-visible,
  .focus-visible\:ring-blue-500\/60:focus-visible {
    --tw-ring-color: var(--blue-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-blue-500\/60:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--blue-500) 60%, transparent);
    }
  }
  .focus-visible\:ring-current:focus-visible {
    --tw-ring-color: currentcolor;
  }
  .focus-visible\:ring-red-500\/20:focus-visible {
    --tw-ring-color: var(--red-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-red-500\/20:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--red-500) 20%, transparent);
    }
  }
  .focus-visible\:ring-token-border-default:focus-visible {
    --tw-ring-color: var(--border-default);
  }
  .focus-visible\:ring-token-border-heavy:focus-visible {
    --tw-ring-color: var(--border-heavy);
  }
  .focus-visible\:ring-token-border-medium:focus-visible {
    --tw-ring-color: var(--border-medium);
  }
  .focus-visible\:ring-token-text-primary:focus-visible {
    --tw-ring-color: var(--text-primary);
  }
  .focus-visible\:ring-token-text-quaternary:focus-visible {
    --tw-ring-color: var(--text-quaternary);
  }
  .focus-visible\:ring-token-text-secondary:focus-visible {
    --tw-ring-color: var(--text-secondary);
  }
  .focus-visible\:ring-token-text-tertiary:focus-visible {
    --tw-ring-color: var(--text-tertiary);
  }
  .focus-visible\:ring-white\/40:focus-visible {
    --tw-ring-color: #fff6;
  }
  @supports (color: lab(0% 0 0)) {
    .focus-visible\:ring-white\/40:focus-visible {
      --tw-ring-color: lab(100% -0.0000298023 0.0000119209/.4);
    }
  }
  .focus-visible\:ring-white\/70:focus-visible {
    --tw-ring-color: #ffffffb3;
  }
  @supports (color: lab(0% 0 0)) {
    .focus-visible\:ring-white\/70:focus-visible {
      --tw-ring-color: lab(100% -0.0000298023 0.0000119209/.7);
    }
  }
  .focus-visible\:ring-white\/80:focus-visible {
    --tw-ring-color: #fffc;
  }
  @supports (color: lab(0% 0 0)) {
    .focus-visible\:ring-white\/80:focus-visible {
      --tw-ring-color: lab(100% -0.0000298023 0.0000119209/.8);
    }
  }
  .focus-visible\:ring-white\/90:focus-visible {
    --tw-ring-color: #ffffffe6;
  }
  @supports (color: lab(0% 0 0)) {
    .focus-visible\:ring-white\/90:focus-visible {
      --tw-ring-color: lab(100% -0.0000298023 0.0000119209/.9);
    }
  }
  .focus-visible\:ring-offset-1:focus-visible {
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0
      var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .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\:ring-offset-black\/30:focus-visible {
    --tw-ring-offset-color: #0000004d;
  }
  @supports (color: lab(0% 0 0)) {
    .focus-visible\:ring-offset-black\/30:focus-visible {
      --tw-ring-offset-color: lab(0% 0 0/0.3);
    }
  }
  .focus-visible\:ring-offset-token-bg-primary:focus-visible {
    --tw-ring-offset-color: var(--bg-primary);
  }
  .focus-visible\:ring-offset-transparent:focus-visible {
    --tw-ring-offset-color: transparent;
  }
  .focus-visible\:outline-hidden:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }
  @media (forced-colors: active) {
    .focus-visible\:outline-hidden:focus-visible {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }
  .focus-visible\:focus-ring:focus-visible {
    outline-color: var(--interactive-outline-color, var(--text-primary));
    outline-offset: 2.5px;
    outline-width: 1.5px;
    outline-style: solid;
  }
  .focus-visible\:outline:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .focus-visible\:outline-0:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 0;
  }
  .focus-visible\:outline-1:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .focus-visible\:outline-2:focus-visible,
  .focus-visible\:outline-\[2px\]:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .focus-visible\:\[outline-width\:1\.5px\]:focus-visible {
    outline-width: 1.5px;
  }
  .focus-visible\:-outline-offset-1:focus-visible {
    outline-offset: calc(1px * -1);
  }
  .focus-visible\:outline-offset-0:focus-visible {
    outline-offset: 0px;
  }
  .focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px;
  }
  .focus-visible\:outline-offset-\[-2px\]:focus-visible {
    outline-offset: -2px;
  }
  .focus-visible\:outline-offset-\[-8px\]:focus-visible {
    outline-offset: -8px;
  }
  .focus-visible\:outline-offset-\[2\.5px\]:focus-visible {
    outline-offset: 2.5px;
  }
  .focus-visible\:outline-black:focus-visible {
    outline-color: #000;
  }
  .focus-visible\:outline-current:focus-visible {
    outline-color: currentColor;
  }
  .focus-visible\:outline-orange-500:focus-visible {
    outline-color: var(--orange-500);
  }
  .focus-visible\:outline-token-border-default:focus-visible {
    outline-color: var(--border-default);
  }
  .focus-visible\:outline-token-border-heavy:focus-visible {
    outline-color: var(--border-heavy);
  }
  .focus-visible\:outline-token-interactive-label-accent-default:focus-visible {
    outline-color: var(--interactive-label-accent-default);
  }
  .focus-visible\:outline-token-text-primary:focus-visible {
    outline-color: var(--text-primary);
  }
  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }
  .focus-visible\:outline-solid:focus-visible {
    --tw-outline-style: solid;
    outline-style: solid;
  }
  .focus-visible\:ring-inset:focus-visible {
    --tw-ring-inset: inset;
  }
  .group-focus-within\/dialog\:focus-visible\:\[outline-width\:1\.5px\]:is(
      :where(.group\/dialog):focus-within *
    ):focus-visible {
    outline-width: 1.5px;
  }
  .group-focus-within\/dialog\:focus-visible\:\[outline-offset\:2\.5px\]:is(
      :where(.group\/dialog):focus-within *
    ):focus-visible {
    outline-offset: 2.5px;
  }
  .group-focus-within\/dialog\:focus-visible\:\[outline-color\:var\(--text-primary\)\]:is(
      :where(.group\/dialog):focus-within *
    ):focus-visible {
    outline-color: var(--text-primary);
  }
  .group-focus-within\/dialog\:focus-visible\:\[outline-style\:solid\]:is(
      :where(.group\/dialog):focus-within *
    ):focus-visible {
    outline-style: solid;
  }
  .focus-visible\:before\:opacity-100:focus-visible:before,
  .focus-visible\:after\:opacity-100:focus-visible:after {
    content: var(--tw-content);
    opacity: 1;
  }
  .active\:scale-95:active {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .active\:scale-100:active {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .active\:scale-115:active {
    --tw-scale-x: 115%;
    --tw-scale-y: 115%;
    --tw-scale-z: 115%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .active\:scale-\[0\.9\]:active {
    scale: 0.9;
  }
  .active\:cursor-grabbing:active {
    cursor: grabbing;
  }
  .active\:bg-\[\#D2D2D2\]\!:active {
    background-color: #d2d2d2 !important;
  }
  .active\:bg-\[\#f0d35a\]:active {
    background-color: #f0d35a;
  }
  .active\:bg-black\/6:active {
    background-color: #0000000f;
    background-color: lab(0% 0 0/0.06);
  }
  .active\:bg-black\/8:active {
    background-color: #00000014;
    background-color: lab(0% 0 0/0.08);
  }
  .active\:bg-black\/10:active {
    background-color: #0000001a;
    background-color: lab(0% 0 0/0.1);
  }
  .active\:bg-black\/10\!:active {
    background-color: #0000001a !important;
    background-color: lab(0% 0 0/0.1) !important;
  }
  .active\:bg-black\/15:active {
    background-color: #00000026;
    background-color: lab(0% 0 0/0.15);
  }
  .active\:bg-black\/20:active {
    background-color: #0003;
    background-color: lab(0% 0 0/0.2);
  }
  .active\:bg-gray-300:active {
    background-color: var(--gray-300);
  }
  .active\:bg-gray-700:active {
    background-color: var(--gray-700);
  }
  .active\:bg-red-500\/20:active {
    background-color: var(--red-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .active\:bg-red-500\/20:active {
      background-color: color-mix(in oklab, var(--red-500) 20%, transparent);
    }
  }
  .active\:bg-token-bg-secondary:active {
    background-color: var(--bg-secondary);
  }
  .active\:bg-token-bg-secondary\!:active {
    background-color: var(--bg-secondary) !important;
  }
  .active\:bg-token-bg-tertiary:active {
    background-color: var(--bg-tertiary);
  }
  .active\:bg-token-border-default:active {
    background-color: var(--border-default);
  }
  .active\:bg-token-interactive-bg-accent-muted-press:active {
    background-color: var(--interactive-bg-accent-muted-press);
  }
  .active\:bg-token-interactive-bg-secondary-press:active {
    background-color: var(--interactive-bg-secondary-press);
  }
  .active\:bg-token-interactive-bg-tertiary-press:active {
    background-color: var(--interactive-bg-tertiary-press);
  }
  .active\:bg-token-main-surface-primary\/80:active {
    background-color: var(--main-surface-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .active\:bg-token-main-surface-primary\/80:active {
      background-color: color-mix(
        in oklab,
        var(--main-surface-primary) 80%,
        transparent
      );
    }
  }
  .active\:bg-transparent:active {
    background-color: #0000;
  }
  .active\:bg-transparent\!:active {
    background-color: #0000 !important;
  }
  .active\:opacity-1:active {
    opacity: 0.01;
  }
  .active\:opacity-50:active {
    opacity: 0.5;
  }
  .active\:opacity-75:active {
    opacity: 0.75;
  }
  .active\:opacity-100:active {
    opacity: 1;
  }
  .active\:opacity-100\!:active {
    opacity: 1 !important;
  }
  .active\:brightness-95:active {
    --tw-brightness: brightness(95%);
    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,);
  }
  .active\:select-auto:active {
    -webkit-user-select: auto;
    user-select: auto;
  }
  @media (hover: hover) {
    .enabled\:hover\:bg-black\/5:enabled:hover {
      background-color: #0000000d;
      background-color: lab(0% 0 0/0.05);
    }
    .enabled\:hover\:bg-token-bg-tertiary\/60:enabled:hover {
      background-color: var(--bg-tertiary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .enabled\:hover\:bg-token-bg-tertiary\/60:enabled:hover {
        background-color: color-mix(
          in oklab,
          var(--bg-tertiary) 60%,
          transparent
        );
      }
    }
    .enabled\:hover\:bg-token-interactive-bg-secondary-hover:enabled:hover {
      background-color: var(--interactive-bg-secondary-hover);
    }
    .enabled\:hover\:bg-token-main-surface-secondary:enabled:hover {
      background-color: var(--main-surface-secondary);
    }
    .enabled\:hover\:bg-token-surface-hover:enabled:hover {
      background-color: var(--surface-hover);
    }
    .enabled\:hover\:text-token-text-secondary:enabled:hover {
      color: var(--text-secondary);
    }
    .enabled\:hover\:underline:enabled:hover {
      text-decoration-line: underline;
    }
  }
  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }
  .disabled\:cursor-auto:disabled {
    cursor: auto;
  }
  .disabled\:cursor-default:disabled {
    cursor: default;
  }
  .disabled\:cursor-default\!:disabled {
    cursor: default !important;
  }
  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }
  .disabled\:bg-\[\#D7D7D7\]:disabled {
    background-color: #d7d7d7;
  }
  .disabled\:bg-gray-200:disabled {
    background-color: var(--gray-200);
  }
  .disabled\:bg-token-bg-primary:disabled {
    background-color: var(--bg-primary);
  }
  .disabled\:bg-token-bg-tertiary:disabled {
    background-color: var(--bg-tertiary);
  }
  .disabled\:bg-token-main-surface-secondary:disabled {
    background-color: var(--main-surface-secondary);
  }
  .disabled\:bg-token-main-surface-tertiary:disabled {
    background-color: var(--main-surface-tertiary);
  }
  .disabled\:text-\[\#f4f4f4\]:disabled {
    color: #f4f4f4;
  }
  .disabled\:text-gray-50:disabled {
    color: var(--gray-50);
  }
  .disabled\:text-gray-500:disabled {
    color: var(--gray-500);
  }
  .disabled\:text-token-border-medium:disabled {
    color: var(--border-medium);
  }
  .disabled\:text-token-text-quaternary:disabled {
    color: var(--text-quaternary);
  }
  .disabled\:text-token-text-tertiary:disabled {
    color: var(--text-tertiary);
  }
  .disabled\:text-white\/35:disabled {
    color: #ffffff59;
    color: lab(100% -0.0000298023 0.0000119209/.35);
  }
  .disabled\:text-white\/55:disabled {
    color: #ffffff8c;
    color: lab(100% -0.0000298023 0.0000119209/.55);
  }
  .disabled\:text-white\/70:disabled {
    color: #ffffffb3;
    color: lab(100% -0.0000298023 0.0000119209/.7);
  }
  .disabled\:no-underline:disabled {
    text-decoration-line: none;
  }
  .disabled\:opacity-25:disabled {
    opacity: 0.25;
  }
  .disabled\:opacity-30:disabled {
    opacity: 0.3;
  }
  .disabled\:opacity-40:disabled {
    opacity: 0.4;
  }
  .disabled\:opacity-50:disabled {
    opacity: 0.5;
  }
  .disabled\:opacity-60:disabled {
    opacity: 0.6;
  }
  .disabled\:opacity-70:disabled {
    opacity: 0.7;
  }
  .disabled\:opacity-75:disabled {
    opacity: 0.75;
  }
  .disabled\:opacity-100:disabled {
    opacity: 1;
  }
  .disabled\:opacity-100\!:disabled {
    opacity: 1 !important;
  }
  @media (hover: hover) {
    .disabled\:hover\:bg-token-bg-primary:disabled:hover {
      background-color: var(--bg-primary);
    }
    .disabled\:hover\:bg-transparent:disabled:hover {
      background-color: #0000;
    }
    .disabled\:hover\:text-token-text-secondary:disabled:hover {
      color: var(--text-secondary);
    }
    .disabled\:hover\:opacity-100:disabled:hover {
      opacity: 1;
    }
  }
  .disabled\:focus\:border-gray-200:disabled:focus {
    border-color: var(--gray-200);
  }
  .disabled\:focus\:ring-transparent:disabled:focus {
    --tw-ring-color: transparent;
  }
  .disabled\:active\:bg-transparent:disabled:active {
    background-color: #0000;
  }
  .has-focus-visible\:border-token-border-xheavy:has(:focus-visible) {
    border-color: var(--border-xheavy);
  }
  .has-data-has-thread-error\:pt-2:has([data-has-thread-error]) {
    padding-top: calc(var(--spacing) * 2);
  }
  .has-data-has-thread-error\:\[box-shadow\:var\(--sharp-edge-bottom-shadow\)\]:has(
    [data-has-thread-error]
  ) {
    box-shadow: var(--sharp-edge-bottom-shadow);
  }
  .has-data-writing-block\:pointer-events-none:has([data-writing-block]) {
    pointer-events: none;
  }
  .has-data-writing-block\:-mt-\(--shadow-height\):has([data-writing-block]) {
    margin-top: calc(var(--shadow-height) * -1);
  }
  .has-data-writing-block\:pt-\(--shadow-height\):has([data-writing-block]) {
    padding-top: var(--shadow-height);
  }
  .has-data-\[state\=open\]\:pointer-events-auto:has([data-state="open"]) {
    pointer-events: auto;
  }
  .has-data-\[state\=open\]\:\[mask-position\:0_0\]:has([data-state="open"]) {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
  .has-data-\[state\=open\]\:opacity-100:has([data-state="open"]) {
    opacity: 1;
  }
  .has-\[\.action-details\:hover\]\:bg-token-bg-primary:has(
      .action-details:hover
    ) {
    background-color: var(--bg-primary);
  }
  .has-\[\.project-row-primary-action\:active\]\:bg-token-interactive-bg-secondary-press:has(
      .project-row-primary-action:active
    ) {
    background-color: var(--interactive-bg-secondary-press);
  }
  .has-\[\.pulse-card-content-button\:hover\]\:bg-token-bg-tertiary:has(
      .pulse-card-content-button:hover
    ),
  .has-\[\.pulse-card-image-button\:hover\]\:bg-token-bg-tertiary:has(
      .pulse-card-image-button:hover
    ) {
    background-color: var(--bg-tertiary);
  }
  .has-\[a\:focus-visible\]\:outline-2:has(:is(a:focus-visible)) {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .has-\[button\:focus-visible\]\:z-10:has(:is(button:focus-visible)) {
    z-index: 10;
  }
  .has-\[button\:focus-visible\]\:ring-2:has(:is(button: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);
  }
  .has-\[strong\]\:mb-0:has(:is(strong)) {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .aria-checked\:bg-token-interactive-bg-primary-selected[aria-checked="true"] {
    background-color: var(--interactive-bg-primary-selected);
  }
  .aria-checked\:text-token-interactive-label-primary-selected[aria-checked="true"] {
    color: var(--interactive-label-primary-selected);
  }
  .aria-disabled\:cursor-default[aria-disabled="true"] {
    cursor: default;
  }
  .aria-disabled\:text-token-text-tertiary[aria-disabled="true"] {
    color: var(--text-tertiary);
  }
  .aria-selected\:bg-token-bg-tertiary[aria-selected="true"] {
    background-color: var(--bg-tertiary);
  }
  .data-active\:bg-transparent[data-active] {
    background-color: #0000;
  }
  .data-border\:border-1[data-border] {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .data-border\:border-token-border-default[data-border] {
    border-color: var(--border-default);
  }
  .data-disabled\:cursor-not-allowed[data-disabled] {
    cursor: not-allowed;
  }
  .data-disabled\:opacity-50[data-disabled] {
    opacity: 0.5;
  }
  .data-fill\:max-w-full[data-fill] {
    max-width: 100%;
  }
  .data-has-range-start\:select-auto[data-has-range-start] {
    -webkit-user-select: auto;
    user-select: auto;
  }
  .data-highlighted\:bg-black\/4[data-highlighted] {
    background-color: #0000000a;
    background-color: lab(0% 0 0/0.04);
  }
  .data-highlighted\:bg-transparent[data-highlighted],
  .data-is-open\:bg-transparent[data-is-open] {
    background-color: #0000;
  }
  @media (hover: hover) {
    .data-no-hover-bg\:hover\:bg-transparent[data-no-hover-bg]:hover {
      background-color: #0000;
    }
  }
  .data-placeholder\:text-token-text-tertiary[data-placeholder] {
    color: var(--text-tertiary);
  }
  .data-something\:bg-red-100[data-something] {
    background-color: var(--red-100);
  }
  .data-\[custom-padding\]\:py-0[data-custom-padding] {
    padding-block: calc(var(--spacing) * 0);
  }
  .data-\[disabled\]\:cursor-not-allowed[data-disabled] {
    cursor: not-allowed;
  }
  .data-\[disabled\]\:opacity-60[data-disabled] {
    opacity: 0.6;
  }
  .data-\[focus-visible\]\:ring-2[data-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);
  }
  .data-\[has-icons\]\:\[--menu-item-icon-column-width\:1rem\][data-has-icons] {
    --menu-item-icon-column-width: 1rem;
  }
  .data-\[has-icons\]\:\[--menu-item-icon-gap\:0\.375rem\][data-has-icons] {
    --menu-item-icon-gap: 0.375rem;
  }
  :is(.\*\*\:data-\[header-icon\]\:rotate-\[10deg\] *)[data-header-icon] {
    rotate: 10deg;
  }
  .data-\[state\=active\]\:border-b-2[data-state="active"] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .data-\[state\=active\]\:border-token-link-hover[data-state="active"] {
    border-color: var(--link-hover);
  }
  .data-\[state\=active\]\:border-token-text-primary[data-state="active"] {
    border-color: var(--text-primary);
  }
  .data-\[state\=active\]\:border-token-text-secondary[data-state="active"] {
    border-color: var(--text-secondary);
  }
  .data-\[state\=active\]\:bg-black\/4[data-state="active"] {
    background-color: #0000000a;
    background-color: lab(0% 0 0/0.04);
  }
  .data-\[state\=active\]\:bg-token-bg-primary[data-state="active"] {
    background-color: var(--bg-primary);
  }
  .data-\[state\=active\]\:bg-token-bg-tertiary[data-state="active"] {
    background-color: var(--bg-tertiary);
  }
  .data-\[state\=active\]\:bg-token-interactive-bg-secondary-press[data-state="active"] {
    background-color: var(--interactive-bg-secondary-press);
  }
  .data-\[state\=active\]\:text-token-interactive-label-secondary-default[data-state="active"] {
    color: var(--interactive-label-secondary-default);
  }
  .data-\[state\=active\]\:text-token-link[data-state="active"] {
    color: var(--link);
  }
  .data-\[state\=active\]\:text-token-text-primary[data-state="active"] {
    color: var(--text-primary);
  }
  .data-\[state\=checked\]\:border[data-state="checked"] {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .data-\[state\=checked\]\:border-2[data-state="checked"] {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .data-\[state\=checked\]\:border-black[data-state="checked"] {
    border-color: #000;
  }
  .data-\[state\=checked\]\:border-token-border-default[data-state="checked"] {
    border-color: var(--border-default);
  }
  .data-\[state\=checked\]\:bg-black[data-state="checked"] {
    background-color: #000;
  }
  .data-\[state\=checked\]\:bg-token-bg-primary[data-state="checked"] {
    background-color: var(--bg-primary);
  }
  .data-\[state\=checked\]\:bg-token-bg-secondary[data-state="checked"] {
    background-color: var(--bg-secondary);
  }
  .data-\[state\=checked\]\:text-token-interactive-label-secondary-default[data-state="checked"] {
    color: var(--interactive-label-secondary-default);
  }
  .data-\[state\=checked\]\:shadow-\[0_4px_16px_0_rgba\(0\,0\,0\,0\.05\)\][data-state="checked"] {
    --tw-shadow: 0 4px 16px 0 var(--tw-shadow-color, #0000000d);
    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\=inactive\]\:hidden[data-state="inactive"] {
    display: none;
  }
  .data-\[state\=inactive\]\:cursor-pointer[data-state="inactive"] {
    cursor: pointer;
  }
  .data-\[state\=inactive\]\:text-token-text-tertiary[data-state="inactive"] {
    color: var(--text-tertiary);
  }
  @media (hover: hover) {
    .data-\[state\=inactive\]\:hover\:bg-token-bg-tertiary[data-state="inactive"]:hover {
      background-color: var(--bg-tertiary);
    }
    .data-\[state\=inactive\]\:hover\:bg-token-interactive-bg-secondary-hover\/60[data-state="inactive"]:hover {
      background-color: var(--interactive-bg-secondary-hover);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .data-\[state\=inactive\]\:hover\:bg-token-interactive-bg-secondary-hover\/60[data-state="inactive"]:hover {
        background-color: color-mix(
          in oklab,
          var(--interactive-bg-secondary-hover) 60%,
          transparent
        );
      }
    }
    .data-\[state\=inactive\]\:hover\:text-token-text-tertiary[data-state="inactive"]:hover {
      color: var(--text-tertiary);
    }
  }
  .data-\[state\=open\]\:bg-black\/\[0\.024\][data-state="open"] {
    background-color: #00000006;
    background-color: lab(0% 0 0/0.024);
  }
  .data-\[state\=open\]\:bg-token-bg-tertiary[data-state="open"] {
    background-color: var(--bg-tertiary);
  }
  .data-\[state\=open\]\:bg-token-interactive-bg-secondary-selected[data-state="open"] {
    background-color: var(--interactive-bg-secondary-selected);
  }
  .data-\[state\=open\]\:bg-token-interactive-bg-secondary-selected\![data-state="open"] {
    background-color: var(--interactive-bg-secondary-selected) !important;
  }
  .data-\[state\=open\]\:bg-transparent[data-state="open"] {
    background-color: #0000;
  }
  .data-\[state\=unchecked\]\:m-\[1px\][data-state="unchecked"] {
    margin: 1px;
  }
  .data-\[state\=unchecked\]\:border[data-state="unchecked"] {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .data-\[unbound-width\]\:min-w-\[unset\][data-unbound-width] {
    min-width: unset;
  }
  .nth-1\:bg-\[\#FFF493\]:first-child {
    background-color: #fff493;
  }
  .nth-2\:mb-4:nth-child(2) {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .nth-2\:bg-\[\#EBEBEB\]:nth-child(2) {
    background-color: #ebebeb;
  }
  .nth-3\:bg-\[\#94E6FF\]:nth-child(3) {
    background-color: #94e6ff;
  }
  .nth-4\:bg-\[\#C8F7AB\]:nth-child(4) {
    background-color: #c8f7ab;
  }
  .nth-5\:bg-\[\#B4A6FE\]:nth-child(5) {
    background-color: #b4a6fe;
  }
  .nth-last-\[2\]\:mt-4:nth-last-child(2) {
    margin-top: calc(var(--spacing) * 4);
  }
  @supports (
    (-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))
  ) {
    .supports-\[backdrop-filter\]\:bg-black\/70 {
      background-color: #000000b3;
      background-color: lab(0% 0 0/0.7);
    }
    .supports-\[backdrop-filter\]\:bg-token-bg-elevated-primary\/92 {
      background-color: var(--bg-elevated-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .supports-\[backdrop-filter\]\:bg-token-bg-elevated-primary\/92 {
        background-color: color-mix(
          in oklab,
          var(--bg-elevated-primary) 92%,
          transparent
        );
      }
    }
    .supports-\[backdrop-filter\]\:bg-token-bg-primary\/80 {
      background-color: var(--bg-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .supports-\[backdrop-filter\]\:bg-token-bg-primary\/80 {
        background-color: color-mix(
          in oklab,
          var(--bg-primary) 80%,
          transparent
        );
      }
    }
    .supports-\[backdrop-filter\]\:bg-white\/80 {
      background-color: #fffc;
      background-color: lab(100% -0.0000298023 0.0000119209/.8);
    }
    .supports-\[backdrop-filter\]\:backdrop-blur-md {
      --tw-backdrop-blur: blur(var(--blur-md));
      -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,);
    }
  }
  @supports (content-visibility: auto) {
    .supports-\[content-visibility\:auto\]\:\[contain-intrinsic-size\:auto_100lvh\] {
      contain-intrinsic-size: auto 100lvh;
    }
  }
  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:origin-bottom {
      transform-origin: bottom;
    }
    .motion-safe\:scale-\[0\.98\] {
      scale: 0.98;
    }
    .motion-safe\:animate-\[mkt-slide-anim_linear_infinite\] {
      animation: linear infinite mkt-slide-anim;
    }
    .motion-safe\:animate-pulse {
      animation: var(--animate-pulse);
    }
    .motion-safe\:animate-slideDownAndFade {
      animation: 0.2s cubic-bezier(0.16, 1, 0.3, 1) slideDownAndFade;
    }
    .motion-safe\:animate-spin {
      animation: var(--animate-spin);
    }
    .motion-safe\:opacity-0 {
      opacity: 0;
    }
    .motion-safe\:transition {
      transition-property:
        color,
        background-color,
        border-color,
        outline-color,
        text-decoration-color,
        fill,
        stroke,
        --tw-gradient-from,
        --tw-gradient-via,
        --tw-gradient-to,
        opacity,
        box-shadow,
        transform,
        translate,
        scale,
        rotate,
        filter,
        -webkit-backdrop-filter,
        backdrop-filter,
        display,
        content-visibility,
        overlay,
        pointer-events;
      transition-timing-function: var(
        --tw-ease,
        var(--default-transition-timing-function)
      );
      transition-duration: var(
        --tw-duration,
        var(--default-transition-duration)
      );
    }
    .motion-safe\:transition-\[filter\,background-color\] {
      transition-property: filter, background-color;
      transition-timing-function: var(
        --tw-ease,
        var(--default-transition-timing-function)
      );
      transition-duration: var(
        --tw-duration,
        var(--default-transition-duration)
      );
    }
    .motion-safe\:transition-\[grid-template-rows\] {
      transition-property: grid-template-rows;
      transition-timing-function: var(
        --tw-ease,
        var(--default-transition-timing-function)
      );
      transition-duration: var(
        --tw-duration,
        var(--default-transition-duration)
      );
    }
    .motion-safe\:transition-\[height\] {
      transition-property: height;
      transition-timing-function: var(
        --tw-ease,
        var(--default-transition-timing-function)
      );
      transition-duration: var(
        --tw-duration,
        var(--default-transition-duration)
      );
    }
    .motion-safe\:transition-\[mask-position\] {
      transition-property: -webkit-mask-position, mask-position;
      transition-timing-function: var(
        --tw-ease,
        var(--default-transition-timing-function)
      );
      transition-duration: var(
        --tw-duration,
        var(--default-transition-duration)
      );
    }
    .motion-safe\:transition-\[max-height\,opacity\] {
      transition-property: max-height, opacity;
      transition-timing-function: var(
        --tw-ease,
        var(--default-transition-timing-function)
      );
      transition-duration: var(
        --tw-duration,
        var(--default-transition-duration)
      );
    }
    .motion-safe\:transition-\[max-height\] {
      transition-property: max-height;
      transition-timing-function: var(
        --tw-ease,
        var(--default-transition-timing-function)
      );
      transition-duration: var(
        --tw-duration,
        var(--default-transition-duration)
      );
    }
    .motion-safe\:transition-\[opacity\,transform\,scale\] {
      transition-property: opacity, transform, scale;
      transition-timing-function: var(
        --tw-ease,
        var(--default-transition-timing-function)
      );
      transition-duration: var(
        --tw-duration,
        var(--default-transition-duration)
      );
    }
    .motion-safe\:transition-\[opacity\,transform\] {
      transition-property: opacity, transform;
      transition-timing-function: var(
        --tw-ease,
        var(--default-transition-timing-function)
      );
      transition-duration: var(
        --tw-duration,
        var(--default-transition-duration)
      );
    }
    .motion-safe\:transition-\[scale\,filter\] {
      transition-property: scale, filter;
      transition-timing-function: var(
        --tw-ease,
        var(--default-transition-timing-function)
      );
      transition-duration: var(
        --tw-duration,
        var(--default-transition-duration)
      );
    }
    .motion-safe\:transition-\[shadow\,opacity\] {
      transition-property: shadow, opacity;
      transition-timing-function: var(
        --tw-ease,
        var(--default-transition-timing-function)
      );
      transition-duration: var(
        --tw-duration,
        var(--default-transition-duration)
      );
    }
    .motion-safe\:transition-\[width\] {
      transition-property: width;
      transition-timing-function: var(
        --tw-ease,
        var(--default-transition-timing-function)
      );
      transition-duration: var(
        --tw-duration,
        var(--default-transition-duration)
      );
    }
    .motion-safe\: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)
      );
    }
    .motion-safe\: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)
      );
    }
    .motion-safe\:transition-opacity {
      transition-property: opacity;
      transition-timing-function: var(
        --tw-ease,
        var(--default-transition-timing-function)
      );
      transition-duration: var(
        --tw-duration,
        var(--default-transition-duration)
      );
    }
    .motion-safe\:transition-transform {
      transition-property: transform, translate, scale, rotate;
      transition-timing-function: var(
        --tw-ease,
        var(--default-transition-timing-function)
      );
      transition-duration: var(
        --tw-duration,
        var(--default-transition-duration)
      );
    }
    .motion-safe\:transition-none {
      transition-property: none;
    }
    .motion-safe\:delay-0 {
      transition-delay: 0s;
    }
    .motion-safe\:delay-100 {
      transition-delay: 0.1s;
    }
    .motion-safe\:delay-300 {
      transition-delay: 0.3s;
    }
    .motion-safe\:delay-\[175ms\] {
      transition-delay: 0.175s;
    }
    .motion-safe\:duration-100 {
      --tw-duration: 0.1s;
      transition-duration: 0.1s;
    }
    .motion-safe\:duration-120 {
      --tw-duration: 0.12s;
      transition-duration: 0.12s;
    }
    .motion-safe\:duration-150 {
      --tw-duration: 0.15s;
      transition-duration: 0.15s;
    }
    .motion-safe\:duration-200 {
      --tw-duration: 0.2s;
      transition-duration: 0.2s;
    }
    .motion-safe\:duration-300 {
      --tw-duration: 0.3s;
      transition-duration: 0.3s;
    }
    .motion-safe\:duration-500 {
      --tw-duration: 0.5s;
      transition-duration: 0.5s;
    }
    .motion-safe\:ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\] {
      --tw-ease: cubic-bezier(0.22, 1, 0.36, 1);
      transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    }
    .motion-safe\:ease-\[steps\(1\,end\)\] {
      --tw-ease: steps(1, end);
      transition-timing-function: step-end;
    }
    .motion-safe\:ease-\[steps\(1\,start\)\] {
      --tw-ease: steps(1, start);
      transition-timing-function: step-start;
    }
    .motion-safe\:ease-\[var\(--spring-fast\)\] {
      --tw-ease: var(--spring-fast);
      transition-timing-function: var(--spring-fast);
    }
    .motion-safe\:ease-in-out {
      --tw-ease: var(--ease-in-out);
      transition-timing-function: var(--ease-in-out);
    }
    .motion-safe\:ease-linear {
      --tw-ease: linear;
      transition-timing-function: linear;
    }
    .motion-safe\:ease-out {
      --tw-ease: var(--ease-out);
      transition-timing-function: var(--ease-out);
    }
    .motion-safe\:\[animation-play-state\:running\] {
      animation-play-state: running;
    }
    .motion-safe\:\[transition\:height_0\.3s_var\(--easing-common\)\] {
      transition: height 0.3s var(--easing-common);
    }
    .motion-safe\:\[view-transition-name\:business-list-container\] {
      view-transition-name: business-list-container;
    }
    .motion-safe\:\[view-transition-name\:map-with-entities\] {
      view-transition-name: map-with-entities;
    }
    :is(.\*\:motion-safe\:transition-opacity > *) {
      transition-property: opacity;
      transition-timing-function: var(
        --tw-ease,
        var(--default-transition-timing-function)
      );
      transition-duration: var(
        --tw-duration,
        var(--default-transition-duration)
      );
    }
    :is(.\*\:motion-safe\:duration-120 > *) {
      --tw-duration: 0.12s;
      transition-duration: 0.12s;
    }
    :is(.\*\:motion-safe\:ease-out > *) {
      --tw-ease: var(--ease-out);
      transition-timing-function: var(--ease-out);
    }
    .motion-safe\:group-focus-within\:shadow-elevation-01:is(
      :where(.group):focus-within *
    ) {
      --tw-shadow: 0px 4px 16px 0px var(--tw-shadow-color, #0000000d);
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .motion-safe\:group-focus-within\:shadow-elevation-03:is(
      :where(.group):focus-within *
    ) {
      --tw-shadow:
        0px 20px 25px -5px var(--tw-shadow-color, #0000001a),
        0px 8px 10px -6px var(--tw-shadow-color, #0000001a);
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    @media (hover: hover) {
      .motion-safe\:group-hover\:shadow-elevation-01:is(
        :where(.group):hover *
      ) {
        --tw-shadow: 0px 4px 16px 0px var(--tw-shadow-color, #0000000d);
        box-shadow:
          var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
          var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
      .motion-safe\:group-hover\:shadow-elevation-03:is(
        :where(.group):hover *
      ) {
        --tw-shadow:
          0px 20px 25px -5px var(--tw-shadow-color, #0000001a),
          0px 8px 10px -6px var(--tw-shadow-color, #0000001a);
        box-shadow:
          var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
          var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  @media (hover: hover) {
    @media (prefers-reduced-motion: no-preference) {
      .group-hover\/app-icon\:motion-safe\:scale-\[0\.91\]:is(
          :where(.group\/app-icon):hover *
        ) {
        scale: 0.91;
      }
      .group-hover\/app-icon\:motion-safe\:scale-\[1\.025\]:is(
          :where(.group\/app-icon):hover *
        ) {
        scale: 1.025;
      }
      .group-hover\/app-icon\:motion-safe\:shadow-\[0px_4px_12px_rgba\(0\,0\,0\,0\.08\)\]:is(
          :where(.group\/app-icon):hover *
        ) {
        --tw-shadow: 0px 4px 12px var(--tw-shadow-color, #00000014);
        box-shadow:
          var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
          var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
      .group-hover\/app-icon\:motion-safe\:\[--shadow-color\:rgba\(0\,0\,0\,0\.1\)\]:is(
          :where(.group\/app-icon):hover *
        ) {
        --shadow-color: #0000001a;
      }
    }
  }
  @media (prefers-reduced-motion: no-preference) {
    @media (hover: hover) {
      .motion-safe\:group-hover\/button\:brightness-110:is(
        :where(.group\/button):hover *
      ) {
        --tw-brightness: brightness(110%);
        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,);
      }
      .motion-safe\:group-hover\/button\:brightness-120:is(
        :where(.group\/button):hover *
      ) {
        --tw-brightness: brightness(120%);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
          var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
          var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
      }
      @media (prefers-reduced-motion: no-preference) {
        .motion-safe\:group-hover\/button\:motion-safe\:will-change-\[scale\,filter\]:is(
          :where(.group\/button):hover *
        ) {
          will-change: scale, filter;
        }
      }
    }
    .motion-safe\:group-active\/button\:scale-98:is(
      :where(.group\/button):active *
    ) {
      --tw-scale-x: 98%;
      --tw-scale-y: 98%;
      --tw-scale-z: 98%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    @media (prefers-reduced-motion: no-preference) {
      .motion-safe\:group-active\/button\:motion-safe\:will-change-\[scale\,filter\]:is(
        :where(.group\/button):active *
      ) {
        will-change: scale, filter;
      }
    }
    .motion-safe\:before\:transition-opacity:before {
      content: var(--tw-content);
      transition-property: opacity;
      transition-timing-function: var(
        --tw-ease,
        var(--default-transition-timing-function)
      );
      transition-duration: var(
        --tw-duration,
        var(--default-transition-duration)
      );
    }
    .motion-safe\:before\:duration-300:before {
      content: var(--tw-content);
      --tw-duration: 0.3s;
      transition-duration: 0.3s;
    }
    .motion-safe\:before\:ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\]:before {
      content: var(--tw-content);
      --tw-ease: cubic-bezier(0.22, 1, 0.36, 1);
      transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    }
    .motion-safe\:group-focus-within\:before\:opacity-35:is(
        :where(.group):focus-within *
      ):before {
      content: var(--tw-content);
      opacity: 0.35;
    }
    @media (hover: hover) {
      .motion-safe\:group-hover\:before\:opacity-35:is(
          :where(.group):hover *
        ):before {
        content: var(--tw-content);
        opacity: 0.35;
      }
      .motion-safe\:hover\:brightness-120:hover {
        --tw-brightness: brightness(120%);
        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,);
      }
    }
    .motion-safe\:active\:scale-98:active {
      --tw-scale-x: 98%;
      --tw-scale-y: 98%;
      --tw-scale-z: 98%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:animate-none {
      animation: none;
    }
    .motion-reduce\:transition-\[background-color\,box-shadow\] {
      transition-property: background-color, box-shadow;
      transition-timing-function: var(
        --tw-ease,
        var(--default-transition-timing-function)
      );
      transition-duration: var(
        --tw-duration,
        var(--default-transition-duration)
      );
    }
    .motion-reduce\:transition-none {
      transition-property: none;
    }
    .motion-reduce\:transition-none\! {
      transition-property: none !important;
    }
    .motion-reduce\:duration-0 {
      --tw-duration: 0s;
      transition-duration: 0s;
    }
  }
  @media not all and (min-width: 839px) {
    .max-\[839px\]\:hidden {
      display: none;
    }
  }
  @media not all and (min-width: 480px) {
    .max-xs\:hidden {
      display: none;
    }
    .max-xs\:inline {
      display: inline;
    }
    .max-xs\:max-h-\[260px\] {
      max-height: 260px;
    }
  }
  @media not all and (min-width: 400px) {
    .max-\[400px\]\:h-auto {
      height: auto;
    }
  }
  @media not all and (min-width: 64rem) {
    .max-lg\:start-1\/2 {
      inset-inline-start: 50%;
    }
    .max-lg\:end-auto {
      inset-inline-end: auto;
    }
    .max-lg\:w-0\! {
      width: calc(var(--spacing) * 0) !important;
    }
    .max-lg\:w-\[min\(280px\,calc\(100vw-24px\)\)\] {
      width: min(280px, 100vw - 24px);
    }
    .max-lg\:-translate-x-1\/2 {
      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .max-lg\:mask-b-from-black {
      -webkit-mask-image:
        var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
      -webkit-mask-image:
        var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
      -webkit-mask-image:
        var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
      -webkit-mask-image:
        var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
      mask-image:
        var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
      --tw-mask-linear:
        var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom),
        var(--tw-mask-top);
      --tw-mask-bottom: linear-gradient(
        to bottom,
        var(--tw-mask-bottom-from-color) var(--tw-mask-bottom-from-position),
        var(--tw-mask-bottom-to-color) var(--tw-mask-bottom-to-position)
      );
      --tw-mask-bottom-from-color: #000;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      mask-composite: intersect;
    }
  }
  @media not all and (min-width: 48rem) {
    .max-md\:pointer-events-auto {
      pointer-events: auto;
    }
    .max-md\:sr-only {
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      position: absolute;
      overflow: hidden;
    }
    .max-md\:absolute {
      position: absolute;
    }
    .max-md\:fixed {
      position: fixed;
    }
    .max-md\:relative {
      position: relative;
    }
    .max-md\:inset-0 {
      inset: calc(var(--spacing) * 0);
    }
    .max-md\:start-0 {
      inset-inline-start: calc(var(--spacing) * 0);
    }
    .max-md\:end-0 {
      inset-inline-end: calc(var(--spacing) * 0);
    }
    .max-md\:top-\(--header-height\) {
      top: var(--header-height);
    }
    .max-md\:top-0 {
      top: calc(var(--spacing) * 0);
    }
    .max-md\:top-13 {
      top: calc(var(--spacing) * 13);
    }
    .max-md\:z-20 {
      z-index: 20;
    }
    .max-md\:z-50 {
      z-index: 50;
    }
    .max-md\:mx-0 {
      margin-inline: calc(var(--spacing) * 0);
    }
    .max-md\:mx-auto {
      margin-inline: auto;
    }
    .max-md\:-ms-14 {
      margin-inline-start: calc(var(--spacing) * -14);
    }
    .max-md\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }
    .max-md\:mt-4 {
      margin-top: calc(var(--spacing) * 4);
    }
    .max-md\:contents {
      display: contents;
    }
    .max-md\:flex {
      display: flex;
    }
    .max-md\:hidden {
      display: none;
    }
    .max-md\:h-6 {
      height: calc(var(--spacing) * 6);
    }
    .max-md\:h-\[28px\] {
      height: 28px;
    }
    .max-md\:h-\[98dvh\] {
      height: 98dvh;
    }
    .max-md\:h-\[136px\] {
      height: 136px;
    }
    .max-md\:h-full {
      height: 100%;
    }
    .max-md\:max-h-\[calc\(100vh-150px\)\] {
      max-height: calc(100vh - 150px);
    }
    .max-md\:min-h-\[60vh\] {
      min-height: 60vh;
    }
    .max-md\:w-24 {
      width: calc(var(--spacing) * 24);
    }
    .max-md\:w-\[28px\] {
      width: 28px;
    }
    .max-md\:w-\[100dvw\] {
      width: 100dvw;
    }
    .max-md\:w-full {
      width: 100%;
    }
    .max-md\:w-full\! {
      width: 100% !important;
    }
    .max-md\:max-w-\[100dvw\] {
      max-width: 100dvw;
    }
    .max-md\:max-w-\[calc\(100\%-2\*1\.5rem\)\] {
      max-width: calc(100% - 3rem);
    }
    .max-md\:flex-1 {
      flex: 1;
    }
    .max-md\:-translate-x-1 {
      --tw-translate-x: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .max-md\:snap-always {
      scroll-snap-stop: always;
    }
    .max-md\:scroll-px-4 {
      scroll-padding-inline: calc(var(--spacing) * 4);
    }
    .max-md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .max-md\:grid-rows-\[1fr_0\] {
      grid-template-rows: 1fr 0;
    }
    .max-md\:flex-col {
      flex-direction: column;
    }
    .max-md\:flex-wrap {
      flex-wrap: wrap;
    }
    .max-md\:\[align-items\:unset\] {
      align-items: unset;
    }
    .max-md\:items-center {
      align-items: center;
    }
    .max-md\:justify-between {
      justify-content: space-between;
    }
    .max-md\:justify-center {
      justify-content: center;
    }
    .max-md\:gap-0 {
      gap: calc(var(--spacing) * 0);
    }
    .max-md\:gap-0\.5 {
      gap: calc(var(--spacing) * 0.5);
    }
    .max-md\:gap-1 {
      gap: calc(var(--spacing) * 1);
    }
    .max-md\:gap-1\.5 {
      gap: calc(var(--spacing) * 1.5);
    }
    .max-md\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }
    .max-md\:overflow-clip {
      overflow: clip;
    }
    .max-md\:overflow-x-auto {
      overflow-x: auto;
    }
    .max-md\:overflow-y-auto {
      overflow-y: auto;
    }
    .max-md\:rounded-xl {
      border-radius: var(--radius-xl);
    }
    .max-md\:border-b {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
    .max-md\:bg-gray-solid-1000\/10 {
      background-color: #0d0d0d1a;
      background-color: lab(3.63549% -0.00000745058 0.00000298023/.1);
    }
    .max-md\:bg-token-bg-primary {
      background-color: var(--bg-primary);
    }
    .max-md\:p-0 {
      padding: calc(var(--spacing) * 0);
    }
    .max-md\:px-\(--images-app-padding\) {
      padding-inline: var(--images-app-padding);
    }
    .max-md\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }
    .max-md\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }
    .max-md\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }
    .max-md\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
    .max-md\:py-0 {
      padding-block: calc(var(--spacing) * 0);
    }
    .max-md\:py-1\.5 {
      padding-block: calc(var(--spacing) * 1.5);
    }
    .max-md\:py-8 {
      padding-block: calc(var(--spacing) * 8);
    }
    .max-md\:ps-2 {
      padding-inline-start: calc(var(--spacing) * 2);
    }
    .max-md\:pt-0 {
      padding-top: calc(var(--spacing) * 0);
    }
    .max-md\:pt-2 {
      padding-top: calc(var(--spacing) * 2);
    }
    .max-md\:pt-4 {
      padding-top: calc(var(--spacing) * 4);
    }
    .max-md\:pt-5 {
      padding-top: calc(var(--spacing) * 5);
    }
    .max-md\:pt-17 {
      padding-top: calc(var(--spacing) * 17);
    }
    .max-md\:pb-0 {
      padding-bottom: calc(var(--spacing) * 0);
    }
    .max-md\:pb-1 {
      padding-bottom: calc(var(--spacing) * 1);
    }
    .max-md\:pb-5 {
      padding-bottom: calc(var(--spacing) * 5);
    }
    .max-md\:pb-6 {
      padding-bottom: calc(var(--spacing) * 6);
    }
    .max-md\:pb-8 {
      padding-bottom: calc(var(--spacing) * 8);
    }
    .max-md\:text-center {
      text-align: center;
    }
    .max-md\:text-footnote-regular {
      font-size: var(--text-footnote-regular);
      line-height: var(--tw-leading, var(--text-footnote-regular--line-height));
      letter-spacing: var(
        --tw-tracking,
        var(--text-footnote-regular--letter-spacing)
      );
      font-weight: var(
        --tw-font-weight,
        var(--text-footnote-regular--font-weight)
      );
    }
    .max-md\:text-heading-3 {
      font-size: var(--text-heading-3);
      line-height: var(--tw-leading, var(--text-heading-3--line-height));
      letter-spacing: var(--tw-tracking, var(--text-heading-3--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-heading-3--font-weight));
    }
    .max-md\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    .max-md\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    .max-md\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    .max-md\:text-\[18px\] {
      font-size: 18px;
    }
    .max-md\:text-\[22px\] {
      font-size: 22px;
    }
    .max-md\:text-\[24px\] {
      font-size: 24px;
    }
    .max-md\:leading-7 {
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
    }
    .max-md\:leading-\[22px\] {
      --tw-leading: 22px;
      line-height: 22px;
    }
    .max-md\:font-medium {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
    .max-md\:font-normal {
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }
    .max-md\:tracking-\[-0\.43px\] {
      --tw-tracking: -0.43px;
      letter-spacing: -0.43px;
    }
    .max-md\:opacity-100 {
      opacity: 1;
    }
    .max-md\:sharp-edge-top-shadow {
      box-shadow: var(--sharp-edge-top-shadow-placeholder);
    }
    .max-md\:sharp-edge-top-shadow[data-scrolled-from-start] {
      box-shadow: var(--sharp-edge-top-shadow);
    }
    .max-md\:\[--composer-container-flex\:0\] {
      --composer-container-flex: 0;
    }
    .max-md\:\[--composer-container-height\:auto\] {
      --composer-container-height: auto;
    }
  }
  @media not all and (min-width: 40rem) {
    .max-sm\:-mx-\(--thread-content-margin\) {
      margin-inline: calc(var(--thread-content-margin) * -1);
    }
    .max-sm\:ms-0\.75 {
      margin-inline-start: calc(var(--spacing) * 0.75);
    }
    .max-sm\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }
    .max-sm\:mt-1 {
      margin-top: calc(var(--spacing) * 1);
    }
    .max-sm\:mt-6 {
      margin-top: calc(var(--spacing) * 6);
    }
    .max-sm\:hidden {
      display: none;
    }
    .max-sm\:h-6 {
      height: calc(var(--spacing) * 6);
    }
    .max-sm\:h-12 {
      height: calc(var(--spacing) * 12);
    }
    .max-sm\:h-\[80dvh\] {
      height: 80dvh;
    }
    .max-sm\:h-full {
      height: 100%;
    }
    .max-sm\:max-h-\[300px\] {
      max-height: 300px;
    }
    .max-sm\:w-6 {
      width: calc(var(--spacing) * 6);
    }
    .max-sm\:w-12 {
      width: calc(var(--spacing) * 12);
    }
    .max-sm\:w-\[100cqw\] {
      width: 100cqw;
    }
    .max-sm\:w-\[164px\] {
      width: 164px;
    }
    .max-sm\:w-full {
      width: 100%;
    }
    .max-sm\:w-screen {
      width: 100vw;
    }
    .max-sm\:max-w-none {
      max-width: none;
    }
    .max-sm\:flex-1 {
      flex: 1;
    }
    .max-sm\:flex-none {
      flex: none;
    }
    .max-sm\:grow {
      flex-grow: 1;
    }
    .max-sm\:\!grid-cols-\[0px_1fr_0px\] {
      grid-template-columns: 0 1fr 0 !important;
    }
    .max-sm\:\!grid-rows-\[minmax\(0\,1fr\)_auto_0px\] {
      grid-template-rows: minmax(0, 1fr) auto 0 !important;
    }
    .max-sm\:grid-rows-\[min-content_min-content_1fr_min-content\] {
      grid-template-rows: min-content min-content 1fr min-content;
    }
    .max-sm\:flex-col {
      flex-direction: column;
    }
    .max-sm\:justify-center {
      justify-content: center;
    }
    .max-sm\:justify-start {
      justify-content: flex-start;
    }
    .max-sm\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }
    .max-sm\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }
    :where(.max-sm\:space-x-6 > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(
        calc(var(--spacing) * 6) * var(--tw-space-x-reverse)
      );
      margin-inline-end: calc(
        calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse))
      );
    }
    .max-sm\:gap-y-2 {
      row-gap: calc(var(--spacing) * 2);
    }
    .max-sm\:gap-y-6 {
      row-gap: calc(var(--spacing) * 6);
    }
    .max-sm\:gap-y-8 {
      row-gap: calc(var(--spacing) * 8);
    }
    .max-sm\:overflow-hidden {
      overflow: hidden;
    }
    .max-sm\:overflow-visible {
      overflow: visible;
    }
    .max-sm\:overflow-y-auto {
      overflow-y: auto;
    }
    .max-sm\:rounded-none {
      border-radius: 0;
    }
    .max-sm\:rounded-t-\[32px\] {
      border-top-left-radius: 32px;
      border-top-right-radius: 32px;
    }
    .max-sm\:rounded-b-none {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
    }
    .max-sm\:bg-token-interactive-bg-secondary-hover {
      background-color: var(--interactive-bg-secondary-hover);
    }
    .max-sm\:bg-token-interactive-bg-secondary-selected {
      background-color: var(--interactive-bg-secondary-selected);
    }
    .max-sm\:p-4 {
      padding: calc(var(--spacing) * 4);
    }
    .max-sm\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }
    .max-sm\:px-2 {
      padding-inline: calc(var(--spacing) * 2);
    }
    .max-sm\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }
    .max-sm\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }
    .max-sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
    .max-sm\:py-4 {
      padding-block: calc(var(--spacing) * 4);
    }
    .max-sm\:py-5 {
      padding-block: calc(var(--spacing) * 5);
    }
    .max-sm\:pt-4 {
      padding-top: calc(var(--spacing) * 4);
    }
    .max-sm\:pt-10 {
      padding-top: calc(var(--spacing) * 10);
    }
    .max-sm\:pb-3 {
      padding-bottom: calc(var(--spacing) * 3);
    }
    .max-sm\:pb-5 {
      padding-bottom: calc(var(--spacing) * 5);
    }
    .max-sm\:pb-25 {
      padding-bottom: calc(var(--spacing) * 25);
    }
    .max-sm\:pb-40 {
      padding-bottom: calc(var(--spacing) * 40);
    }
    .max-sm\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
    .max-sm\:shadow-md {
      --tw-shadow:
        0 4px 6px -1px var(--tw-shadow-color, #0000001a),
        0 2px 4px -2px var(--tw-shadow-color, #0000001a);
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .max-sm\:brightness-90 {
      --tw-brightness: brightness(90%);
      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,);
    }
    .max-sm\:\[--sheet-radius\:var\(--sheet-radius-amount\)_var\(--sheet-radius-amount\)_0_0\] {
      --sheet-radius: var(--sheet-radius-amount) var(--sheet-radius-amount) 0 0;
    }
  }
  @media (min-width: 420px) {
    .min-\[420px\]\:inline-block {
      display: inline-block;
    }
    .min-\[420px\]\:flex-row {
      flex-direction: row;
    }
    .min-\[420px\]\:flex-wrap {
      flex-wrap: wrap;
    }
    .min-\[420px\]\:items-center {
      align-items: center;
    }
    .min-\[420px\]\:justify-end {
      justify-content: flex-end;
    }
    .min-\[420px\]\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }
    .min-\[420px\]\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }
  }
  @media (min-width: 480px) {
    .xs\:ms-1\.5 {
      margin-inline-start: calc(var(--spacing) * 1.5);
    }
    .xs\:max-h-\[358px\] {
      max-height: 358px;
    }
    .xs\:max-h-\[708px\] {
      max-height: 708px;
    }
    .xs\:max-w-\[400px\] {
      max-width: 400px;
    }
    .xs\:max-w-full {
      max-width: 100%;
    }
    .xs\:max-w-sm\! {
      max-width: var(--container-sm) !important;
    }
    .xs\:basis-\[calc\(\(100\%-2rem\)\/3\)\] {
      flex-basis: calc(33.3333% - 0.666667rem);
    }
    .xs\:columns-2 {
      columns: 2;
    }
    .xs\:flex-col {
      flex-direction: column;
    }
  }
  @media (min-width: 1200px) {
    .min-\[1200px\]\:hidden {
      display: none;
    }
    .min-\[1200px\]\:max-w-\[600px\] {
      max-width: 600px;
    }
    .min-\[1200px\]\:flex-row {
      flex-direction: row;
    }
  }
  @media (min-width: 1800px) {
    .min-\[1800px\]\:flex-row {
      flex-direction: row;
    }
  }
  @media (min-width: 40rem) {
    .sm\:absolute {
      position: absolute;
    }
    .sm\:static {
      position: static;
    }
    .sm\:inset-x-4 {
      inset-inline: calc(var(--spacing) * 4);
    }
    .sm\:-start-\[0\%\] {
      inset-inline-start: -0%;
    }
    .sm\:-start-\[5\%\] {
      inset-inline-start: -5%;
    }
    .sm\:start-0 {
      inset-inline-start: calc(var(--spacing) * 0);
    }
    .sm\:start-1\/2 {
      inset-inline-start: 50%;
    }
    .sm\:start-6 {
      inset-inline-start: calc(var(--spacing) * 6);
    }
    .sm\:start-10 {
      inset-inline-start: calc(var(--spacing) * 10);
    }
    .sm\:start-\[0\%\] {
      inset-inline-start: 0%;
    }
    .sm\:start-\[15\%\] {
      inset-inline-start: 15%;
    }
    .sm\:end-0 {
      inset-inline-end: calc(var(--spacing) * 0);
    }
    .sm\:end-6 {
      inset-inline-end: calc(var(--spacing) * 6);
    }
    .sm\:end-10 {
      inset-inline-end: calc(var(--spacing) * 10);
    }
    .sm\:end-\[-5\%\] {
      inset-inline-end: -5%;
    }
    .sm\:end-\[5\%\] {
      inset-inline-end: 5%;
    }
    .sm\:end-\[15\%\] {
      inset-inline-end: 15%;
    }
    .sm\:-top-\[15\%\] {
      top: -15%;
    }
    .sm\:top-\(--header-height\) {
      top: var(--header-height);
    }
    .sm\:top-30 {
      top: calc(var(--spacing) * 30);
    }
    .sm\:top-\[-15\%\] {
      top: -15%;
    }
    .sm\:top-\[10\%\] {
      top: 10%;
    }
    .sm\:top-\[20\%\] {
      top: 20%;
    }
    .sm\:top-\[52\%\] {
      top: 52%;
    }
    .sm\:top-\[70\%\] {
      top: 70%;
    }
    .sm\:top-\[80\%\] {
      top: 80%;
    }
    .sm\:bottom-8 {
      bottom: calc(var(--spacing) * 8);
    }
    .sm\:order-1 {
      order: 1;
    }
    .sm\:order-2 {
      order: 2;
    }
    .sm\:col-span-2 {
      grid-column: span 2 / span 2;
    }
    .sm\:col-span-4 {
      grid-column: span 4 / span 4;
    }
    .sm\:col-span-6 {
      grid-column: span 6 / span 6;
    }
    .sm\:col-span-8 {
      grid-column: span 8 / span 8;
    }
    .sm\:col-span-10 {
      grid-column: span 10 / span 10;
    }
    .sm\:col-start-2 {
      grid-column-start: 2;
    }
    .sm\:col-start-3 {
      grid-column-start: 3;
    }
    .sm\:row-span-2 {
      grid-row: span 2 / span 2;
    }
    .sm\:row-start-1 {
      grid-row-start: 1;
    }
    .sm\:mx-\[-32px\] {
      margin-inline: -32px;
    }
    .sm\:mx-auto {
      margin-inline: auto;
    }
    .sm\:my-3 {
      margin-block: calc(var(--spacing) * 3);
    }
    .sm\:my-10 {
      margin-block: calc(var(--spacing) * 10);
    }
    .sm\:my-12 {
      margin-block: calc(var(--spacing) * 12);
    }
    .sm\:ms-0 {
      margin-inline-start: calc(var(--spacing) * 0);
    }
    .sm\:ms-4 {
      margin-inline-start: calc(var(--spacing) * 4);
    }
    .sm\:ms-5 {
      margin-inline-start: calc(var(--spacing) * 5);
    }
    .sm\:ms-6 {
      margin-inline-start: calc(var(--spacing) * 6);
    }
    .sm\:ms-8 {
      margin-inline-start: calc(var(--spacing) * 8);
    }
    .sm\:ms-auto {
      margin-inline-start: auto;
    }
    .sm\:-me-1 {
      margin-inline-end: calc(var(--spacing) * -1);
    }
    .sm\:me-8 {
      margin-inline-end: calc(var(--spacing) * 8);
    }
    .sm\:-mt-1\.5 {
      margin-top: calc(var(--spacing) * -1.5);
    }
    .sm\:-mt-14 {
      margin-top: calc(var(--spacing) * -14);
    }
    .sm\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }
    .sm\:mt-2 {
      margin-top: calc(var(--spacing) * 2);
    }
    .sm\:mt-3 {
      margin-top: calc(var(--spacing) * 3);
    }
    .sm\:mt-4 {
      margin-top: calc(var(--spacing) * 4);
    }
    .sm\:mt-5 {
      margin-top: calc(var(--spacing) * 5);
    }
    .sm\:mt-6 {
      margin-top: calc(var(--spacing) * 6);
    }
    .sm\:mt-8 {
      margin-top: calc(var(--spacing) * 8);
    }
    .sm\:mt-9 {
      margin-top: calc(var(--spacing) * 9);
    }
    .sm\:mt-10 {
      margin-top: calc(var(--spacing) * 10);
    }
    .sm\:mt-12 {
      margin-top: calc(var(--spacing) * 12);
    }
    .sm\:mt-16 {
      margin-top: calc(var(--spacing) * 16);
    }
    .sm\:mt-20 {
      margin-top: calc(var(--spacing) * 20);
    }
    .sm\:mt-32 {
      margin-top: calc(var(--spacing) * 32);
    }
    .sm\:mt-40 {
      margin-top: calc(var(--spacing) * 40);
    }
    .sm\:mt-\[min\(20svh\,150px\)\] {
      margin-top: min(20svh, 150px);
    }
    .sm\:mb-0 {
      margin-bottom: calc(var(--spacing) * 0);
    }
    .sm\:mb-2 {
      margin-bottom: calc(var(--spacing) * 2);
    }
    .sm\:mb-3 {
      margin-bottom: calc(var(--spacing) * 3);
    }
    .sm\:mb-4 {
      margin-bottom: calc(var(--spacing) * 4);
    }
    .sm\:mb-6 {
      margin-bottom: calc(var(--spacing) * 6);
    }
    .sm\:mb-12 {
      margin-bottom: calc(var(--spacing) * 12);
    }
    .sm\:line-clamp-2 {
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      overflow: hidden;
    }
    .sm\:line-clamp-3 {
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      overflow: hidden;
    }
    .sm\:line-clamp-6 {
      -webkit-line-clamp: 6;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      overflow: hidden;
    }
    .sm\:line-clamp-none {
      -webkit-line-clamp: unset;
      -webkit-box-orient: horizontal;
      display: block;
      overflow: visible;
    }
    .sm\:block {
      display: block;
    }
    .sm\:contents {
      display: contents;
    }
    .sm\:flex {
      display: flex;
    }
    .sm\:grid {
      display: grid;
    }
    .sm\:hidden {
      display: none;
    }
    .sm\:inline {
      display: inline;
    }
    .sm\:inline-block {
      display: inline-block;
    }
    .sm\:aspect-auto {
      aspect-ratio: auto;
    }
    .sm\:size-5 {
      width: calc(var(--spacing) * 5);
      height: calc(var(--spacing) * 5);
    }
    .sm\:h-5 {
      height: calc(var(--spacing) * 5);
    }
    .sm\:h-6 {
      height: calc(var(--spacing) * 6);
    }
    .sm\:h-10 {
      height: calc(var(--spacing) * 10);
    }
    .sm\:h-16 {
      height: calc(var(--spacing) * 16);
    }
    .sm\:h-28 {
      height: calc(var(--spacing) * 28);
    }
    .sm\:h-30 {
      height: calc(var(--spacing) * 30);
    }
    .sm\:h-32 {
      height: calc(var(--spacing) * 32);
    }
    .sm\:h-52 {
      height: calc(var(--spacing) * 52);
    }
    .sm\:h-56 {
      height: calc(var(--spacing) * 56);
    }
    .sm\:h-\[4rem\] {
      height: 4rem;
    }
    .sm\:h-\[40px\] {
      height: 40px;
    }
    .sm\:h-\[57px\] {
      height: 57px;
    }
    .sm\:h-\[78px\] {
      height: 78px;
    }
    .sm\:h-\[165px\] {
      height: 165px;
    }
    .sm\:h-\[170px\] {
      height: 170px;
    }
    .sm\:h-\[172px\] {
      height: 172px;
    }
    .sm\:h-\[262px\] {
      height: 262px;
    }
    .sm\:h-\[440px\] {
      height: 440px;
    }
    .sm\:h-\[480px\] {
      height: 480px;
    }
    .sm\:h-\[500px\] {
      height: 500px;
    }
    .sm\:h-\[600px\]\! {
      height: 600px !important;
    }
    .sm\:h-\[660px\] {
      height: 660px;
    }
    .sm\:h-\[680px\] {
      height: 680px;
    }
    .sm\:h-\[700px\] {
      height: 700px;
    }
    .sm\:h-\[calc\(100svh-4rem\)\] {
      height: calc(100svh - 4rem);
    }
    .sm\:h-auto {
      height: auto;
    }
    .sm\:h-full {
      height: 100%;
    }
    .sm\:h-snc-input-height {
      height: var(--snc-input-height);
    }
    .sm\:max-h-80 {
      max-height: calc(var(--spacing) * 80);
    }
    .sm\:max-h-\[70vh\]\! {
      max-height: 70vh !important;
    }
    .sm\:max-h-\[80vh\] {
      max-height: 80vh;
    }
    .sm\:max-h-\[96vh\] {
      max-height: 96vh;
    }
    .sm\:max-h-\[408px\] {
      max-height: 408px;
    }
    .sm\:max-h-\[758px\] {
      max-height: 758px;
    }
    .sm\:max-h-none {
      max-height: none;
    }
    .sm\:btn-large {
      min-height: calc(var(--spacing) * 11);
      padding-inline: calc(var(--spacing) * 4);
    }
    .sm\:min-h-11 {
      min-height: calc(var(--spacing) * 11);
    }
    .sm\:min-h-\[21svh\]\! {
      min-height: 21svh !important;
    }
    .sm\:min-h-\[66px\] {
      min-height: 66px;
    }
    .sm\:min-h-\[112px\] {
      min-height: 112px;
    }
    .sm\:min-h-\[260px\] {
      min-height: 260px;
    }
    .sm\:min-h-\[280px\] {
      min-height: 280px;
    }
    .sm\:min-h-\[320px\] {
      min-height: 320px;
    }
    .sm\:min-h-\[386px\] {
      min-height: 386px;
    }
    .sm\:min-h-\[calc\(38svh-var\(--header-height\)\)\] {
      min-height: calc(38svh - var(--header-height));
    }
    .sm\:min-h-\[calc\(42svh-var\(--header-height\)\)\] {
      min-height: calc(42svh - var(--header-height));
    }
    .sm\:w-1\/3 {
      width: 33.3333%;
    }
    .sm\:w-1\/4 {
      width: 25%;
    }
    .sm\:w-1\/6 {
      width: 16.6667%;
    }
    .sm\:w-2\/3 {
      width: 66.6667%;
    }
    .sm\:w-5 {
      width: calc(var(--spacing) * 5);
    }
    .sm\:w-6 {
      width: calc(var(--spacing) * 6);
    }
    .sm\:w-10 {
      width: calc(var(--spacing) * 10);
    }
    .sm\:w-16 {
      width: calc(var(--spacing) * 16);
    }
    .sm\:w-28 {
      width: calc(var(--spacing) * 28);
    }
    .sm\:w-32 {
      width: calc(var(--spacing) * 32);
    }
    .sm\:w-56 {
      width: calc(var(--spacing) * 56);
    }
    .sm\:w-60 {
      width: calc(var(--spacing) * 60);
    }
    .sm\:w-80 {
      width: calc(var(--spacing) * 80);
    }
    .sm\:w-\[19rem\] {
      width: 19rem;
    }
    .sm\:w-\[20\%\] {
      width: 20%;
    }
    .sm\:w-\[22\%\] {
      width: 22%;
    }
    .sm\:w-\[30\%\] {
      width: 30%;
    }
    .sm\:w-\[36\%\] {
      width: 36%;
    }
    .sm\:w-\[40\%\] {
      width: 40%;
    }
    .sm\:w-\[78px\] {
      width: 78px;
    }
    .sm\:w-\[80\%\] {
      width: 80%;
    }
    .sm\:w-\[106px\] {
      width: 106px;
    }
    .sm\:w-\[116px\] {
      width: 116px;
    }
    .sm\:w-\[192px\] {
      width: 192px;
    }
    .sm\:w-\[240px\] {
      width: 240px;
    }
    .sm\:w-\[250px\] {
      width: 250px;
    }
    .sm\:w-\[262px\] {
      width: 262px;
    }
    .sm\:w-\[320px\] {
      width: 320px;
    }
    .sm\:w-\[420px\] {
      width: 420px;
    }
    .sm\:w-\[460px\] {
      width: 460px;
    }
    .sm\:w-\[486px\] {
      width: 486px;
    }
    .sm\:w-\[512px\] {
      width: 512px;
    }
    .sm\:w-\[515px\] {
      width: 515px;
    }
    .sm\:w-\[560px\] {
      width: 560px;
    }
    .sm\:w-\[600px\] {
      width: 600px;
    }
    .sm\:w-\[640px\] {
      width: 640px;
    }
    .sm\:w-\[700px\] {
      width: 700px;
    }
    .sm\:w-\[1000px\] {
      width: 1000px;
    }
    .sm\:w-\[calc\(\(100\%-0\.5rem\)\/3\)\] {
      width: calc(33.3333% - 0.166667rem);
    }
    .sm\:w-\[calc\(\(100\%-0\.5rem\)\/4\)\] {
      width: calc(25% - 0.125rem);
    }
    .sm\:w-\[calc\(100\%-2\*2rem\)\] {
      width: calc(100% - 4rem);
    }
    .sm\:w-\[calc\(100vw-2rem\)\] {
      width: calc(100vw - 2rem);
    }
    .sm\:w-\[calc\(800px-1\.25rem\)\] {
      width: calc(800px - 1.25rem);
    }
    .sm\:w-\[min\(720px\,calc\(100vw-32px\)\)\] {
      width: min(720px, 100vw - 32px);
    }
    .sm\:w-\[min\(1200px\,calc\(100vw-3rem\)\)\] {
      width: min(1200px, 100vw - 3rem);
    }
    .sm\:w-auto {
      width: auto;
    }
    .sm\:w-fit {
      width: fit-content;
    }
    .sm\:w-full {
      width: 100%;
    }
    .sm\:max-w-2xl {
      max-width: var(--container-2xl);
    }
    .sm\:max-w-100 {
      max-width: 25rem;
    }
    .sm\:max-w-\[28rem\] {
      max-width: 28rem;
    }
    .sm\:max-w-\[70\%\] {
      max-width: 70%;
    }
    .sm\:max-w-\[100\%\] {
      max-width: 100%;
    }
    .sm\:max-w-\[300px\] {
      max-width: 300px;
    }
    .sm\:max-w-\[320px\] {
      max-width: 320px;
    }
    .sm\:max-w-\[350px\] {
      max-width: 350px;
    }
    .sm\:max-w-\[380px\] {
      max-width: 380px;
    }
    .sm\:max-w-\[388px\] {
      max-width: 388px;
    }
    .sm\:max-w-\[400px\] {
      max-width: 400px;
    }
    .sm\:max-w-\[408px\] {
      max-width: 408px;
    }
    .sm\:max-w-\[416px\] {
      max-width: 416px;
    }
    .sm\:max-w-\[420px\] {
      max-width: 420px;
    }
    .sm\:max-w-\[480px\] {
      max-width: 480px;
    }
    .sm\:max-w-\[515px\] {
      max-width: 515px;
    }
    .sm\:max-w-\[552px\] {
      max-width: 552px;
    }
    .sm\:max-w-\[606px\] {
      max-width: 606px;
    }
    .sm\:max-w-\[700px\] {
      max-width: 700px;
    }
    .sm\:max-w-\[820px\] {
      max-width: 820px;
    }
    .sm\:max-w-\[840px\] {
      max-width: 840px;
    }
    .sm\:max-w-\[900px\] {
      max-width: 900px;
    }
    .sm\:max-w-\[996px\] {
      max-width: 996px;
    }
    .sm\:max-w-\[calc\(100vw-10rem\)\] {
      max-width: calc(100vw - 10rem);
    }
    .sm\:max-w-\[calc\(100vw-380px\)\] {
      max-width: calc(100vw - 380px);
    }
    .sm\:max-w-lg {
      max-width: var(--container-lg);
    }
    .sm\:max-w-md {
      max-width: var(--container-md);
    }
    .sm\:max-w-none {
      max-width: none;
    }
    .sm\:max-w-sm {
      max-width: var(--container-sm);
    }
    .sm\:max-w-xs {
      max-width: var(--container-xs);
    }
    .sm\:min-w-0 {
      min-width: calc(var(--spacing) * 0);
    }
    .sm\:min-w-28 {
      min-width: calc(var(--spacing) * 28);
    }
    .sm\:min-w-\[6rem\] {
      min-width: 6rem;
    }
    .sm\:min-w-\[24rem\] {
      min-width: 24rem;
    }
    .sm\:min-w-\[120px\] {
      min-width: 120px;
    }
    .sm\:min-w-\[150px\] {
      min-width: 150px;
    }
    .sm\:min-w-\[160px\] {
      min-width: 160px;
    }
    .sm\:min-w-\[200px\] {
      min-width: 200px;
    }
    .sm\:min-w-\[220px\] {
      min-width: 220px;
    }
    .sm\:min-w-\[360px\] {
      min-width: 360px;
    }
    .sm\:flex-1 {
      flex: 1;
    }
    .sm\:flex-initial {
      flex: 0 auto;
    }
    .sm\:flex-none {
      flex: none;
    }
    .sm\:shrink-0 {
      flex-shrink: 0;
    }
    .sm\:grow {
      flex-grow: 1;
    }
    .sm\:basis-0 {
      flex-basis: calc(var(--spacing) * 0);
    }
    .sm\:-translate-x-1\/2 {
      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .sm\:translate-x-4 {
      --tw-translate-x: calc(var(--spacing) * 4);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .sm\:translate-x-6 {
      --tw-translate-x: calc(var(--spacing) * 6);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .sm\:columns-3 {
      columns: 3;
    }
    .sm\:\[grid-template-columns\:subgrid\] {
      grid-template-columns: subgrid;
    }
    .sm\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .sm\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .sm\:grid-cols-\[1fr_1\.2fr\] {
      grid-template-columns: 1fr 1.2fr;
    }
    .sm\:grid-cols-\[7rem_9ch_auto_auto\] {
      grid-template-columns: 7rem 9ch auto auto;
    }
    .sm\:grid-cols-\[10px_1fr_10px\] {
      grid-template-columns: 10px 1fr 10px;
    }
    .sm\:grid-cols-\[19rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 19rem minmax(0, 1fr);
    }
    .sm\:grid-cols-\[96px_120px_auto\] {
      grid-template-columns: 96px 120px auto;
    }
    .sm\:grid-cols-\[96px_auto_auto\] {
      grid-template-columns: 96px auto auto;
    }
    .sm\:grid-cols-\[96px_auto_auto_auto\] {
      grid-template-columns: 96px auto auto auto;
    }
    .sm\:grid-cols-\[104px_minmax\(0\,1fr\)\] {
      grid-template-columns: 104px minmax(0, 1fr);
    }
    .sm\:grid-cols-\[140px_minmax\(0\,1fr\)\] {
      grid-template-columns: 140px minmax(0, 1fr);
    }
    .sm\:grid-cols-\[minmax\(0\,1fr\)_1px_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr);
    }
    .sm\:grid-cols-\[minmax\(0\,1fr\)_96px_auto\] {
      grid-template-columns: minmax(0, 1fr) 96px auto;
    }
    .sm\:grid-cols-\[minmax\(0\,1fr\)_100px_auto\] {
      grid-template-columns: minmax(0, 1fr) 100px auto;
    }
    .sm\:grid-cols-\[minmax\(0\,1fr\)_160px_104px_104px\] {
      grid-template-columns: minmax(0, 1fr) 160px 104px 104px;
    }
    .sm\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
      grid-template-columns: minmax(0, 1fr) auto;
    }
    .sm\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_96px\] {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 96px;
    }
    .sm\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,160px\)_minmax\(0\,88px\)_64px\] {
      grid-template-columns: minmax(0, 1fr) minmax(0, 160px) minmax(
          0,
          88px
        ) 64px;
    }
    .sm\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,160px\)_minmax\(0\,88px\)_104px\] {
      grid-template-columns: minmax(0, 1fr) minmax(0, 160px) minmax(
          0,
          88px
        ) 104px;
    }
    .sm\:grid-cols-\[minmax\(max-content\,1fr\)_auto_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(max-content, 1fr) auto minmax(0, 1fr);
    }
    .sm\:grid-cols-\[repeat\(auto-fit\,minmax\(240px\,1fr\)\)\] {
      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    }
    .sm\:grid-rows-\[minmax\(10px\,0\.8fr\)_auto_minmax\(20px\,1fr\)\] {
      grid-template-rows: minmax(10px, 0.8fr) auto minmax(20px, 1fr);
    }
    .sm\:flex-col {
      flex-direction: column;
    }
    .sm\:flex-row {
      flex-direction: row;
    }
    .sm\:flex-row-reverse {
      flex-direction: row-reverse;
    }
    .sm\:flex-nowrap {
      flex-wrap: nowrap;
    }
    .sm\:flex-wrap {
      flex-wrap: wrap;
    }
    .sm\:items-center {
      align-items: center;
    }
    .sm\:items-end {
      align-items: flex-end;
    }
    .sm\:items-start {
      align-items: flex-start;
    }
    .sm\:justify-between {
      justify-content: space-between;
    }
    .sm\:justify-center {
      justify-content: center;
    }
    .sm\:justify-end {
      justify-content: flex-end;
    }
    .sm\:justify-start {
      justify-content: flex-start;
    }
    .sm\:gap-0 {
      gap: calc(var(--spacing) * 0);
    }
    .sm\:gap-1 {
      gap: calc(var(--spacing) * 1);
    }
    .sm\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }
    .sm\:gap-2\.5 {
      gap: calc(var(--spacing) * 2.5);
    }
    .sm\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }
    .sm\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }
    .sm\:gap-5 {
      gap: calc(var(--spacing) * 5);
    }
    .sm\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }
    .sm\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }
    .sm\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }
    .sm\:gap-12 {
      gap: calc(var(--spacing) * 12);
    }
    .sm\:gap-16 {
      gap: calc(var(--spacing) * 16);
    }
    .sm\:gap-x-2 {
      column-gap: calc(var(--spacing) * 2);
    }
    .sm\:gap-x-2\.5 {
      column-gap: calc(var(--spacing) * 2.5);
    }
    .sm\:gap-x-3 {
      column-gap: calc(var(--spacing) * 3);
    }
    .sm\:gap-x-4 {
      column-gap: calc(var(--spacing) * 4);
    }
    .sm\:gap-x-8 {
      column-gap: calc(var(--spacing) * 8);
    }
    .sm\:gap-y-0 {
      row-gap: calc(var(--spacing) * 0);
    }
    .sm\:gap-y-2 {
      row-gap: calc(var(--spacing) * 2);
    }
    .sm\:gap-y-4 {
      row-gap: calc(var(--spacing) * 4);
    }
    .sm\:gap-y-5 {
      row-gap: calc(var(--spacing) * 5);
    }
    .sm\:gap-y-12 {
      row-gap: calc(var(--spacing) * 12);
    }
    :where(.sm\:divide-y > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
    :where(.sm\:divide-token-border-light > :not(:last-child)) {
      border-color: var(--border-light);
    }
    .sm\:self-auto {
      align-self: auto;
    }
    .sm\:self-center {
      align-self: center;
    }
    .sm\:self-start {
      align-self: flex-start;
    }
    .sm\:justify-self-center {
      justify-self: center;
    }
    .sm\:justify-self-end {
      justify-self: flex-end;
    }
    .sm\:truncate {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
    }
    .sm\:overflow-hidden {
      overflow: hidden;
    }
    .sm\:rounded-3xl {
      border-radius: var(--radius-3xl);
    }
    .sm\:rounded-\[20px\] {
      border-radius: 20px;
    }
    .sm\:rounded-\[24px\] {
      border-radius: 24px;
    }
    .sm\:rounded-\[28px\] {
      border-radius: 28px;
    }
    .sm\:rounded-\[30px\] {
      border-radius: 30px;
    }
    .sm\:rounded-\[100px\] {
      border-radius: 100px;
    }
    .sm\:rounded-full {
      border-radius: 3.40282e38px;
    }
    .sm\:rounded-lg {
      border-radius: var(--radius-lg);
    }
    .sm\:rounded-none {
      border-radius: 0;
    }
    .sm\:rounded-ss-xl {
      border-start-start-radius: var(--radius-xl);
    }
    .sm\:rounded-se-xl {
      border-start-end-radius: var(--radius-xl);
    }
    .sm\:rounded-ee-xl {
      border-end-end-radius: var(--radius-xl);
    }
    .sm\:rounded-es-xl {
      border-end-start-radius: var(--radius-xl);
    }
    .sm\:rounded-t-3xl {
      border-top-left-radius: var(--radius-3xl);
      border-top-right-radius: var(--radius-3xl);
    }
    .sm\:rounded-t-\[30px\] {
      border-top-left-radius: 30px;
      border-top-right-radius: 30px;
    }
    .sm\:rounded-b-none {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
    }
    .sm\:border {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
    .sm\:border-none {
      --tw-border-style: none;
      border-style: none;
    }
    .sm\:border-token-border-default {
      border-color: var(--border-default);
    }
    .sm\:border-token-border-light {
      border-color: var(--border-light);
    }
    .sm\:border-token-border-light\! {
      border-color: var(--border-light) !important;
    }
    .sm\:bg-gray-200\/50 {
      background-color: var(--gray-200);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .sm\:bg-gray-200\/50 {
        background-color: color-mix(in oklab, var(--gray-200) 50%, transparent);
      }
    }
    .sm\:bg-token-bg-primary {
      background-color: var(--bg-primary);
    }
    .sm\:bg-token-main-surface-tertiary {
      background-color: var(--main-surface-tertiary);
    }
    .sm\:p-0 {
      padding: calc(var(--spacing) * 0);
    }
    .sm\:p-2 {
      padding: calc(var(--spacing) * 2);
    }
    .sm\:p-3 {
      padding: calc(var(--spacing) * 3);
    }
    .sm\:p-5 {
      padding: calc(var(--spacing) * 5);
    }
    .sm\:p-6 {
      padding: calc(var(--spacing) * 6);
    }
    .sm\:p-8 {
      padding: calc(var(--spacing) * 8);
    }
    .sm\:p-10 {
      padding: calc(var(--spacing) * 10);
    }
    .sm\:p-\[18px\] {
      padding: 18px;
    }
    .sm\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }
    .sm\:px-2 {
      padding-inline: calc(var(--spacing) * 2);
    }
    .sm\:px-2\.5 {
      padding-inline: calc(var(--spacing) * 2.5);
    }
    .sm\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }
    .sm\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }
    .sm\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }
    .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
    .sm\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
    .sm\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }
    .sm\:px-12 {
      padding-inline: calc(var(--spacing) * 12);
    }
    .sm\:px-16 {
      padding-inline: calc(var(--spacing) * 16);
    }
    .sm\:px-24 {
      padding-inline: calc(var(--spacing) * 24);
    }
    .sm\:px-\[106px\] {
      padding-inline: 106px;
    }
    .sm\:px-snc-results-padding {
      padding-inline: var(--snc-results-padding);
    }
    .sm\:py-1\.5 {
      padding-block: calc(var(--spacing) * 1.5);
    }
    .sm\:py-2 {
      padding-block: calc(var(--spacing) * 2);
    }
    .sm\:py-2\.5 {
      padding-block: calc(var(--spacing) * 2.5);
    }
    .sm\:py-3 {
      padding-block: calc(var(--spacing) * 3);
    }
    .sm\:py-4 {
      padding-block: calc(var(--spacing) * 4);
    }
    .sm\:py-4\.5 {
      padding-block: calc(var(--spacing) * 4.5);
    }
    .sm\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }
    .sm\:py-12 {
      padding-block: calc(var(--spacing) * 12);
    }
    .sm\:py-24 {
      padding-block: calc(var(--spacing) * 24);
    }
    .sm\:py-28 {
      padding-block: calc(var(--spacing) * 28);
    }
    .sm\:py-\[10px\] {
      padding-block: 10px;
    }
    .sm\:ps-2 {
      padding-inline-start: calc(var(--spacing) * 2);
    }
    .sm\:ps-4 {
      padding-inline-start: calc(var(--spacing) * 4);
    }
    .sm\:ps-5 {
      padding-inline-start: calc(var(--spacing) * 5);
    }
    .sm\:ps-6 {
      padding-inline-start: calc(var(--spacing) * 6);
    }
    .sm\:ps-16 {
      padding-inline-start: calc(var(--spacing) * 16);
    }
    .sm\:ps-\[3\.25rem\] {
      padding-inline-start: 3.25rem;
    }
    .sm\:ps-\[14px\] {
      padding-inline-start: 14px;
    }
    .sm\:pe-0 {
      padding-inline-end: calc(var(--spacing) * 0);
    }
    .sm\:pe-2 {
      padding-inline-end: calc(var(--spacing) * 2);
    }
    .sm\:pe-3 {
      padding-inline-end: calc(var(--spacing) * 3);
    }
    .sm\:pe-16 {
      padding-inline-end: calc(var(--spacing) * 16);
    }
    .sm\:pe-\[16px\] {
      padding-inline-end: 16px;
    }
    .sm\:pt-0 {
      padding-top: calc(var(--spacing) * 0);
    }
    .sm\:pt-1 {
      padding-top: calc(var(--spacing) * 1);
    }
    .sm\:pt-3 {
      padding-top: calc(var(--spacing) * 3);
    }
    .sm\:pt-4 {
      padding-top: calc(var(--spacing) * 4);
    }
    .sm\:pt-5 {
      padding-top: calc(var(--spacing) * 5);
    }
    .sm\:pt-6 {
      padding-top: calc(var(--spacing) * 6);
    }
    .sm\:pt-7 {
      padding-top: calc(var(--spacing) * 7);
    }
    .sm\:pt-8 {
      padding-top: calc(var(--spacing) * 8);
    }
    .sm\:pt-10 {
      padding-top: calc(var(--spacing) * 10);
    }
    .sm\:pt-12 {
      padding-top: calc(var(--spacing) * 12);
    }
    .sm\:pt-14 {
      padding-top: calc(var(--spacing) * 14);
    }
    .sm\:pt-20 {
      padding-top: calc(var(--spacing) * 20);
    }
    .sm\:pt-24 {
      padding-top: calc(var(--spacing) * 24);
    }
    .sm\:pt-28 {
      padding-top: calc(var(--spacing) * 28);
    }
    .sm\:pt-\[3\.5rem\] {
      padding-top: 3.5rem;
    }
    .sm\:pb-0 {
      padding-bottom: calc(var(--spacing) * 0);
    }
    .sm\:pb-0\.5 {
      padding-bottom: calc(var(--spacing) * 0.5);
    }
    .sm\:pb-2 {
      padding-bottom: calc(var(--spacing) * 2);
    }
    .sm\:pb-3 {
      padding-bottom: calc(var(--spacing) * 3);
    }
    .sm\:pb-4 {
      padding-bottom: calc(var(--spacing) * 4);
    }
    .sm\:pb-5 {
      padding-bottom: calc(var(--spacing) * 5);
    }
    .sm\:pb-6 {
      padding-bottom: calc(var(--spacing) * 6);
    }
    .sm\:pb-8 {
      padding-bottom: calc(var(--spacing) * 8);
    }
    .sm\:pb-10 {
      padding-bottom: calc(var(--spacing) * 10);
    }
    .sm\:pb-12 {
      padding-bottom: calc(var(--spacing) * 12);
    }
    .sm\:pb-15 {
      padding-bottom: calc(var(--spacing) * 15);
    }
    .sm\:pb-16 {
      padding-bottom: calc(var(--spacing) * 16);
    }
    .sm\:pb-20 {
      padding-bottom: calc(var(--spacing) * 20);
    }
    .sm\:pb-28 {
      padding-bottom: calc(var(--spacing) * 28);
    }
    .sm\:pb-\[max\(4rem\,env\(safe-area-inset-bottom\,0px\)\+1\.5rem\)\] {
      padding-bottom: max(4rem, env(safe-area-inset-bottom, 0px) + 1.5rem);
    }
    .sm\:text-center {
      text-align: center;
    }
    .sm\:text-end {
      text-align: end;
    }
    .sm\:text-start {
      text-align: start;
    }
    .sm\:text-mkt-p1 {
      font-size: 1.0625rem;
      line-height: var(--tw-leading, 1.74994rem);
      letter-spacing: var(--tw-tracking, -0.01em);
      font-weight: var(--tw-font-weight, 400);
    }
    .sm\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
    .sm\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
    .sm\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    .sm\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
    .sm\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    .sm\:text-base\! {
      font-size: var(--text-base) !important;
      line-height: var(--tw-leading, var(--text-base--line-height)) !important;
    }
    .sm\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    .sm\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    .sm\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
    .sm\:text-\[2\.5rem\] {
      font-size: 2.5rem;
    }
    .sm\:text-\[13px\] {
      font-size: 13px;
    }
    .sm\:text-\[14px\] {
      font-size: 14px;
    }
    .sm\:text-\[16px\] {
      font-size: 16px;
    }
    .sm\:text-\[18px\] {
      font-size: 18px;
    }
    .sm\:text-\[22px\] {
      font-size: 22px;
    }
    .sm\:text-\[25px\] {
      font-size: 25px;
    }
    .sm\:text-\[32px\] {
      font-size: 32px;
    }
    .sm\:text-\[36px\] {
      font-size: 36px;
    }
    .sm\:leading-5 {
      --tw-leading: calc(var(--spacing) * 5);
      line-height: calc(var(--spacing) * 5);
    }
    .sm\:leading-8 {
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
    }
    .sm\:leading-9 {
      --tw-leading: calc(var(--spacing) * 9);
      line-height: calc(var(--spacing) * 9);
    }
    .sm\:leading-\[1\.45\] {
      --tw-leading: 1.45;
      line-height: 1.45;
    }
    .sm\:leading-\[3rem\] {
      --tw-leading: 3rem;
      line-height: 3rem;
    }
    .sm\:leading-\[18px\] {
      --tw-leading: 18px;
      line-height: 18px;
    }
    .sm\:leading-\[44px\] {
      --tw-leading: 44px;
      line-height: 44px;
    }
    .sm\:font-normal {
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }
    .sm\:tracking-\[-0\.30px\] {
      --tw-tracking: -0.3px;
      letter-spacing: -0.3px;
    }
    .sm\:whitespace-nowrap {
      white-space: nowrap;
    }
    .sm\:text-\[color\:var\(--text-secondary\,\#5D5D5D\)\] {
      color: var(--text-secondary, #5d5d5d);
    }
    .sm\:text-token-main-surface-tertiary {
      color: var(--main-surface-tertiary);
    }
    .sm\:text-token-text-tertiary {
      color: var(--text-tertiary);
    }
    .sm\:opacity-65 {
      opacity: 0.65;
    }
    .sm\:shadow-long {
      --tw-shadow:
        0px 8px 12px 0px
          var(--tw-shadow-color, var(--shadow-color-1, #00000014)),
        0px 0px 1px 0px var(--tw-shadow-color, var(--shadow-color-2, #0000009e));
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .sm\:shadow-long:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      --tw-shadow:
        0px 8px 16px 0px var(--tw-shadow-color, #00000052),
        inset 0px 0px 1px 0px
          var(--tw-shadow-color, var(--shadow-color-2, #fff3)),
        0px 0px 1px 0px var(--tw-shadow-color, #0000009e);
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .sm\:shadow-short {
      --tw-shadow:
        0px 4px 4px 0px var(--tw-shadow-color, var(--shadow-color-1, #0000000a)),
        0px 0px 1px 0px var(--tw-shadow-color, var(--shadow-color-2, #0000009e));
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .sm\:shadow-short:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      --tw-shadow:
        0px 4px 12px 0px
          var(--tw-shadow-color, var(--shadow-color-1, #0000001a)),
        inset 0px 0px 1px 0px
          var(--tw-shadow-color, var(--shadow-color-2, #fff3));
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .sm\:shadow-\[0px_4px_48px_rgba\(0\,0\,0\,0\.08\)\] {
      --tw-shadow: 0px 4px 48px var(--tw-shadow-color, #00000014);
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .sm\:shadow-md {
      --tw-shadow:
        0 4px 6px -1px var(--tw-shadow-color, #0000001a),
        0 2px 4px -2px var(--tw-shadow-color, #0000001a);
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .sm\:shadow-none {
      --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);
    }
    .sm\:shadow-sm {
      --tw-shadow:
        0 1px 3px 0 var(--tw-shadow-color, #0000001a),
        0 1px 2px -1px var(--tw-shadow-color, #0000001a);
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .sm\:backdrop-blur-\[1px\] {
      --tw-backdrop-blur: blur(1px);
      -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,);
    }
  }
  @media not all and (prefers-reduced-motion: reduce) {
    @media (min-width: 40rem) {
      .not-motion-reduce\:sm\:transition {
        transition-property:
          color,
          background-color,
          border-color,
          outline-color,
          text-decoration-color,
          fill,
          stroke,
          --tw-gradient-from,
          --tw-gradient-via,
          --tw-gradient-to,
          opacity,
          box-shadow,
          transform,
          translate,
          scale,
          rotate,
          filter,
          -webkit-backdrop-filter,
          backdrop-filter,
          display,
          content-visibility,
          overlay,
          pointer-events;
        transition-timing-function: var(
          --tw-ease,
          var(--default-transition-timing-function)
        );
        transition-duration: var(
          --tw-duration,
          var(--default-transition-duration)
        );
      }
      .not-motion-reduce\:sm\:duration-250 {
        --tw-duration: 0.25s;
        transition-duration: 0.25s;
      }
    }
  }
  @media (min-width: 40rem) {
    .sm\:group-focus-within\:flex:is(:where(.group):focus-within *) {
      display: flex;
    }
    @media (hover: hover) {
      .sm\:group-hover\:flex:is(:where(.group):hover *) {
        display: flex;
      }
      .sm\:group-hover\:text-token-text-primary:is(:where(.group):hover *) {
        color: var(--text-primary);
      }
      .sm\:group-hover\:opacity-100:is(:where(.group):hover *) {
        opacity: 1;
      }
      .sm\:enabled\:hover\:bg-token-bg-tertiary:enabled:hover {
        background-color: var(--bg-tertiary);
      }
    }
  }
  @media (min-width: 48rem) {
    .md\:pointer-events-none {
      pointer-events: none;
    }
    .md\:absolute {
      position: absolute;
    }
    .md\:fixed {
      position: fixed;
    }
    .md\:relative {
      position: relative;
    }
    .md\:relative\! {
      position: relative !important;
    }
    .md\:sticky {
      position: sticky;
    }
    .md\:inset-\[36px\] {
      inset: 36px;
    }
    .md\:inset-x-0 {
      inset-inline: calc(var(--spacing) * 0);
    }
    .md\:-start-6 {
      inset-inline-start: calc(var(--spacing) * -6);
    }
    .md\:start-0 {
      inset-inline-start: calc(var(--spacing) * 0);
    }
    .md\:start-4 {
      inset-inline-start: calc(var(--spacing) * 4);
    }
    .md\:start-6 {
      inset-inline-start: calc(var(--spacing) * 6);
    }
    .md\:start-8 {
      inset-inline-start: calc(var(--spacing) * 8);
    }
    .md\:start-\[var\(--pricing-table-padding-inline\)\] {
      inset-inline-start: var(--pricing-table-padding-inline);
    }
    .md\:start-auto {
      inset-inline-start: auto;
    }
    .md\:-end-\[80px\] {
      inset-inline-end: -80px;
    }
    .md\:end-0 {
      inset-inline-end: calc(var(--spacing) * 0);
    }
    .md\:end-2 {
      inset-inline-end: calc(var(--spacing) * 2);
    }
    .md\:end-4 {
      inset-inline-end: calc(var(--spacing) * 4);
    }
    .md\:end-6 {
      inset-inline-end: calc(var(--spacing) * 6);
    }
    .md\:end-auto {
      inset-inline-end: auto;
    }
    .md\:-top-\[40px\] {
      top: -40px;
    }
    .md\:top-0 {
      top: calc(var(--spacing) * 0);
    }
    .md\:top-1 {
      top: calc(var(--spacing) * 1);
    }
    .md\:top-2 {
      top: calc(var(--spacing) * 2);
    }
    .md\:top-4 {
      top: calc(var(--spacing) * 4);
    }
    .md\:top-6 {
      top: calc(var(--spacing) * 6);
    }
    .md\:top-10 {
      top: calc(var(--spacing) * 10);
    }
    .md\:top-16 {
      top: calc(var(--spacing) * 16);
    }
    .md\:top-20 {
      top: calc(var(--spacing) * 20);
    }
    .md\:top-\[15\%\] {
      top: 15%;
    }
    .md\:top-\[22px\] {
      top: 22px;
    }
    .md\:top-\[calc\(var\(--header-height\)\+4px\)\] {
      top: calc(var(--header-height) + 4px);
    }
    .md\:top-auto {
      top: auto;
    }
    .md\:bottom-4 {
      bottom: calc(var(--spacing) * 4);
    }
    .md\:bottom-6 {
      bottom: calc(var(--spacing) * 6);
    }
    .md\:bottom-8 {
      bottom: calc(var(--spacing) * 8);
    }
    .md\:bottom-10 {
      bottom: calc(var(--spacing) * 10);
    }
    .md\:bottom-16 {
      bottom: calc(var(--spacing) * 16);
    }
    .md\:bottom-\[5\%\] {
      bottom: 5%;
    }
    .md\:z-10 {
      z-index: 10;
    }
    .md\:z-20 {
      z-index: 20;
    }
    .md\:order-1 {
      order: 1;
    }
    .md\:order-2 {
      order: 2;
    }
    .md\:col-span-1 {
      grid-column: span 1 / span 1;
    }
    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }
    .md\:col-span-3 {
      grid-column: span 3 / span 3;
    }
    .md\:col-span-4 {
      grid-column: span 4 / span 4;
    }
    .md\:col-span-5 {
      grid-column: span 5 / span 5;
    }
    .md\:col-span-6 {
      grid-column: span 6 / span 6;
    }
    .md\:col-span-7 {
      grid-column: span 7 / span 7;
    }
    .md\:col-span-8 {
      grid-column: span 8 / span 8;
    }
    .md\:col-span-9 {
      grid-column: span 9 / span 9;
    }
    .md\:col-span-10 {
      grid-column: span 10 / span 10;
    }
    .md\:col-span-12 {
      grid-column: span 12 / span 12;
    }
    .md\:col-start-1 {
      grid-column-start: 1;
    }
    .md\:col-start-2 {
      grid-column-start: 2;
    }
    .md\:col-start-3 {
      grid-column-start: 3;
    }
    .md\:col-start-4 {
      grid-column-start: 4;
    }
    .md\:col-start-6 {
      grid-column-start: 6;
    }
    .md\:col-start-7 {
      grid-column-start: 7;
    }
    .md\:col-start-8 {
      grid-column-start: 8;
    }
    .md\:col-start-10 {
      grid-column-start: 10;
    }
    .md\:col-end-6 {
      grid-column-end: 6;
    }
    .md\:col-end-10 {
      grid-column-end: 10;
    }
    .md\:row-span-12 {
      grid-row: span 12 / span 12;
    }
    .md\:row-start-1 {
      grid-row-start: 1;
    }
    .md\:row-start-2 {
      grid-row-start: 2;
    }
    .md\:m-0 {
      margin: calc(var(--spacing) * 0);
    }
    .md\:-mx-4 {
      margin-inline: calc(var(--spacing) * -4);
    }
    .md\:-mx-6 {
      margin-inline: calc(var(--spacing) * -6);
    }
    .md\:-mx-\[10px\] {
      margin-inline: -10px;
    }
    .md\:mx-0 {
      margin-inline: calc(var(--spacing) * 0);
    }
    .md\:mx-4 {
      margin-inline: calc(var(--spacing) * 4);
    }
    .md\:mx-5 {
      margin-inline: calc(var(--spacing) * 5);
    }
    .md\:mx-6 {
      margin-inline: calc(var(--spacing) * 6);
    }
    .md\:mx-auto {
      margin-inline: auto;
    }
    .md\:my-0 {
      margin-block: calc(var(--spacing) * 0);
    }
    .md\:my-4 {
      margin-block: calc(var(--spacing) * 4);
    }
    .md\:my-28\! {
      margin-block: calc(var(--spacing) * 28) !important;
    }
    .md\:ms-0 {
      margin-inline-start: calc(var(--spacing) * 0);
    }
    .md\:ms-4 {
      margin-inline-start: calc(var(--spacing) * 4);
    }
    .md\:ms-8 {
      margin-inline-start: calc(var(--spacing) * 8);
    }
    .md\:ms-auto {
      margin-inline-start: auto;
    }
    .md\:-mt-4 {
      margin-top: calc(var(--spacing) * -4);
    }
    .md\:-mt-33 {
      margin-top: calc(var(--spacing) * -33);
    }
    .md\:-mt-\[10px\] {
      margin-top: -10px;
    }
    .md\:mt-\(--image-page-spacing\) {
      margin-top: var(--image-page-spacing);
    }
    .md\:mt-\(--shopping-home-page-spacing\) {
      margin-top: var(--shopping-home-page-spacing);
    }
    .md\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }
    .md\:mt-2 {
      margin-top: calc(var(--spacing) * 2);
    }
    .md\:mt-3 {
      margin-top: calc(var(--spacing) * 3);
    }
    .md\:mt-6 {
      margin-top: calc(var(--spacing) * 6);
    }
    .md\:mt-7 {
      margin-top: calc(var(--spacing) * 7);
    }
    .md\:mt-8 {
      margin-top: calc(var(--spacing) * 8);
    }
    .md\:mt-9 {
      margin-top: calc(var(--spacing) * 9);
    }
    .md\:mt-10 {
      margin-top: calc(var(--spacing) * 10);
    }
    .md\:mt-12 {
      margin-top: calc(var(--spacing) * 12);
    }
    .md\:mt-15 {
      margin-top: calc(var(--spacing) * 15);
    }
    .md\:mt-16 {
      margin-top: calc(var(--spacing) * 16);
    }
    .md\:mt-20 {
      margin-top: calc(var(--spacing) * 20);
    }
    .md\:mt-\[-48px\] {
      margin-top: -48px;
    }
    .md\:mt-\[72px\] {
      margin-top: 72px;
    }
    .md\:mt-\[120px\] {
      margin-top: 120px;
    }
    .md\:mt-px {
      margin-top: 1px;
    }
    .md\:-mb-4 {
      margin-bottom: calc(var(--spacing) * -4);
    }
    .md\:mb-0 {
      margin-bottom: calc(var(--spacing) * 0);
    }
    .md\:mb-1 {
      margin-bottom: calc(var(--spacing) * 1);
    }
    .md\:mb-2 {
      margin-bottom: calc(var(--spacing) * 2);
    }
    .md\:mb-6 {
      margin-bottom: calc(var(--spacing) * 6);
    }
    .md\:mb-8 {
      margin-bottom: calc(var(--spacing) * 8);
    }
    .md\:line-clamp-3 {
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      overflow: hidden;
    }
    .md\:line-clamp-none {
      -webkit-line-clamp: unset;
      -webkit-box-orient: horizontal;
      display: block;
      overflow: visible;
    }
    .md\:block {
      display: block;
    }
    .md\:flex {
      display: flex;
    }
    .md\:grid {
      display: grid;
    }
    .md\:hidden {
      display: none;
    }
    .md\:inline {
      display: inline;
    }
    .md\:inline-block {
      display: inline-block;
    }
    .md\:inline-flex {
      display: inline-flex;
    }
    .md\:aspect-\[2\.5\/1\] {
      aspect-ratio: 2.5;
    }
    .md\:aspect-square {
      aspect-ratio: 1;
    }
    .md\:h-5 {
      height: calc(var(--spacing) * 5);
    }
    .md\:h-6 {
      height: calc(var(--spacing) * 6);
    }
    .md\:h-7 {
      height: calc(var(--spacing) * 7);
    }
    .md\:h-8 {
      height: calc(var(--spacing) * 8);
    }
    .md\:h-11 {
      height: calc(var(--spacing) * 11);
    }
    .md\:h-12 {
      height: calc(var(--spacing) * 12);
    }
    .md\:h-16 {
      height: calc(var(--spacing) * 16);
    }
    .md\:h-20 {
      height: calc(var(--spacing) * 20);
    }
    .md\:h-24 {
      height: calc(var(--spacing) * 24);
    }
    .md\:h-32 {
      height: calc(var(--spacing) * 32);
    }
    .md\:h-\[42rem\]\! {
      height: 42rem !important;
    }
    .md\:h-\[80px\] {
      height: 80px;
    }
    .md\:h-\[92px\] {
      height: 92px;
    }
    .md\:h-\[170px\] {
      height: 170px;
    }
    .md\:h-\[180px\] {
      height: 180px;
    }
    .md\:h-\[280px\]\! {
      height: 280px !important;
    }
    .md\:h-\[420px\] {
      height: 420px;
    }
    .md\:h-\[500px\] {
      height: 500px;
    }
    .md\:h-\[600px\] {
      height: 600px;
    }
    .md\:h-\[740px\] {
      height: 740px;
    }
    .md\:h-\[calc\(100\%-80px\)\] {
      height: calc(100% - 80px);
    }
    .md\:h-\[min\(92vh\,980px\)\] {
      height: min(92vh, 980px);
    }
    .md\:h-auto {
      height: auto;
    }
    .md\:h-auto\! {
      height: auto !important;
    }
    .md\:h-fit {
      height: fit-content;
    }
    .md\:h-full {
      height: 100%;
    }
    .md\:h-full\! {
      height: 100% !important;
    }
    .md\:h-screen {
      height: 100vh;
    }
    .md\:max-h-\[40\.625rem\] {
      max-height: 40.625rem;
    }
    .md\:max-h-\[42rem\] {
      max-height: 42rem;
    }
    .md\:max-h-\[44rem\] {
      max-height: 44rem;
    }
    .md\:max-h-\[80vh\] {
      max-height: 80vh;
    }
    .md\:max-h-\[180px\] {
      max-height: 180px;
    }
    .md\:max-h-\[360px\] {
      max-height: 360px;
    }
    .md\:max-h-\[398px\] {
      max-height: 398px;
    }
    .md\:max-h-\[600px\] {
      max-height: 600px;
    }
    .md\:max-h-\[700px\] {
      max-height: 700px;
    }
    .md\:max-h-\[748px\] {
      max-height: 748px;
    }
    .md\:max-h-\[calc\(100vh-12rem\)\] {
      max-height: calc(100vh - 12rem);
    }
    .md\:max-h-\[calc\(100vh-48px\)\] {
      max-height: calc(100vh - 48px);
    }
    .md\:max-h-full {
      max-height: 100%;
    }
    .md\:min-h-0 {
      min-height: calc(var(--spacing) * 0);
    }
    .md\:min-h-12 {
      min-height: calc(var(--spacing) * 12);
    }
    .md\:min-h-\[20rem\] {
      min-height: 20rem;
    }
    .md\:min-h-\[30rem\] {
      min-height: 30rem;
    }
    .md\:min-h-\[42rem\] {
      min-height: 42rem;
    }
    .md\:min-h-\[60px\] {
      min-height: 60px;
    }
    .md\:min-h-\[196px\] {
      min-height: 196px;
    }
    .md\:min-h-\[300px\] {
      min-height: 300px;
    }
    .md\:min-h-\[380px\] {
      min-height: 380px;
    }
    .md\:min-h-\[600px\] {
      min-height: 600px;
    }
    .md\:min-h-\[calc\(100vh-160px\)\] {
      min-height: calc(100vh - 160px);
    }
    .md\:min-h-\[calc\(370px\*5\/4\)\] {
      min-height: 462.5px;
    }
    .md\:w-0 {
      width: calc(var(--spacing) * 0);
    }
    .md\:w-1\/2 {
      width: 50%;
    }
    .md\:w-1\/3 {
      width: 33.3333%;
    }
    .md\:w-1\/6 {
      width: 16.6667%;
    }
    .md\:w-2\/3\! {
      width: 66.6667% !important;
    }
    .md\:w-3\/5 {
      width: 60%;
    }
    .md\:w-3xl {
      width: var(--container-3xl);
    }
    .md\:w-4\/12 {
      width: 33.3333%;
    }
    .md\:w-6 {
      width: calc(var(--spacing) * 6);
    }
    .md\:w-8 {
      width: calc(var(--spacing) * 8);
    }
    .md\:w-12 {
      width: calc(var(--spacing) * 12);
    }
    .md\:w-24 {
      width: calc(var(--spacing) * 24);
    }
    .md\:w-32 {
      width: calc(var(--spacing) * 32);
    }
    .md\:w-44 {
      width: calc(var(--spacing) * 44);
    }
    .md\:w-60 {
      width: calc(var(--spacing) * 60);
    }
    .md\:w-72 {
      width: calc(var(--spacing) * 72);
    }
    .md\:w-80 {
      width: calc(var(--spacing) * 80);
    }
    .md\:w-\[10rem\] {
      width: 10rem;
    }
    .md\:w-\[80px\] {
      width: 80px;
    }
    .md\:w-\[92px\] {
      width: 92px;
    }
    .md\:w-\[100px\] {
      width: 100px;
    }
    .md\:w-\[180px\] {
      width: 180px;
    }
    .md\:w-\[210px\] {
      width: 210px;
    }
    .md\:w-\[258px\] {
      width: 258px;
    }
    .md\:w-\[280px\] {
      width: 280px;
    }
    .md\:w-\[340px\] {
      width: 340px;
    }
    .md\:w-\[360px\] {
      width: 360px;
    }
    .md\:w-\[370px\] {
      width: 370px;
    }
    .md\:w-\[380px\] {
      width: 380px;
    }
    .md\:w-\[400px\] {
      width: 400px;
    }
    .md\:w-\[420px\] {
      width: 420px;
    }
    .md\:w-\[430px\] {
      width: 430px;
    }
    .md\:w-\[464px\] {
      width: 464px;
    }
    .md\:w-\[480px\] {
      width: 480px;
    }
    .md\:w-\[560px\] {
      width: 560px;
    }
    .md\:w-\[720px\] {
      width: 720px;
    }
    .md\:w-\[calc\(100\%-16rem\)\] {
      width: calc(100% - 16rem);
    }
    .md\:w-\[calc\(100\%_-_64px\)\] {
      width: calc(100% - 64px);
    }
    .md\:w-\[calc\(100vw-32px\)\] {
      width: calc(100vw - 32px);
    }
    .md\:w-\[min\(96vw\,1120px\)\] {
      width: min(96vw, 1120px);
    }
    .md\:w-\[min\(100\%\,calc\(var\(--pricing-table-grid-min-width\)\+var\(--pricing-table-padding-inline\)\*2\)\)\] {
      width: min(
        100%,
        calc(
          var(--pricing-table-grid-min-width) +
            var(--pricing-table-padding-inline) * 2
        )
      );
    }
    .md\:w-auto {
      width: auto;
    }
    .md\:w-fit {
      width: fit-content;
    }
    .md\:w-full {
      width: 100%;
    }
    .md\:w-max {
      width: max-content;
    }
    .md\:max-w-3\/4 {
      max-width: 75%;
    }
    .md\:max-w-3xl {
      max-width: var(--container-3xl);
    }
    .md\:max-w-96 {
      max-width: calc(var(--spacing) * 96);
    }
    .md\:max-w-117 {
      max-width: calc(var(--spacing) * 117);
    }
    .md\:max-w-\[10rem\] {
      max-width: 10rem;
    }
    .md\:max-w-\[50\%\] {
      max-width: 50%;
    }
    .md\:max-w-\[70\%\] {
      max-width: 70%;
    }
    .md\:max-w-\[180px\] {
      max-width: 180px;
    }
    .md\:max-w-\[200px\] {
      max-width: 200px;
    }
    .md\:max-w-\[210px\] {
      max-width: 210px;
    }
    .md\:max-w-\[320px\] {
      max-width: 320px;
    }
    .md\:max-w-\[340px\] {
      max-width: 340px;
    }
    .md\:max-w-\[350px\] {
      max-width: 350px;
    }
    .md\:max-w-\[360px\] {
      max-width: 360px;
    }
    .md\:max-w-\[380px\] {
      max-width: 380px;
    }
    .md\:max-w-\[420px\] {
      max-width: 420px;
    }
    .md\:max-w-\[432px\] {
      max-width: 432px;
    }
    .md\:max-w-\[440px\] {
      max-width: 440px;
    }
    .md\:max-w-\[448px\] {
      max-width: 448px;
    }
    .md\:max-w-\[480px\] {
      max-width: 480px;
    }
    .md\:max-w-\[515px\] {
      max-width: 515px;
    }
    .md\:max-w-\[560px\] {
      max-width: 560px;
    }
    .md\:max-w-\[600px\] {
      max-width: 600px;
    }
    .md\:max-w-\[640px\] {
      max-width: 640px;
    }
    .md\:max-w-\[672px\] {
      max-width: 672px;
    }
    .md\:max-w-\[680px\] {
      max-width: 680px;
    }
    .md\:max-w-\[900px\] {
      max-width: 900px;
    }
    .md\:max-w-\[960px\] {
      max-width: 960px;
    }
    .md\:max-w-\[calc\(100vw-480px\)\] {
      max-width: calc(100vw - 480px);
    }
    .md\:max-w-full {
      max-width: 100%;
    }
    .md\:max-w-none {
      max-width: none;
    }
    .md\:max-w-screen-2xl {
      max-width: var(--breakpoint-2xl);
    }
    .md\:max-w-sm {
      max-width: var(--container-sm);
    }
    .md\:max-w-xs {
      max-width: var(--container-xs);
    }
    .md\:min-w-\[20rem\] {
      min-width: 20rem;
    }
    .md\:min-w-\[170px\] {
      min-width: 170px;
    }
    .md\:min-w-\[180px\] {
      min-width: 180px;
    }
    .md\:min-w-\[300px\] {
      min-width: 300px;
    }
    .md\:min-w-\[450px\] {
      min-width: 450px;
    }
    .md\:min-w-\[680px\] {
      min-width: 680px;
    }
    .md\:min-w-\[unset\] {
      min-width: unset;
    }
    .md\:min-w-\[var\(--pricing-table-grid-min-width\)\] {
      min-width: var(--pricing-table-grid-min-width);
    }
    .md\:min-w-\[var\(--pricing-table-label-min-width\)\] {
      min-width: var(--pricing-table-label-min-width);
    }
    .md\:min-w-full {
      min-width: 100%;
    }
    .md\:min-w-md {
      min-width: var(--container-md);
    }
    .md\:flex-1 {
      flex: 1;
    }
    .md\:flex-\[0_0_28\%\] {
      flex: 0 0 28%;
    }
    .md\:flex-\[0_0_72\%\] {
      flex: 0 0 72%;
    }
    .md\:flex-none {
      flex: none;
    }
    .md\:shrink {
      flex-shrink: 1;
    }
    .md\:shrink-0 {
      flex-shrink: 0;
    }
    .md\:grow-0 {
      flex-grow: 0;
    }
    .md\:basis-0 {
      flex-basis: calc(var(--spacing) * 0);
    }
    .md\:basis-\[25vw\] {
      flex-basis: 25vw;
    }
    .md\:basis-\[75vw\] {
      flex-basis: 75vw;
    }
    .md\:basis-\[calc\(\(100\%-\(var\(--spacing\)\*12\)\)\/5\)\] {
      flex-basis: calc((100% - (var(--spacing) * 12)) / 5);
    }
    .md\:translate-x-0 {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .md\:translate-x-\[3\%\] {
      --tw-translate-x: 3%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .md\:translate-x-\[calc\(-50\%\+155px\)\] {
      --tw-translate-x: calc(-50% + 155px);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .md\:translate-x-\[calc\(-50\%\+170px\)\] {
      --tw-translate-x: calc(-50% + 170px);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .md\:translate-y-\[3\%\] {
      --tw-translate-y: 3%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .md\:translate-y-\[calc\(-50\%\+60px\)\] {
      --tw-translate-y: calc(-50% + 60px);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .md\:translate-y-\[calc\(-50\%-40px\)\] {
      --tw-translate-y: calc(-50% - 40px);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .md\:scale-\[0\.94\] {
      scale: 0.94;
    }
    .md\:scale-\[1\.0\] {
      scale: 1;
    }
    .md\:scroll-ps-8 {
      scroll-padding-inline-start: calc(var(--spacing) * 8);
    }
    .md\:columns-3 {
      columns: 3;
    }
    .md\:auto-cols-\[minmax\(220px\,1fr\)\] {
      grid-auto-columns: minmax(220px, 1fr);
    }
    .md\:grid-flow-col {
      grid-auto-flow: column;
    }
    .md\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .md\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .md\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .md\:grid-cols-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
    .md\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .md\:grid-cols-\[1fr_24rem\] {
      grid-template-columns: 1fr 24rem;
    }
    .md\:grid-cols-\[1fr_220px\] {
      grid-template-columns: 1fr 220px;
    }
    .md\:grid-cols-\[1fr_auto_1fr\] {
      grid-template-columns: 1fr auto 1fr;
    }
    .md\:grid-cols-\[3fr_2fr\] {
      grid-template-columns: 3fr 2fr;
    }
    .md\:grid-cols-\[24px_1fr_24px\] {
      grid-template-columns: 24px 1fr 24px;
    }
    .md\:grid-cols-\[110px_minmax\(0\,1fr\)\] {
      grid-template-columns: 110px minmax(0, 1fr);
    }
    .md\:grid-cols-\[280px_minmax\(0\,1fr\)\] {
      grid-template-columns: 280px minmax(0, 1fr);
    }
    .md\:grid-cols-\[400px_400px\] {
      grid-template-columns: 400px 400px;
    }
    .md\:grid-cols-\[auto\,1fr\] {
      grid-template-columns: auto, 1fr;
    }
    .md\:grid-cols-\[minmax\(0\,1\.08fr\)_minmax\(340px\,0\.72fr\)\] {
      grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.72fr);
    }
    .md\:grid-cols-\[minmax\(0\,1fr\)_9rem\] {
      grid-template-columns: minmax(0, 1fr) 9rem;
    }
    .md\:grid-cols-\[minmax\(0\,1fr\)_128px\] {
      grid-template-columns: minmax(0, 1fr) 128px;
    }
    .md\:grid-cols-\[minmax\(0\,1fr\)_220px\] {
      grid-template-columns: minmax(0, 1fr) 220px;
    }
    .md\:grid-cols-\[minmax\(var\(--pricing-table-label-min-width\)\,1fr\)_repeat\(var\(--pricing-table-tier-count\)\,minmax\(var\(--pricing-table-tier-min-width\)\,1fr\)\)\] {
      grid-template-columns: minmax(
          var(--pricing-table-label-min-width),
          1fr
        ) repeat(
          var(--pricing-table-tier-count),
          minmax(var(--pricing-table-tier-min-width), 1fr)
        );
    }
    .md\:grid-rows-\[20px_auto_minmax\(20px\,1fr\)\] {
      grid-template-rows: 20px auto minmax(20px, 1fr);
    }
    .md\:grid-rows-\[36px_auto_minmax\(36px\,1fr\)\] {
      grid-template-rows: 36px auto minmax(36px, 1fr);
    }
    .md\:grid-rows-\[minmax\(20px\,0\.8fr\)_auto_minmax\(20px\,1fr\)\] {
      grid-template-rows: minmax(20px, 0.8fr) auto minmax(20px, 1fr);
    }
    .md\:grid-rows-\[minmax\(20px\,1fr\)_auto_20px\] {
      grid-template-rows: minmax(20px, 1fr) auto 20px;
    }
    .md\:grid-rows-\[minmax\(20px\,1fr\)_auto_minmax\(20px\,1fr\)\] {
      grid-template-rows: minmax(20px, 1fr) auto minmax(20px, 1fr);
    }
    .md\:grid-rows-\[minmax\(24px\,1fr\)_auto_minmax\(24px\,1fr\)\] {
      grid-template-rows: minmax(24px, 1fr) auto minmax(24px, 1fr);
    }
    .md\:flex-col {
      flex-direction: column;
    }
    .md\:flex-row {
      flex-direction: row;
    }
    .md\:flex-row-reverse {
      flex-direction: row-reverse;
    }
    .md\:flex-nowrap {
      flex-wrap: nowrap;
    }
    .md\:flex-wrap {
      flex-wrap: wrap;
    }
    .md\:place-items-center {
      place-items: center;
    }
    .md\:items-center {
      align-items: center;
    }
    .md\:items-end {
      align-items: flex-end;
    }
    .md\:items-start {
      align-items: flex-start;
    }
    .md\:items-stretch {
      align-items: stretch;
    }
    .md\:justify-between {
      justify-content: space-between;
    }
    .md\:justify-between\! {
      justify-content: space-between !important;
    }
    .md\:justify-center {
      justify-content: center;
    }
    .md\:justify-center\! {
      justify-content: center !important;
    }
    .md\:justify-end {
      justify-content: flex-end;
    }
    .md\:justify-start {
      justify-content: flex-start;
    }
    .md\:\!gap-0 {
      gap: calc(var(--spacing) * 0) !important;
    }
    .md\:\!gap-4 {
      gap: calc(var(--spacing) * 4) !important;
    }
    .md\:gap-0 {
      gap: calc(var(--spacing) * 0);
    }
    .md\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }
    .md\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }
    .md\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }
    .md\:gap-5 {
      gap: calc(var(--spacing) * 5);
    }
    .md\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }
    .md\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }
    .md\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }
    .md\:gap-12 {
      gap: calc(var(--spacing) * 12);
    }
    .md\:gap-14 {
      gap: calc(var(--spacing) * 14);
    }
    .md\:gap-16 {
      gap: calc(var(--spacing) * 16);
    }
    .md\:gap-32 {
      gap: calc(var(--spacing) * 32);
    }
    .md\:gap-36 {
      gap: calc(var(--spacing) * 36);
    }
    .md\:gap-\[14px\] {
      gap: 14px;
    }
    .md\:gap-\[72px\] {
      gap: 72px;
    }
    .min-md\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }
    .md\:gap-x-2 {
      column-gap: calc(var(--spacing) * 2);
    }
    .md\:gap-x-4 {
      column-gap: calc(var(--spacing) * 4);
    }
    .md\:gap-x-6 {
      column-gap: calc(var(--spacing) * 6);
    }
    .md\:gap-y-1\.5 {
      row-gap: calc(var(--spacing) * 1.5);
    }
    .md\:gap-y-4 {
      row-gap: calc(var(--spacing) * 4);
    }
    .md\:gap-y-12 {
      row-gap: calc(var(--spacing) * 12);
    }
    .md\:self-end {
      align-self: flex-end;
    }
    .md\:self-start {
      align-self: flex-start;
    }
    .md\:justify-self-end {
      justify-self: flex-end;
    }
    .md\:overflow-hidden {
      overflow: hidden;
    }
    .md\:overflow-x-auto {
      overflow-x: auto;
    }
    .md\:overflow-y-auto {
      overflow-y: auto;
    }
    .md\:overflow-y-hidden {
      overflow-y: hidden;
    }
    .md\:overscroll-x-contain {
      overscroll-behavior-x: contain;
    }
    .md\:rounded-2xl {
      border-radius: var(--radius-2xl);
    }
    .md\:rounded-2xl\! {
      border-radius: var(--radius-2xl) !important;
    }
    .md\:rounded-\[8px\] {
      border-radius: 8px;
    }
    .md\:rounded-\[12px\] {
      border-radius: 12px;
    }
    .md\:rounded-\[20px\] {
      border-radius: 20px;
    }
    .md\:rounded-\[22px\] {
      border-radius: 22px;
    }
    .md\:rounded-\[26px\] {
      border-radius: 26px;
    }
    .md\:rounded-\[32px\] {
      border-radius: 32px;
    }
    .md\:rounded-lg {
      border-radius: var(--radius-lg);
    }
    .md\:rounded-none {
      border-radius: 0;
    }
    .md\:rounded-b-2xl {
      border-bottom-right-radius: var(--radius-2xl);
      border-bottom-left-radius: var(--radius-2xl);
    }
    .md\:border-s,
    .md\:border-s-1 {
      border-inline-start-style: var(--tw-border-style);
      border-inline-start-width: 1px;
    }
    .md\:border-e {
      border-inline-end-style: var(--tw-border-style);
      border-inline-end-width: 1px;
    }
    .md\:border-e-0 {
      border-inline-end-style: var(--tw-border-style);
      border-inline-end-width: 0;
    }
    .md\:border-e-1 {
      border-inline-end-style: var(--tw-border-style);
      border-inline-end-width: 1px;
    }
    .md\:border-t-0 {
      border-top-style: var(--tw-border-style);
      border-top-width: 0;
    }
    .md\:border-t-1 {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
    .md\:border-b {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
    .md\:border-b-0 {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0;
    }
    .md\:border-b-1 {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
    .md\:border-b-2 {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 2px;
    }
    .md\:border-none {
      --tw-border-style: none;
      border-style: none;
    }
    .md\:border-gray-100 {
      border-color: var(--gray-100);
    }
    .md\:border-transparent {
      border-color: #0000;
    }
    .md\:bg-black\/\[0\.024\] {
      background-color: #00000006;
      background-color: lab(0% 0 0/0.024);
    }
    .md\:bg-gray-solid-1000 {
      background-color: #0d0d0d;
    }
    .md\:bg-token-bg-primary {
      background-color: var(--bg-primary);
    }
    .md\:bg-transparent {
      background-color: #0000;
    }
    .md\:bg-gradient-to-r {
      --tw-gradient-position: to right in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
    }
    .md\:from-black {
      --tw-gradient-from: #000;
      --tw-gradient-stops: var(
        --tw-gradient-via-stops,
        var(--tw-gradient-position),
        var(--tw-gradient-from) var(--tw-gradient-from-position),
        var(--tw-gradient-to) var(--tw-gradient-to-position)
      );
    }
    .md\:to-black\/0 {
      --tw-gradient-to: #0000;
      --tw-gradient-stops: var(
        --tw-gradient-via-stops,
        var(--tw-gradient-position),
        var(--tw-gradient-from) var(--tw-gradient-from-position),
        var(--tw-gradient-to) var(--tw-gradient-to-position)
      );
    }
    @supports (color: lab(0% 0 0)) {
      .md\:to-black\/0 {
        --tw-gradient-to: lab(0% 0 0/0);
      }
    }
    .md\:\[mask-image\:linear-gradient\(to_left\,black\,transparent_80\%\)\] {
      -webkit-mask-image: linear-gradient(270deg, #000, #0000 80%);
      mask-image: linear-gradient(270deg, #000, #0000 80%);
    }
    .md\:object-\[50\%_110\%\] {
      object-position: 50% 110%;
    }
    .md\:object-center {
      object-position: center;
    }
    .md\:p-0 {
      padding: calc(var(--spacing) * 0);
    }
    .md\:p-3 {
      padding: calc(var(--spacing) * 3);
    }
    .md\:p-4 {
      padding: calc(var(--spacing) * 4);
    }
    .md\:p-5 {
      padding: calc(var(--spacing) * 5);
    }
    .md\:p-6 {
      padding: calc(var(--spacing) * 6);
    }
    .md\:p-8 {
      padding: calc(var(--spacing) * 8);
    }
    .md\:p-12 {
      padding: calc(var(--spacing) * 12);
    }
    .md\:p-13\.5 {
      padding: calc(var(--spacing) * 13.5);
    }
    .min-md\:p-8 {
      padding: calc(var(--spacing) * 8);
    }
    .md\:px-\(--images-app-padding\) {
      padding-inline: var(--images-app-padding);
    }
    .md\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }
    .md\:px-2 {
      padding-inline: calc(var(--spacing) * 2);
    }
    .md\:px-2\.5 {
      padding-inline: calc(var(--spacing) * 2.5);
    }
    .md\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }
    .md\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }
    .md\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }
    .md\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
    .md\:px-7 {
      padding-inline: calc(var(--spacing) * 7);
    }
    .md\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
    .md\:px-9 {
      padding-inline: calc(var(--spacing) * 9);
    }
    .md\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }
    .md\:px-12 {
      padding-inline: calc(var(--spacing) * 12);
    }
    .md\:px-14 {
      padding-inline: calc(var(--spacing) * 14);
    }
    .md\:px-16 {
      padding-inline: calc(var(--spacing) * 16);
    }
    .md\:px-24 {
      padding-inline: calc(var(--spacing) * 24);
    }
    .md\:px-\[60px\] {
      padding-inline: 60px;
    }
    .md\:py-0 {
      padding-block: calc(var(--spacing) * 0);
    }
    .md\:py-2 {
      padding-block: calc(var(--spacing) * 2);
    }
    .md\:py-3 {
      padding-block: calc(var(--spacing) * 3);
    }
    .md\:py-4 {
      padding-block: calc(var(--spacing) * 4);
    }
    .md\:py-5 {
      padding-block: calc(var(--spacing) * 5);
    }
    .md\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }
    .md\:py-8 {
      padding-block: calc(var(--spacing) * 8);
    }
    .md\:py-10 {
      padding-block: calc(var(--spacing) * 10);
    }
    .md\:py-16 {
      padding-block: calc(var(--spacing) * 16);
    }
    .md\:py-20 {
      padding-block: calc(var(--spacing) * 20);
    }
    .md\:py-24 {
      padding-block: calc(var(--spacing) * 24);
    }
    .md\:py-32 {
      padding-block: calc(var(--spacing) * 32);
    }
    .md\:py-\[22px\] {
      padding-block: 22px;
    }
    .md\:ps-2 {
      padding-inline-start: calc(var(--spacing) * 2);
    }
    .md\:ps-3 {
      padding-inline-start: calc(var(--spacing) * 3);
    }
    .md\:ps-4 {
      padding-inline-start: calc(var(--spacing) * 4);
    }
    .md\:ps-5 {
      padding-inline-start: calc(var(--spacing) * 5);
    }
    .md\:ps-6 {
      padding-inline-start: calc(var(--spacing) * 6);
    }
    .md\:ps-8 {
      padding-inline-start: calc(var(--spacing) * 8);
    }
    .md\:pe-0 {
      padding-inline-end: calc(var(--spacing) * 0);
    }
    .md\:pe-2 {
      padding-inline-end: calc(var(--spacing) * 2);
    }
    .md\:pe-3 {
      padding-inline-end: calc(var(--spacing) * 3);
    }
    .md\:pe-4 {
      padding-inline-end: calc(var(--spacing) * 4);
    }
    .md\:pe-8 {
      padding-inline-end: calc(var(--spacing) * 8);
    }
    .md\:pe-12 {
      padding-inline-end: calc(var(--spacing) * 12);
    }
    .md\:pe-20 {
      padding-inline-end: calc(var(--spacing) * 20);
    }
    .md\:pe-56 {
      padding-inline-end: calc(var(--spacing) * 56);
    }
    .md\:pt-0 {
      padding-top: calc(var(--spacing) * 0);
    }
    .md\:pt-0\! {
      padding-top: calc(var(--spacing) * 0) !important;
    }
    .md\:pt-2 {
      padding-top: calc(var(--spacing) * 2);
    }
    .md\:pt-3 {
      padding-top: calc(var(--spacing) * 3);
    }
    .md\:pt-5 {
      padding-top: calc(var(--spacing) * 5);
    }
    .md\:pt-6 {
      padding-top: calc(var(--spacing) * 6);
    }
    .md\:pt-10 {
      padding-top: calc(var(--spacing) * 10);
    }
    .md\:pt-12 {
      padding-top: calc(var(--spacing) * 12);
    }
    .md\:pt-16 {
      padding-top: calc(var(--spacing) * 16);
    }
    .md\:pt-20 {
      padding-top: calc(var(--spacing) * 20);
    }
    .md\:pt-24 {
      padding-top: calc(var(--spacing) * 24);
    }
    .md\:pt-28 {
      padding-top: calc(var(--spacing) * 28);
    }
    .md\:pt-36 {
      padding-top: calc(var(--spacing) * 36);
    }
    .md\:pt-\[3px\] {
      padding-top: 3px;
    }
    .md\:pt-\[4\.5rem\] {
      padding-top: 4.5rem;
    }
    .md\:pt-\[200px\] {
      padding-top: 200px;
    }
    .min-md\:pt-3 {
      padding-top: calc(var(--spacing) * 3);
    }
    .md\:\!pb-\[24px\] {
      padding-bottom: 24px !important;
    }
    .md\:pb-0 {
      padding-bottom: calc(var(--spacing) * 0);
    }
    .md\:pb-0\.5 {
      padding-bottom: calc(var(--spacing) * 0.5);
    }
    .md\:pb-2 {
      padding-bottom: calc(var(--spacing) * 2);
    }
    .md\:pb-2\.5 {
      padding-bottom: calc(var(--spacing) * 2.5);
    }
    .md\:pb-3 {
      padding-bottom: calc(var(--spacing) * 3);
    }
    .md\:pb-4 {
      padding-bottom: calc(var(--spacing) * 4);
    }
    .md\:pb-5 {
      padding-bottom: calc(var(--spacing) * 5);
    }
    .md\:pb-6 {
      padding-bottom: calc(var(--spacing) * 6);
    }
    .md\:pb-8 {
      padding-bottom: calc(var(--spacing) * 8);
    }
    .md\:pb-12 {
      padding-bottom: calc(var(--spacing) * 12);
    }
    .md\:pb-14 {
      padding-bottom: calc(var(--spacing) * 14);
    }
    .md\:pb-16 {
      padding-bottom: calc(var(--spacing) * 16);
    }
    .md\:pb-20 {
      padding-bottom: calc(var(--spacing) * 20);
    }
    .md\:pb-24 {
      padding-bottom: calc(var(--spacing) * 24);
    }
    .md\:pb-40 {
      padding-bottom: calc(var(--spacing) * 40);
    }
    .md\:pl-2 {
      padding-left: calc(var(--spacing) * 2);
    }
    .md\:pl-4 {
      padding-left: calc(var(--spacing) * 4);
    }
    .md\:text-center {
      text-align: center;
    }
    .md\:text-justify {
      text-align: justify;
    }
    .md\:text-left {
      text-align: left;
    }
    .md\:text-start {
      text-align: start;
    }
    .md\:text-page-header {
      --tw-leading: 34px;
      --tw-font-weight: var(--font-weight-normal);
      font-size: 28px;
      line-height: 34px;
      font-weight: var(--font-weight-normal);
      --tw-tracking: 0.38px;
      letter-spacing: 0.38px;
    }
    .md\:text-body-regular {
      font-size: var(--text-body-regular);
      line-height: var(--tw-leading, var(--text-body-regular--line-height));
      letter-spacing: var(
        --tw-tracking,
        var(--text-body-regular--letter-spacing)
      );
      font-weight: var(--tw-font-weight, var(--text-body-regular--font-weight));
    }
    .md\:text-mkt-h3 {
      font-size: clamp(1.5rem, 0.56338vw + 1.36796rem, 1.875rem);
      line-height: var(
        --tw-leading,
        clamp(
          1.98rem,
          calc(1.98rem + 0.495 * ((100vw - 23.4375rem) / 66.5625)),
          2.475rem
        )
      );
      letter-spacing: var(--tw-tracking, -0.01em);
      font-weight: var(--tw-font-weight, 500);
    }
    .md\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
    .md\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
    .md\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    .md\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
    .md\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    .md\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    .md\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    .md\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
    .md\:text-\[15px\] {
      font-size: 15px;
    }
    .md\:text-\[19px\] {
      font-size: 19px;
    }
    .md\:text-\[24px\] {
      font-size: 24px;
    }
    .md\:text-\[26px\] {
      font-size: 26px;
    }
    .md\:text-\[32px\] {
      font-size: 32px;
    }
    .md\:text-\[40px\] {
      font-size: 40px;
    }
    .md\:text-\[44px\] {
      font-size: 44px;
    }
    .md\:text-\[52px\] {
      font-size: 52px;
    }
    .md\:text-\[54px\] {
      font-size: 54px;
    }
    .md\:text-\[56px\] {
      font-size: 56px;
    }
    .md\:text-\[150px\] {
      font-size: 150px;
    }
    .md\:leading-7 {
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
    }
    .md\:leading-8 {
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
    }
    .md\:leading-\[28px\] {
      --tw-leading: 28px;
      line-height: 28px;
    }
    .md\:leading-\[58px\] {
      --tw-leading: 58px;
      line-height: 58px;
    }
    .md\:leading-tight {
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
    }
    .md\:text-pretty {
      text-wrap: pretty;
    }
    .md\:whitespace-normal {
      white-space: normal;
    }
    .md\:whitespace-nowrap {
      white-space: nowrap;
    }
    .md\:text-token-text-primary {
      color: var(--text-primary);
    }
    .md\:text-token-text-tertiary {
      color: var(--text-tertiary);
    }
    .md\:opacity-0 {
      opacity: 0;
    }
    .md\:opacity-60 {
      opacity: 0.6;
    }
    .md\:opacity-100 {
      opacity: 1;
    }
    .md\:shadow-lg {
      --tw-shadow:
        0 10px 15px -3px var(--tw-shadow-color, #0000001a),
        0 4px 6px -4px var(--tw-shadow-color, #0000001a);
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .md\:\[--file-tile-width\:20rem\] {
      --file-tile-width: 20rem;
    }
    .md\:\[--offset-y-bottom\:-30px\] {
      --offset-y-bottom: -30px;
    }
    .md\:\[-webkit-mask-image\:linear-gradient\(to_left\,black\,transparent_80\%\)\] {
      -webkit-mask-image: linear-gradient(270deg, #000, #0000 80%);
    }
    .md\:group-focus-within\/file-row\:pointer-events-auto:is(
      :where(.group\/file-row):focus-within *
    ) {
      pointer-events: auto;
    }
    .md\:group-focus-within\/file-row\:opacity-100:is(
      :where(.group\/file-row):focus-within *
    ) {
      opacity: 1;
    }
    .md\:group-focus-within\/project-row\:opacity-0:is(
      :where(.group\/project-row):focus-within *
    ) {
      opacity: 0;
    }
    .md\:group-focus-within\/project-row\:opacity-100:is(
      :where(.group\/project-row):focus-within *
    ) {
      opacity: 1;
    }
    @media (hover: hover) {
      .md\:group-hover\:translate-x-\[calc\(-50\%\+315px\)\]:is(
        :where(.group):hover *
      ) {
        --tw-translate-x: calc(-50% + 315px);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
      .md\:group-hover\:translate-x-\[calc\(-50\%\+355px\)\]:is(
        :where(.group):hover *
      ) {
        --tw-translate-x: calc(-50% + 355px);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
      .md\:group-hover\:translate-y-\[calc\(-50\%\+100px\)\]:is(
        :where(.group):hover *
      ) {
        --tw-translate-y: calc(-50% + 100px);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
      .md\:group-hover\:translate-y-\[calc\(-50\%-75px\)\]:is(
        :where(.group):hover *
      ) {
        --tw-translate-y: calc(-50% - 75px);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
      .md\:group-hover\:opacity-100:is(:where(.group):hover *) {
        opacity: 1;
      }
      .md\:group-hover\/file-row\:pointer-events-auto:is(
        :where(.group\/file-row):hover *
      ) {
        pointer-events: auto;
      }
      .md\:group-hover\/file-row\:opacity-100:is(
        :where(.group\/file-row):hover *
      ) {
        opacity: 1;
      }
      .md\:group-hover\/project-row\:opacity-0:is(
        :where(.group\/project-row):hover *
      ) {
        opacity: 0;
      }
      .md\:group-hover\/project-row\:opacity-100:is(
        :where(.group\/project-row):hover *
      ),
      .md\:group-hover\/shopping-home-carousel\:opacity-100:is(
        :where(.group\/shopping-home-carousel):hover *
      ) {
        opacity: 1;
      }
    }
    .md\:after\:opacity-0:after {
      content: var(--tw-content);
      opacity: 0;
    }
    .md\:after\:opacity-100:after {
      content: var(--tw-content);
      opacity: 1;
    }
    .md\:first\:ms-0:first-child {
      margin-inline-start: calc(var(--spacing) * 0);
    }
    .md\:first\:rounded-ss-xl:first-child {
      border-start-start-radius: var(--radius-xl);
    }
    .md\:first\:rounded-es-xl:first-child {
      border-end-start-radius: var(--radius-xl);
    }
    .md\:last\:me-0:last-child {
      margin-inline-end: calc(var(--spacing) * 0);
    }
    .md\:last\:mb-6:last-child {
      margin-bottom: calc(var(--spacing) * 6);
    }
    .md\:last\:rounded-se-xl:last-child {
      border-start-end-radius: var(--radius-xl);
    }
    .md\:last\:rounded-ee-xl:last-child {
      border-end-end-radius: var(--radius-xl);
    }
    .md\:last\:border-e:last-child {
      border-inline-end-style: var(--tw-border-style);
      border-inline-end-width: 1px;
    }
    .md\:focus-within\:opacity-100:focus-within {
      opacity: 1;
    }
    @media (hover: hover) {
      .md\:hover\:scale-\[1\.01\]:hover {
        scale: 1.01;
      }
      .md\:hover\:bg-gray-50:hover {
        background-color: var(--gray-50);
      }
      .md\:hover\:opacity-120:hover {
        opacity: 1.2;
      }
    }
  }
  @media (min-width: 64rem) {
    .lg\:absolute {
      position: absolute;
    }
    .lg\:fixed {
      position: fixed;
    }
    .lg\:static {
      position: static;
    }
    .lg\:sticky {
      position: sticky;
    }
    .lg\:inset-auto {
      inset: auto;
    }
    .lg\:inset-x-0 {
      inset-inline: calc(var(--spacing) * 0);
    }
    .lg\:-start-8 {
      inset-inline-start: calc(var(--spacing) * -8);
    }
    .lg\:-start-\[17\%\] {
      inset-inline-start: -17%;
    }
    .lg\:start-1\/2 {
      inset-inline-start: 50%;
    }
    .lg\:start-3 {
      inset-inline-start: calc(var(--spacing) * 3);
    }
    .lg\:start-4 {
      inset-inline-start: calc(var(--spacing) * 4);
    }
    .lg\:start-8 {
      inset-inline-start: calc(var(--spacing) * 8);
    }
    .lg\:start-\[0\%\] {
      inset-inline-start: 0%;
    }
    .lg\:start-\[20\%\] {
      inset-inline-start: 20%;
    }
    .lg\:start-\[calc\(100\%\+8px\)\] {
      inset-inline-start: calc(100% + 8px);
    }
    .lg\:-end-\[20\%\] {
      inset-inline-end: -20%;
    }
    .lg\:end-4 {
      inset-inline-end: calc(var(--spacing) * 4);
    }
    .lg\:end-\[-2\%\] {
      inset-inline-end: -2%;
    }
    .lg\:end-\[10\%\] {
      inset-inline-end: 10%;
    }
    .lg\:-top-24 {
      top: calc(var(--spacing) * -24);
    }
    .lg\:top-0 {
      top: calc(var(--spacing) * 0);
    }
    .lg\:top-8 {
      top: calc(var(--spacing) * 8);
    }
    .lg\:top-20 {
      top: calc(var(--spacing) * 20);
    }
    .lg\:top-\[-15\%\] {
      top: -15%;
    }
    .lg\:top-\[10\%\] {
      top: 10%;
    }
    .lg\:top-\[15\%\] {
      top: 15%;
    }
    .lg\:top-\[20\%\] {
      top: 20%;
    }
    .lg\:top-\[20px\] {
      top: 20px;
    }
    .lg\:top-\[52\%\] {
      top: 52%;
    }
    .lg\:top-\[70\%\] {
      top: 70%;
    }
    .lg\:bottom-0 {
      bottom: calc(var(--spacing) * 0);
    }
    .lg\:bottom-5 {
      bottom: calc(var(--spacing) * 5);
    }
    .lg\:z-10 {
      z-index: 10;
    }
    .lg\:order-1 {
      order: 1;
    }
    .lg\:order-2 {
      order: 2;
    }
    .lg\:order-3 {
      order: 3;
    }
    .lg\:order-last {
      order: 9999;
    }
    .lg\:col-span-1 {
      grid-column: span 1 / span 1;
    }
    .lg\:col-span-2 {
      grid-column: span 2 / span 2;
    }
    .lg\:col-span-4 {
      grid-column: span 4 / span 4;
    }
    .lg\:col-span-6 {
      grid-column: span 6 / span 6;
    }
    .lg\:col-span-8 {
      grid-column: span 8 / span 8;
    }
    .lg\:col-span-10 {
      grid-column: span 10 / span 10;
    }
    .lg\:col-start-2 {
      grid-column-start: 2;
    }
    .lg\:col-start-3 {
      grid-column-start: 3;
    }
    .lg\:col-start-4 {
      grid-column-start: 4;
    }
    .lg\:col-start-5 {
      grid-column-start: 5;
    }
    .lg\:row-span-1 {
      grid-row: span 1 / span 1;
    }
    .lg\:m-0 {
      margin: calc(var(--spacing) * 0);
    }
    .lg\:-mx-6 {
      margin-inline: calc(var(--spacing) * -6);
    }
    .lg\:-mx-8 {
      margin-inline: calc(var(--spacing) * -8);
    }
    .lg\:mx-10 {
      margin-inline: calc(var(--spacing) * 10);
    }
    .lg\:mx-auto {
      margin-inline: auto;
    }
    .lg\:my-24 {
      margin-block: calc(var(--spacing) * 24);
    }
    .lg\:-ms-4 {
      margin-inline-start: calc(var(--spacing) * -4);
    }
    .lg\:-ms-8 {
      margin-inline-start: calc(var(--spacing) * -8);
    }
    .lg\:ms-auto {
      margin-inline-start: auto;
    }
    .lg\:me-4 {
      margin-inline-end: calc(var(--spacing) * 4);
    }
    .lg\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }
    .lg\:mt-2 {
      margin-top: calc(var(--spacing) * 2);
    }
    .lg\:mt-10 {
      margin-top: calc(var(--spacing) * 10);
    }
    .lg\:mb-8 {
      margin-bottom: calc(var(--spacing) * 8);
    }
    .lg\:block {
      display: block;
    }
    .lg\:flex {
      display: flex;
    }
    .lg\:grid {
      display: grid;
    }
    .lg\:hidden {
      display: none;
    }
    .lg\:inline-flex {
      display: inline-flex;
    }
    .lg\:h-1\.5 {
      height: calc(var(--spacing) * 1.5);
    }
    .lg\:h-5 {
      height: calc(var(--spacing) * 5);
    }
    .lg\:h-8 {
      height: calc(var(--spacing) * 8);
    }
    .lg\:h-12 {
      height: calc(var(--spacing) * 12);
    }
    .lg\:h-36 {
      height: calc(var(--spacing) * 36);
    }
    .lg\:h-80 {
      height: calc(var(--spacing) * 80);
    }
    .lg\:h-\[520px\] {
      height: 520px;
    }
    .lg\:h-\[720px\] {
      height: 720px;
    }
    .lg\:h-\[calc\(100svh-40px\)\] {
      height: calc(100svh - 40px);
    }
    .lg\:h-full {
      height: 100%;
    }
    .lg\:max-h-\[458px\] {
      max-height: 458px;
    }
    .lg\:max-h-\[848px\] {
      max-height: 848px;
    }
    .lg\:max-h-\[calc\(100svh-76px\)\] {
      max-height: calc(100svh - 76px);
    }
    .lg\:max-h-\[calc\(100vh-6rem\)\] {
      max-height: calc(100vh - 6rem);
    }
    .lg\:min-h-0 {
      min-height: calc(var(--spacing) * 0);
    }
    .lg\:min-h-12 {
      min-height: calc(var(--spacing) * 12);
    }
    .lg\:min-h-\[320px\] {
      min-height: 320px;
    }
    .lg\:min-h-\[calc\(100svh-40px\)\] {
      min-height: calc(100svh - 40px);
    }
    .lg\:w-1\.5 {
      width: calc(var(--spacing) * 1.5);
    }
    .lg\:w-1\/3 {
      width: 33.3333%;
    }
    .lg\:w-1\/4 {
      width: 25%;
    }
    .lg\:w-1\/5 {
      width: 20%;
    }
    .lg\:w-2\/3 {
      width: 66.6667%;
    }
    .lg\:w-5 {
      width: calc(var(--spacing) * 5);
    }
    .lg\:w-6 {
      width: calc(var(--spacing) * 6);
    }
    .lg\:w-8 {
      width: calc(var(--spacing) * 8);
    }
    .lg\:w-12 {
      width: calc(var(--spacing) * 12);
    }
    .lg\:w-44 {
      width: calc(var(--spacing) * 44);
    }
    .lg\:w-62 {
      width: calc(var(--spacing) * 62);
    }
    .lg\:w-64 {
      width: calc(var(--spacing) * 64);
    }
    .lg\:w-96 {
      width: calc(var(--spacing) * 96);
    }
    .lg\:w-100 {
      width: 25rem;
    }
    .lg\:w-\[27\%\] {
      width: 27%;
    }
    .lg\:w-\[30\%\] {
      width: 30%;
    }
    .lg\:w-\[160px\] {
      width: 160px;
    }
    .lg\:w-\[220px\] {
      width: 220px;
    }
    .lg\:w-\[320px\] {
      width: 320px;
    }
    .lg\:w-\[380px\] {
      width: 380px;
    }
    .lg\:w-\[399px\] {
      width: 399px;
    }
    .lg\:w-\[430px\] {
      width: 430px;
    }
    .lg\:w-\[440px\] {
      width: 440px;
    }
    .lg\:w-\[480px\] {
      width: 480px;
    }
    .lg\:w-\[680px\] {
      width: 680px;
    }
    .lg\:w-\[var\(--codex-security-left-pane-width\)\] {
      width: var(--codex-security-left-pane-width);
    }
    .lg\:w-auto {
      width: auto;
    }
    .lg\:w-full {
      width: 100%;
    }
    .lg\:max-w-\(--thread-content-max-width\) {
      max-width: var(--thread-content-max-width);
    }
    .lg\:max-w-1\/2 {
      max-width: 50%;
    }
    .lg\:max-w-2xl {
      max-width: var(--container-2xl);
    }
    .lg\:max-w-3xl {
      max-width: var(--container-3xl);
    }
    .lg\:max-w-52 {
      max-width: calc(var(--spacing) * 52);
    }
    .lg\:max-w-64 {
      max-width: calc(var(--spacing) * 64);
    }
    .lg\:max-w-72 {
      max-width: calc(var(--spacing) * 72);
    }
    .lg\:max-w-96 {
      max-width: calc(var(--spacing) * 96);
    }
    .lg\:max-w-100 {
      max-width: 25rem;
    }
    .lg\:max-w-200 {
      max-width: calc(var(--spacing) * 200);
    }
    .lg\:max-w-\[40rem\] {
      max-width: 40rem;
    }
    .lg\:max-w-\[80\%\] {
      max-width: 80%;
    }
    .lg\:max-w-\[90\%\] {
      max-width: 90%;
    }
    .lg\:max-w-\[200px\] {
      max-width: 200px;
    }
    .lg\:max-w-\[240px\] {
      max-width: 240px;
    }
    .lg\:max-w-\[260px\] {
      max-width: 260px;
    }
    .lg\:max-w-\[300px\] {
      max-width: 300px;
    }
    .lg\:max-w-\[600px\] {
      max-width: 600px;
    }
    .lg\:max-w-\[640px\] {
      max-width: 640px;
    }
    .lg\:max-w-\[680px\] {
      max-width: 680px;
    }
    .lg\:max-w-\[796px\] {
      max-width: 796px;
    }
    .lg\:max-w-\[800px\] {
      max-width: 800px;
    }
    .lg\:max-w-\[1024px\] {
      max-width: 1024px;
    }
    .lg\:min-w-12 {
      min-width: calc(var(--spacing) * 12);
    }
    .lg\:min-w-20 {
      min-width: calc(var(--spacing) * 20);
    }
    .lg\:min-w-100 {
      min-width: 25rem;
    }
    .lg\:min-w-\[220px\] {
      min-width: 220px;
    }
    .lg\:min-w-\[420px\] {
      min-width: 420px;
    }
    .lg\:flex-1 {
      flex: 1;
    }
    .lg\:shrink-0 {
      flex-shrink: 0;
    }
    .lg\:flex-grow-0 {
      flex-grow: 0;
    }
    .lg\:scroll-m-6 {
      scroll-margin: calc(var(--spacing) * 6);
    }
    .lg\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .lg\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .lg\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .lg\:grid-cols-\[1\.2fr_2fr\] {
      grid-template-columns: 1.2fr 2fr;
    }
    .lg\:grid-cols-\[1fr_auto_1fr\] {
      grid-template-columns: 1fr auto 1fr;
    }
    .lg\:grid-cols-\[60\%_40\%\] {
      grid-template-columns: 60% 40%;
    }
    .lg\:grid-cols-\[220px_minmax\(0\,1fr\)_380px\] {
      grid-template-columns: 220px minmax(0, 1fr) 380px;
    }
    .lg\:grid-cols-\[399px_minmax\(0\,1fr\)_380px\] {
      grid-template-columns: 399px minmax(0, 1fr) 380px;
    }
    .lg\:grid-cols-\[auto_1fr\] {
      grid-template-columns: auto 1fr;
    }
    .lg\:grid-cols-\[minmax\(0\,1fr\)\,220px\] {
      grid-template-columns: minmax(0, 1fr), 220px;
    }
    .lg\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
      grid-template-columns: minmax(0, 1fr) auto;
    }
    .lg\:grid-cols-\[minmax\(0\,400px\)_minmax\(0\,680px\)\] {
      grid-template-columns: minmax(0, 400px) minmax(0, 680px);
    }
    .lg\:grid-rows-2 {
      grid-template-rows: repeat(2, minmax(0, 1fr));
    }
    .lg\:flex-col {
      flex-direction: column;
    }
    .lg\:flex-row {
      flex-direction: row;
    }
    .lg\:flex-nowrap {
      flex-wrap: nowrap;
    }
    .lg\:flex-wrap {
      flex-wrap: wrap;
    }
    .lg\:items-center {
      align-items: center;
    }
    .lg\:items-end {
      align-items: flex-end;
    }
    .lg\:items-start {
      align-items: flex-start;
    }
    .lg\:justify-between {
      justify-content: space-between;
    }
    .lg\:justify-center {
      justify-content: center;
    }
    .lg\:justify-center\! {
      justify-content: center !important;
    }
    .lg\:justify-end {
      justify-content: flex-end;
    }
    .lg\:gap-0 {
      gap: calc(var(--spacing) * 0);
    }
    .lg\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }
    .lg\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }
    .lg\:gap-12 {
      gap: calc(var(--spacing) * 12);
    }
    .lg\:gap-14 {
      gap: calc(var(--spacing) * 14);
    }
    .lg\:gap-18 {
      gap: calc(var(--spacing) * 18);
    }
    .lg\:gap-20 {
      gap: calc(var(--spacing) * 20);
    }
    .lg\:gap-\[5px\] {
      gap: 5px;
    }
    .lg\:gap-\[24px\] {
      gap: 24px;
    }
    .lg\:gap-\[32px\] {
      gap: 32px;
    }
    :where(.lg\:space-y-0\.5 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(
        calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse)
      );
      margin-block-end: calc(
        calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse))
      );
    }
    .lg\:gap-x-3 {
      column-gap: calc(var(--spacing) * 3);
    }
    .lg\:gap-x-6 {
      column-gap: calc(var(--spacing) * 6);
    }
    .lg\:gap-y-2 {
      row-gap: calc(var(--spacing) * 2);
    }
    .lg\:gap-y-2\.5 {
      row-gap: calc(var(--spacing) * 2.5);
    }
    .lg\:gap-y-16 {
      row-gap: calc(var(--spacing) * 16);
    }
    .lg\:self-start {
      align-self: flex-start;
    }
    .lg\:justify-self-center {
      justify-self: center;
    }
    .lg\:justify-self-end {
      justify-self: flex-end;
    }
    .lg\:overflow-auto {
      overflow: auto;
    }
    .lg\:overflow-hidden {
      overflow: hidden;
    }
    .lg\:overflow-y-auto {
      overflow-y: auto;
    }
    .lg\:rounded-4xl {
      border-radius: var(--radius-4xl);
    }
    .lg\:border-s {
      border-inline-start-style: var(--tw-border-style);
      border-inline-start-width: 1px;
    }
    .lg\:border-e {
      border-inline-end-style: var(--tw-border-style);
      border-inline-end-width: 1px;
    }
    .lg\:border-t {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
    .lg\:border-b-0 {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0;
    }
    .lg\:bg-transparent {
      background-color: #0000;
    }
    .lg\:mask-r-from-black {
      -webkit-mask-image:
        var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
      -webkit-mask-image:
        var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
      -webkit-mask-image:
        var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
      -webkit-mask-image:
        var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
      mask-image:
        var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
      --tw-mask-linear:
        var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom),
        var(--tw-mask-top);
      --tw-mask-right: linear-gradient(
        to right,
        var(--tw-mask-right-from-color) var(--tw-mask-right-from-position),
        var(--tw-mask-right-to-color) var(--tw-mask-right-to-position)
      );
      --tw-mask-right-from-color: #000;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      mask-composite: intersect;
    }
    .lg\:p-3 {
      padding: calc(var(--spacing) * 3);
    }
    .lg\:p-4 {
      padding: calc(var(--spacing) * 4);
    }
    .lg\:p-8 {
      padding: calc(var(--spacing) * 8);
    }
    .lg\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }
    .lg\:px-2 {
      padding-inline: calc(var(--spacing) * 2);
    }
    .lg\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }
    .lg\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }
    .lg\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
    .lg\:px-7 {
      padding-inline: calc(var(--spacing) * 7);
    }
    .lg\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
    .lg\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }
    .lg\:px-14 {
      padding-inline: calc(var(--spacing) * 14);
    }
    .lg\:px-16 {
      padding-inline: calc(var(--spacing) * 16);
    }
    .lg\:px-24 {
      padding-inline: calc(var(--spacing) * 24);
    }
    .lg\:px-\[14px\] {
      padding-inline: 14px;
    }
    .lg\:px-\[20px\] {
      padding-inline: 20px;
    }
    .lg\:py-0 {
      padding-block: calc(var(--spacing) * 0);
    }
    .lg\:py-2 {
      padding-block: calc(var(--spacing) * 2);
    }
    .lg\:py-3 {
      padding-block: calc(var(--spacing) * 3);
    }
    .lg\:py-4 {
      padding-block: calc(var(--spacing) * 4);
    }
    .lg\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }
    .lg\:ps-0 {
      padding-inline-start: calc(var(--spacing) * 0);
    }
    .lg\:ps-4 {
      padding-inline-start: calc(var(--spacing) * 4);
    }
    .lg\:ps-6 {
      padding-inline-start: calc(var(--spacing) * 6);
    }
    .lg\:ps-8 {
      padding-inline-start: calc(var(--spacing) * 8);
    }
    .lg\:ps-10 {
      padding-inline-start: calc(var(--spacing) * 10);
    }
    .lg\:pe-0 {
      padding-inline-end: calc(var(--spacing) * 0);
    }
    .lg\:pe-4 {
      padding-inline-end: calc(var(--spacing) * 4);
    }
    .lg\:pe-5 {
      padding-inline-end: calc(var(--spacing) * 5);
    }
    .lg\:pe-6 {
      padding-inline-end: calc(var(--spacing) * 6);
    }
    .lg\:pe-16 {
      padding-inline-end: calc(var(--spacing) * 16);
    }
    .lg\:pe-\[8px\] {
      padding-inline-end: 8px;
    }
    .lg\:pt-0 {
      padding-top: calc(var(--spacing) * 0);
    }
    .lg\:pt-8 {
      padding-top: calc(var(--spacing) * 8);
    }
    .lg\:pt-12 {
      padding-top: calc(var(--spacing) * 12);
    }
    .lg\:pt-16 {
      padding-top: calc(var(--spacing) * 16);
    }
    .lg\:pb-0 {
      padding-bottom: calc(var(--spacing) * 0);
    }
    .lg\:pb-1 {
      padding-bottom: calc(var(--spacing) * 1);
    }
    .lg\:pb-2 {
      padding-bottom: calc(var(--spacing) * 2);
    }
    .lg\:pb-12 {
      padding-bottom: calc(var(--spacing) * 12);
    }
    .lg\:pb-20 {
      padding-bottom: calc(var(--spacing) * 20);
    }
    .lg\:pb-\[0\.25em\] {
      padding-bottom: 0.25em;
    }
    .lg\:pb-\[60px\] {
      padding-bottom: 60px;
    }
    .lg\:text-start {
      text-align: start;
    }
    .lg\:text-mkt-h4 {
      font-size: clamp(1.25rem, 0.187793vw + 1.20599rem, 1.375rem);
      line-height: var(
        --tw-leading,
        clamp(
          1.5rem,
          calc(1.5rem + 0.2325 * ((100vw - 23.4375rem) / 66.5625)),
          1.7325rem
        )
      );
      letter-spacing: var(--tw-tracking, -0.01em);
      font-weight: var(--tw-font-weight, 500);
    }
    .lg\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
    .lg\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
    .lg\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    .lg\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    .lg\:text-\[0\.75rem\] {
      font-size: 0.75rem;
    }
    .lg\:text-\[12px\] {
      font-size: 12px;
    }
    .lg\:text-\[13px\] {
      font-size: 13px;
    }
    .lg\:leading-\[16px\] {
      --tw-leading: 16px;
      line-height: 16px;
    }
    .lg\:shadow-lg {
      --tw-shadow:
        0 10px 15px -3px var(--tw-shadow-color, #0000001a),
        0 4px 6px -4px var(--tw-shadow-color, #0000001a);
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    @media (min-width: 48rem) {
      .lg\:md\:shadow-xl {
        --tw-shadow:
          0 20px 25px -5px var(--tw-shadow-color, #0000001a),
          0 8px 10px -6px var(--tw-shadow-color, #0000001a);
        box-shadow:
          var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
          var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  @media (min-width: 80rem) {
    .xl\:order-1 {
      order: 1;
    }
    .xl\:order-2 {
      order: 2;
    }
    .xl\:col-span-1 {
      grid-column: span 1 / span 1;
    }
    .xl\:col-span-2 {
      grid-column: span 2 / span 2;
    }
    .xl\:col-span-4 {
      grid-column: span 4 / span 4;
    }
    .xl\:col-span-5 {
      grid-column: span 5 / span 5;
    }
    .xl\:col-span-6 {
      grid-column: span 6 / span 6;
    }
    .xl\:col-span-8 {
      grid-column: span 8 / span 8;
    }
    .xl\:col-span-10 {
      grid-column: span 10 / span 10;
    }
    .xl\:col-start-2 {
      grid-column-start: 2;
    }
    .xl\:col-start-3 {
      grid-column-start: 3;
    }
    .xl\:col-start-4 {
      grid-column-start: 4;
    }
    .xl\:-mx-10 {
      margin-inline: calc(var(--spacing) * -10);
    }
    .xl\:mx-auto {
      margin-inline: auto;
    }
    .xl\:block {
      display: block;
    }
    .xl\:flex {
      display: flex;
    }
    .xl\:hidden {
      display: none;
    }
    .xl\:h-\[60vh\] {
      height: 60vh;
    }
    .xl\:h-\[calc\(100vh-10rem\)\] {
      height: calc(100vh - 10rem);
    }
    .xl\:h-full {
      height: 100%;
    }
    .xl\:min-h-0 {
      min-height: calc(var(--spacing) * 0);
    }
    .xl\:min-h-44 {
      min-height: calc(var(--spacing) * 44);
    }
    .xl\:w-10 {
      width: calc(var(--spacing) * 10);
    }
    .xl\:w-full {
      width: 100%;
    }
    .xl\:max-w-3xl {
      max-width: var(--container-3xl);
    }
    .xl\:max-w-4xl {
      max-width: var(--container-4xl);
    }
    .xl\:max-w-64 {
      max-width: calc(var(--spacing) * 64);
    }
    .xl\:max-w-\[40rem\] {
      max-width: 40rem;
    }
    .xl\:max-w-\[46rem\] {
      max-width: 46rem;
    }
    .xl\:max-w-\[48rem\] {
      max-width: 48rem;
    }
    .xl\:max-w-\[1120px\] {
      max-width: 1120px;
    }
    .xl\:max-w-screen-2xl {
      max-width: var(--breakpoint-2xl);
    }
    .xl\:max-w-xs {
      max-width: var(--container-xs);
    }
    .xl\:flex-1 {
      flex: 1;
    }
    .xl\:scroll-m-10 {
      scroll-margin: calc(var(--spacing) * 10);
    }
    .xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .xl\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .xl\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .xl\:grid-cols-\[20rem_minmax\(360px\,1fr\)\] {
      grid-template-columns: 20rem minmax(360px, 1fr);
    }
    .xl\:grid-cols-\[26rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 26rem minmax(0, 1fr);
    }
    .xl\:grid-cols-\[240px_minmax\(0\,1fr\)\] {
      grid-template-columns: 240px minmax(0, 1fr);
    }
    .xl\:grid-cols-\[320px_minmax\(0\,1fr\)\] {
      grid-template-columns: 320px minmax(0, 1fr);
    }
    .xl\:grid-cols-\[360px_minmax\(0\,1fr\)\] {
      grid-template-columns: 360px minmax(0, 1fr);
    }
    .xl\:grid-cols-\[380px_minmax\(0\,1fr\)\] {
      grid-template-columns: 380px minmax(0, 1fr);
    }
    .xl\:grid-cols-\[420px_minmax\(0\,1fr\)\] {
      grid-template-columns: 420px minmax(0, 1fr);
    }
    .xl\:grid-cols-\[minmax\(0\,0\.95fr\)_minmax\(340px\,0\.78fr\)\] {
      grid-template-columns: minmax(0, 0.95fr) minmax(340px, 0.78fr);
    }
    .xl\:grid-cols-\[minmax\(0\,1\.1fr\)_minmax\(0\,0\.9fr\)\] {
      grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    }
    .xl\:grid-cols-\[minmax\(0\,1\.3fr\)_repeat\(4\,minmax\(0\,0\.72fr\)\)\] {
      grid-template-columns: minmax(0, 1.3fr) repeat(4, minmax(0, 0.72fr));
    }
    .xl\:grid-cols-\[minmax\(0\,1\.25fr\)_minmax\(340px\,0\.75fr\)\] {
      grid-template-columns: minmax(0, 1.25fr) minmax(340px, 0.75fr);
    }
    .xl\:grid-cols-\[minmax\(0\,1fr\)_40px\] {
      grid-template-columns: minmax(0, 1fr) 40px;
    }
    .xl\:grid-cols-\[minmax\(0\,1fr\)_var\(--usage-analytics-insight-sidebar-width\)\] {
      grid-template-columns: minmax(0, 1fr) var(
          --usage-analytics-insight-sidebar-width
        );
    }
    .xl\:grid-cols-\[minmax\(0\,420px\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 420px) minmax(0, 1fr);
    }
    .xl\:grid-rows-1 {
      grid-template-rows: repeat(1, minmax(0, 1fr));
    }
    .xl\:flex-col {
      flex-direction: column;
    }
    .xl\:flex-row {
      flex-direction: row;
    }
    .xl\:items-end {
      align-items: flex-end;
    }
    .xl\:items-start {
      align-items: flex-start;
    }
    .xl\:items-stretch {
      align-items: stretch;
    }
    .xl\:justify-between {
      justify-content: space-between;
    }
    .xl\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }
    .xl\:gap-12 {
      gap: calc(var(--spacing) * 12);
    }
    .xl\:gap-x-2\.5 {
      column-gap: calc(var(--spacing) * 2.5);
    }
    .xl\:gap-y-2\.5 {
      row-gap: calc(var(--spacing) * 2.5);
    }
    .xl\:self-stretch {
      align-self: stretch;
    }
    .xl\:overflow-auto {
      overflow: auto;
    }
    .xl\:overflow-x-hidden {
      overflow-x: hidden;
    }
    .xl\:overflow-y-auto {
      overflow-y: auto;
    }
    .xl\:border-s {
      border-inline-start-style: var(--tw-border-style);
      border-inline-start-width: 1px;
    }
    .xl\:border-e {
      border-inline-end-style: var(--tw-border-style);
      border-inline-end-width: 1px;
    }
    .xl\:border-b-0 {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0;
    }
    .xl\:border-token-border-light {
      border-color: var(--border-light);
    }
    .xl\:px-2 {
      padding-inline: calc(var(--spacing) * 2);
    }
    .xl\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }
    .xl\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }
    .xl\:px-7 {
      padding-inline: calc(var(--spacing) * 7);
    }
    .xl\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
    .xl\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }
    .xl\:px-24 {
      padding-inline: calc(var(--spacing) * 24);
    }
    .xl\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }
    .xl\:ps-24 {
      padding-inline-start: calc(var(--spacing) * 24);
    }
    .xl\:pe-2 {
      padding-inline-end: calc(var(--spacing) * 2);
    }
    .xl\:pt-10 {
      padding-top: calc(var(--spacing) * 10);
    }
    .xl\:pb-4 {
      padding-bottom: calc(var(--spacing) * 4);
    }
    .xl\:pb-\[0\.375em\] {
      padding-bottom: 0.375em;
    }
    .xl\:text-mkt-h3 {
      font-size: clamp(1.5rem, 0.56338vw + 1.36796rem, 1.875rem);
      line-height: var(
        --tw-leading,
        clamp(
          1.98rem,
          calc(1.98rem + 0.495 * ((100vw - 23.4375rem) / 66.5625)),
          2.475rem
        )
      );
      letter-spacing: var(--tw-tracking, -0.01em);
      font-weight: var(--tw-font-weight, 500);
    }
    .xl\:text-mkt-p2 {
      font-size: 0.875rem;
      line-height: var(--tw-leading, 1.435rem);
      letter-spacing: var(--tw-tracking, -0.01em);
      font-weight: var(--tw-font-weight, 400);
    }
    .xl\:text-\[14px\] {
      font-size: 14px;
    }
    .xl\:text-pretty {
      text-wrap: pretty;
    }
  }
  @media (min-width: 96rem) {
    .\32 xl\:mb-8 {
      margin-bottom: calc(var(--spacing) * 8);
    }
    .\32 xl\:max-w-\[46rem\] {
      max-width: 46rem;
    }
    .\32 xl\:max-w-\[52rem\] {
      max-width: 52rem;
    }
    .\32
      xl\:\[scroll-padding-inline-start\:calc\(\(100\%_-_90rem\)_\/_2_\+_2rem\)\] {
      scroll-padding-inline-start: calc(50% - 43rem);
    }
    .\32 xl\:scroll-ps-\[calc\(\(100\%_-_96rem\)_\/_2_\+_32px\)\] {
      scroll-padding-inline-start: calc(50% - 48rem + 32px);
    }
    .\32 xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .\32 xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .\32 xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .\32 xl\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .\32 xl\:grid-cols-\[360px_minmax\(0\,1fr\)\] {
      grid-template-columns: 360px minmax(0, 1fr);
    }
    .\32 xl\:px-\[calc\(\(100\%_-_90rem\)_\/_2_\+_2rem\)\] {
      padding-inline: calc(50% - 43rem);
    }
    .\32 xl\:ps-\[calc\(\(100\%_-_96rem\)_\/_2_\+_32px\)\] {
      padding-inline-start: calc(50% - 48rem + 32px);
    }
    .\32 xl\:pt-8 {
      padding-top: calc(var(--spacing) * 8);
    }
    .\32 xl\:pt-12 {
      padding-top: calc(var(--spacing) * 12);
    }
    .\32 xl\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  @container not (width>=400px) {
    .\@max-\[400px\]\:max-w-full {
      max-width: 100%;
    }
  }
  @container not (width>=48rem) {
    .\@max-3xl\:-top-2 {
      top: calc(var(--spacing) * -2);
    }
  }
  @container main not (width>=43rem) {
    .\@max-\[43rem\]\/main\:-mx-\(--thread-content-margin\) {
      margin-inline: calc(var(--thread-content-margin) * -1);
    }
    .\@max-\[43rem\]\/main\:scroll-m-\(--thread-content-margin\) {
      scroll-margin: var(--thread-content-margin);
    }
    .\@max-\[43rem\]\/main\:px-\(--thread-content-margin\) {
      padding-inline: var(--thread-content-margin);
    }
  }
  @container main not (width>=42rem) {
    .\@max-2xl\/main\:mask-b-from-black {
      -webkit-mask-image:
        var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
      -webkit-mask-image:
        var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
      -webkit-mask-image:
        var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
      -webkit-mask-image:
        var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
      mask-image:
        var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
      --tw-mask-linear:
        var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom),
        var(--tw-mask-top);
      --tw-mask-bottom: linear-gradient(
        to bottom,
        var(--tw-mask-bottom-from-color) var(--tw-mask-bottom-from-position),
        var(--tw-mask-bottom-to-color) var(--tw-mask-bottom-to-position)
      );
      --tw-mask-bottom-from-color: #000;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      mask-composite: intersect;
    }
  }
  @container not (width>=32rem) {
    .\@max-lg\:auto-cols-\[70\%\] {
      grid-auto-columns: 70%;
    }
  }
  @container not (width>=28rem) {
    .\@max-md\:end-1 {
      inset-inline-end: calc(var(--spacing) * 1);
    }
    .\@max-md\:top-3 {
      top: calc(var(--spacing) * 3);
    }
    .\@max-md\:-m-1 {
      margin: calc(var(--spacing) * -1);
    }
  }
  @container (width>=0) {
    .\@\[0px\]\:hidden {
      display: none;
    }
  }
  @container (width>=150px) {
    .\@\[150px\]\:block {
      display: block;
    }
  }
  @container composer (width>=300px) {
    .\@\[300px\]\/composer\:flex {
      display: flex;
    }
  }
  @container composer (width>=310px) {
    .\@\[310px\]\/composer\:flex {
      display: flex;
    }
  }
  @container (width>=380px) {
    .\@\[380px\]\:grid-cols-\[fit-content\(10rem\)_minmax\(0\,1fr\)\] {
      grid-template-columns: fit-content(10rem) minmax(0, 1fr);
    }
  }
  @container composer (width>=400px) {
    .\@\[400px\]\/composer\:flex {
      display: flex;
    }
  }
  @container (width>=480px) {
    .\@\[480px\]\:ms-0 {
      margin-inline-start: calc(var(--spacing) * 0);
    }
    .\@\[480px\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .\@\[480px\]\:flex-col {
      flex-direction: column;
    }
    .\@\[480px\]\:p-4 {
      padding: calc(var(--spacing) * 4);
    }
    .\@\[480px\]\:ps-4 {
      padding-inline-start: calc(var(--spacing) * 4);
    }
  }
  @container (width>=600px) {
    .\@\[600px\]\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @container (width>=768px) {
    .\@\[768px\]\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }
  }
  @container composer (width>=800px) {
    .\@\[800px\]\/composer\:flex {
      display: flex;
    }
  }
  @container col (width>=24rem) {
    .\@sm\/col\:col-span-1 {
      grid-column: span 1 / span 1;
    }
  }
  @container preview-pane (width>=24rem) {
    .\@sm\/preview-pane\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .\@sm\/preview-pane\:items-center {
      align-items: center;
    }
  }
  @container (width>=28rem) {
    .\@md\:absolute {
      position: absolute;
    }
    .\@md\:start-0 {
      inset-inline-start: calc(var(--spacing) * 0);
    }
    .\@md\:top-1 {
      top: calc(var(--spacing) * 1);
    }
  }
  @container col (width>=28rem) {
    .\@md\/col\:col-span-8 {
      grid-column: span 8 / span 8;
    }
  }
  @container (width>=28rem) {
    .\@md\:col-span-1 {
      grid-column: span 1 / span 1;
    }
  }
  @container col (width>=28rem) {
    .\@md\/col\:col-start-3 {
      grid-column-start: 3;
    }
  }
  @container (width>=28rem) {
    .\@md\:mb-0 {
      margin-bottom: calc(var(--spacing) * 0);
    }
    .\@md\:block {
      display: block;
    }
    .\@md\:w-1\/2 {
      width: 50%;
    }
    .\@md\:w-auto {
      width: auto;
    }
    .\@md\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .\@md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .\@md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .\@md\:flex-row {
      flex-direction: row;
    }
    .\@md\:border-s {
      border-inline-start-style: var(--tw-border-style);
      border-inline-start-width: 1px;
    }
    .\@md\:border-t {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
    .\@md\:border-t-0 {
      border-top-style: var(--tw-border-style);
      border-top-width: 0;
    }
  }
  @container col (width>=32rem) {
    .\@lg\/col\:col-span-6 {
      grid-column: span 6 / span 6;
    }
  }
  @container (width>=32rem) {
    .\@lg\:col-span-10 {
      grid-column: span 10 / span 10;
    }
  }
  @container col (width>=32rem) {
    .\@lg\/col\:col-start-4 {
      grid-column-start: 4;
    }
  }
  @container (width>=32rem) {
    .\@lg\:col-start-2 {
      grid-column-start: 2;
    }
    .\@lg\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }
    .\@lg\:mb-0 {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  @container images-promo-banner (width>=32rem) {
    .\@lg\/images-promo-banner\:flex {
      display: flex;
    }
  }
  @container (width>=32rem) {
    .\@lg\:block {
      display: block;
    }
    .\@lg\:flex {
      display: flex;
    }
    .\@lg\:hidden {
      display: none;
    }
    .\@lg\:inline {
      display: inline;
    }
    .\@lg\:size-4\.5 {
      width: calc(var(--spacing) * 4.5);
      height: calc(var(--spacing) * 4.5);
    }
    .\@lg\:size-7 {
      width: calc(var(--spacing) * 7);
      height: calc(var(--spacing) * 7);
    }
    .\@lg\:size-10 {
      width: calc(var(--spacing) * 10);
      height: calc(var(--spacing) * 10);
    }
    .\@lg\:w-auto {
      width: auto;
    }
    .\@lg\:max-w-none {
      max-width: none;
    }
    .\@lg\:justify-center {
      justify-content: center;
    }
    .\@lg\:py-3\.5 {
      padding-block: calc(var(--spacing) * 3.5);
    }
    .\@lg\:ps-2 {
      padding-inline-start: calc(var(--spacing) * 2);
    }
    .\@lg\:pe-2 {
      padding-inline-end: calc(var(--spacing) * 2);
    }
  }
  @container main (width>=40rem) {
    .\@\[40rem\]\/main\:-start-7 {
      inset-inline-start: calc(var(--spacing) * -7);
    }
    .\@w-sm\/main\:-mx-4 {
      margin-inline: calc(var(--spacing) * -4);
    }
    .\@\[40rem\]\/main\:block {
      display: block;
    }
    .\@w-sm\/main\:flex {
      display: flex;
    }
    .\@w-sm\/main\:w-\[calc\(100\%\+2rem\)\] {
      width: calc(100% + 2rem);
    }
    .\@w-sm\/main\:max-w-full {
      max-width: 100%;
    }
    .\@w-sm\/main\:flex-row {
      flex-direction: row;
    }
    .\@w-sm\/main\:gap-2\.5 {
      gap: calc(var(--spacing) * 2.5);
    }
    .\@w-sm\/main\:px-2 {
      padding-inline: calc(var(--spacing) * 2);
    }
    .\@w-sm\/main\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }
    .\@w-sm\/main\:\[--thread-content-margin\:var\(--thread-content-margin-sm\,calc\(var\(--spacing\)\*6\)\)\] {
      --thread-content-margin: var(
        --thread-content-margin-sm,
        calc(var(--spacing) * 6)
      );
    }
    .\@w-sm\/main\:\[scrollbar-gutter\:var\(--stage-scroll-gutter\)\] {
      scrollbar-gutter: var(--stage-scroll-gutter);
    }
  }
  @container main (width>=42rem) {
    .\@2xl\/main\:start-8 {
      inset-inline-start: calc(var(--spacing) * 8);
    }
    .\@2xl\/main\:top-8 {
      top: calc(var(--spacing) * 8);
    }
    .\@2xl\/main\:bottom-5 {
      bottom: calc(var(--spacing) * 5);
    }
    .\@2xl\/main\:m-0 {
      margin: calc(var(--spacing) * 0);
    }
    .\@2xl\/main\:-mx-8 {
      margin-inline: calc(var(--spacing) * -8);
    }
    .\@2xl\/main\:me-4 {
      margin-inline-end: calc(var(--spacing) * 4);
    }
    .\@2xl\/main\:mt-2 {
      margin-top: calc(var(--spacing) * 2);
    }
    .\@2xl\/main\:block {
      display: block;
    }
    .\@2xl\/main\:hidden {
      display: none;
    }
    .\@2xl\/main\:h-1\.5 {
      height: calc(var(--spacing) * 1.5);
    }
    .\@2xl\/main\:h-5 {
      height: calc(var(--spacing) * 5);
    }
    .\@2xl\/main\:h-8 {
      height: calc(var(--spacing) * 8);
    }
    .\@2xl\/main\:h-12 {
      height: calc(var(--spacing) * 12);
    }
    .\@2xl\/main\:h-80 {
      height: calc(var(--spacing) * 80);
    }
    .\@2xl\/main\:h-full {
      height: 100%;
    }
    .\@2xl\/main\:min-h-12 {
      min-height: calc(var(--spacing) * 12);
    }
    .\@2xl\/main\:w-1\.5 {
      width: calc(var(--spacing) * 1.5);
    }
    .\@2xl\/main\:w-5 {
      width: calc(var(--spacing) * 5);
    }
    .\@2xl\/main\:w-8 {
      width: calc(var(--spacing) * 8);
    }
    .\@2xl\/main\:w-12 {
      width: calc(var(--spacing) * 12);
    }
    .\@2xl\/main\:w-62 {
      width: calc(var(--spacing) * 62);
    }
    .\@2xl\/main\:w-96 {
      width: calc(var(--spacing) * 96);
    }
    .\@2xl\/main\:max-w-64 {
      max-width: calc(var(--spacing) * 64);
    }
    .\@2xl\/main\:max-w-72 {
      max-width: calc(var(--spacing) * 72);
    }
    .\@2xl\/main\:max-w-96 {
      max-width: calc(var(--spacing) * 96);
    }
    .\@2xl\/main\:min-w-12 {
      min-width: calc(var(--spacing) * 12);
    }
    .\@2xl\/main\:min-w-20 {
      min-width: calc(var(--spacing) * 20);
    }
    .\@2xl\/main\:flex-1 {
      flex: 1;
    }
    .\@2xl\/main\:flex-grow-0 {
      flex-grow: 0;
    }
    .\@2xl\/main\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .\@2xl\/main\:grid-cols-\[auto_1fr\] {
      grid-template-columns: auto 1fr;
    }
    .\@2xl\/main\:flex-col {
      flex-direction: column;
    }
    .\@2xl\/main\:flex-row {
      flex-direction: row;
    }
  }
  @container (width>=42rem) {
    .\@2xl\:flex-row {
      flex-direction: row;
    }
    .\@2xl\:justify-between {
      justify-content: space-between;
    }
  }
  @container main (width>=42rem) {
    .\@2xl\/main\:gap-12 {
      gap: calc(var(--spacing) * 12);
    }
    :where(.\@2xl\/main\:space-y-0\.5 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(
        calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse)
      );
      margin-block-end: calc(
        calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse))
      );
    }
    .\@2xl\/main\:gap-y-2 {
      row-gap: calc(var(--spacing) * 2);
    }
    .\@2xl\/main\:rounded-4xl {
      border-radius: var(--radius-4xl);
    }
    .\@2xl\/main\:mask-r-from-black {
      -webkit-mask-image:
        var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
      -webkit-mask-image:
        var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
      -webkit-mask-image:
        var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
      -webkit-mask-image:
        var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
      mask-image:
        var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
      --tw-mask-linear:
        var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom),
        var(--tw-mask-top);
      --tw-mask-right: linear-gradient(
        to right,
        var(--tw-mask-right-from-color) var(--tw-mask-right-from-position),
        var(--tw-mask-right-to-color) var(--tw-mask-right-to-position)
      );
      --tw-mask-right-from-color: #000;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      mask-composite: intersect;
    }
    .\@2xl\/main\:p-3 {
      padding: calc(var(--spacing) * 3);
    }
    .\@2xl\/main\:p-8 {
      padding: calc(var(--spacing) * 8);
    }
    .\@2xl\/main\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
    .\@2xl\/main\:pe-16 {
      padding-inline-end: calc(var(--spacing) * 16);
    }
    .\@2xl\/main\:pt-8 {
      padding-top: calc(var(--spacing) * 8);
    }
  }
  @container (width>=42rem) {
    .\@2xl\:text-start {
      text-align: start;
    }
  }
  @container main (width>=42rem) {
    .\@2xl\/main\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  @container main (width>=43rem) {
    .\@\[43rem\]\/main\:min-w-\[300px\] {
      min-width: 300px;
    }
  }
  @container main (width>=44rem) {
    .\@\[44rem\]\/main\:-start-9 {
      inset-inline-start: calc(var(--spacing) * -9);
    }
  }
  @container (width>=48rem) {
    .\@3xl\:-start-3 {
      inset-inline-start: calc(var(--spacing) * -3);
    }
    .\@3xl\:-top-4 {
      top: calc(var(--spacing) * -4);
    }
  }
  @container main (width>=64rem) {
    .\@w-lg\/main\:block {
      display: block;
    }
    .\@w-lg\/main\:hidden {
      display: none;
    }
    .\@w-lg\/main\:w-full {
      width: 100%;
    }
    .\@w-lg\/main\:max-w-\[var\(--shopping-browse-filter-pill-max-width\)\] {
      max-width: var(--shopping-browse-filter-pill-max-width);
    }
    .\@w-lg\/main\:min-w-\[360px\] {
      min-width: 360px;
    }
    .\@w-lg\/main\:\[--shopping-browse-content-max-width\:60rem\] {
      --shopping-browse-content-max-width: 60rem;
    }
    .\@w-lg\/main\:\[--shopping-browse-filter-pill-max-width\:max\(8\.75rem\,calc\(\(100cqw-var\(--true-content-width\)\)\/2-2rem\)\)\] {
      --shopping-browse-filter-pill-max-width: max(
        8.75rem,
        calc((100cqw - var(--true-content-width)) / 2 - 2rem)
      );
    }
    .\@w-lg\/main\:\[--thread-content-margin\:var\(--thread-content-margin-lg\,calc\(var\(--spacing\)\*16\)\)\] {
      --thread-content-margin: var(
        --thread-content-margin-lg,
        calc(var(--spacing) * 16)
      );
    }
    .\@w-lg\/main\:\[--thread-content-max-width\:48rem\] {
      --thread-content-max-width: 48rem;
    }
    .\@w-lg\/main\:\[--thread-content-max-width\:52rem\] {
      --thread-content-max-width: 52rem;
    }
  }
  @container main (width>=80rem) {
    .\@w-xl\/main\:top-0 {
      top: calc(var(--spacing) * 0);
    }
    .\@w-xl\/main\:top-2 {
      top: calc(var(--spacing) * 2);
    }
    .\@w-xl\/main\:top-4 {
      top: calc(var(--spacing) * 4);
    }
    .\@w-xl\/main\:bg-token-main-surface-primary {
      background-color: var(--main-surface-primary);
    }
    .\@w-xl\/main\:\[box-shadow\:var\(--sharp-edge-top-shadow\)\]\! {
      box-shadow: var(--sharp-edge-top-shadow) !important;
    }
    .\@w-xl\/main\:\[--shopping-browse-content-max-width\:68rem\] {
      --shopping-browse-content-max-width: 68rem;
    }
    .has-data-\[fixed-header\=less-than-xl\]\:\@w-xl\/main\:scroll-pt-0:has(
      [data-fixed-header="less-than-xl"]
    ) {
      scroll-padding-top: calc(var(--spacing) * 0);
    }
    .has-data-\[fixed-header\=less-than-xl\]\:\@w-xl\/main\:\[--sticky-padding-top\:0px\]:has(
      [data-fixed-header="less-than-xl"]
    ) {
      --sticky-padding-top: 0px;
    }
    .data-\[fixed-header\=less-than-xl\]\:\@w-xl\/main\:bg-transparent[data-fixed-header="less-than-xl"] {
      background-color: #0000;
    }
    .data-\[fixed-header\=less-than-xl\]\:\@w-xl\/main\:shadow-none\![data-fixed-header="less-than-xl"] {
      --tw-shadow: 0 0 #0000 !important;
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }
  }
  @container main (width>=96rem) {
    .\@w-2xl\/main\:\[--shopping-browse-content-max-width\:76rem\] {
      --shopping-browse-content-max-width: 76rem;
    }
    .has-data-\[fixed-header\=less-than-xxl\]\:\@w-2xl\/main\:scroll-pt-0:has(
      [data-fixed-header="less-than-xxl"]
    ) {
      scroll-padding-top: calc(var(--spacing) * 0);
    }
    .has-data-\[fixed-header\=less-than-xxl\]\:\@w-2xl\/main\:\[--sticky-padding-top\:0px\]:has(
      [data-fixed-header="less-than-xxl"]
    ) {
      --sticky-padding-top: 0px;
    }
    .data-\[fixed-header\=less-than-xxl\]\:\@w-2xl\/main\:bg-transparent[data-fixed-header="less-than-xxl"] {
      background-color: #0000;
    }
    .data-\[fixed-header\=less-than-xxl\]\:\@w-2xl\/main\:shadow-none\![data-fixed-header="less-than-xxl"] {
      --tw-shadow: 0 0 #0000 !important;
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }
  }
  .ltr\:me-auto:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    margin-inline-end: auto;
  }
  .ltr\:hidden:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    display: none;
  }
  .ltr\:\!translate-x-0:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    --tw-translate-x: calc(var(--spacing) * 0) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }
  .ltr\:-translate-x-1\/2:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .ltr\:translate-x-0:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .ltr\:translate-x-1\/2:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    --tw-translate-x: calc(1 / 2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .ltr\:-rotate-90:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    rotate: -90deg;
  }
  .rtl\:ms-auto:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    margin-inline-start: auto;
  }
  .rtl\:hidden:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    display: none;
  }
  .rtl\:origin-top-right:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    transform-origin: 100% 0;
  }
  .rtl\:\!translate-x-0:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-translate-x: calc(var(--spacing) * 0) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }
  .rtl\:-translate-x-1:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-translate-x: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .rtl\:-translate-x-1\/2:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .rtl\:-translate-x-full:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .rtl\:translate-x-0:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .rtl\:translate-x-1:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-translate-x: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .rtl\:translate-x-1\/2:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-translate-x: calc(1 / 2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .rtl\:-scale-x-100:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-scale-x: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .rtl\:rotate-90:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    rotate: 90deg;
  }
  .rtl\:rotate-\[10deg\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    rotate: 10deg;
  }
  .rtl\:cursor-e-resize:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    cursor: e-resize;
  }
  .rtl\:cursor-w-resize:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    cursor: w-resize;
  }
  .rtl\:items-start:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    align-items: flex-start;
  }
  .rtl\:bg-gradient-to-l:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-gradient-position: to left in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .rtl\:bg-gradient-to-r:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .rtl\:\[--end\:left\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --end: left;
  }
  .rtl\:\[--start\:right\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --start: right;
  }
  :is(
    .rtl\:\*\*\:data-\[header-icon\]\:rotate-\[-10deg\]:where(
        :dir(rtl),
        [dir="rtl"],
        [dir="rtl"] *
      )
      *
  )[data-header-icon] {
    rotate: -10deg;
  }
  @media (min-width: 48rem) {
    .rtl\:md\:col-start-1:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      grid-column-start: 1;
    }
    .rtl\:md\:col-start-6:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      grid-column-start: 6;
    }
    .rtl\:md\:col-start-8:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      grid-column-start: 8;
    }
  }
  @media (min-width: 64rem) {
    .rtl\:lg\:mask-l-from-black:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      -webkit-mask-image:
        var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
      -webkit-mask-image:
        var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
      -webkit-mask-image:
        var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
      -webkit-mask-image:
        var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
      mask-image:
        var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
      --tw-mask-linear:
        var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom),
        var(--tw-mask-top);
      --tw-mask-left: linear-gradient(
        to left,
        var(--tw-mask-left-from-color) var(--tw-mask-left-from-position),
        var(--tw-mask-left-to-color) var(--tw-mask-left-to-position)
      );
      --tw-mask-left-from-color: #000;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      mask-composite: intersect;
    }
  }
  @container main (width>=42rem) {
    .rtl\:\@2xl\/main\:mask-l-from-black:where(
      :dir(rtl),
      [dir="rtl"],
      [dir="rtl"] *
    ) {
      -webkit-mask-image:
        var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
      -webkit-mask-image:
        var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
      -webkit-mask-image:
        var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
      -webkit-mask-image:
        var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
      mask-image:
        var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
      --tw-mask-linear:
        var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom),
        var(--tw-mask-top);
      --tw-mask-left: linear-gradient(
        to left,
        var(--tw-mask-left-from-color) var(--tw-mask-left-from-position),
        var(--tw-mask-left-to-color) var(--tw-mask-left-to-position)
      );
      --tw-mask-left-from-color: #000;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      -webkit-mask-composite: source-in;
      mask-composite: intersect;
    }
  }
  .dark\:block:where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) {
    display: block;
  }
  .dark\:hidden:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    display: none;
  }
  .dark\:h-3\.5:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    height: calc(var(--spacing) * 3.5);
  }
  .dark\:w-3\.5:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    width: calc(var(--spacing) * 3.5);
  }
  :where(
    .dark\:divide-white\/5:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      )
      > :not(:last-child)
  ) {
    border-color: #ffffff0d;
    border-color: lab(100% -0.0000298023 0.0000119209/.05);
  }
  :where(
    .dark\:divide-white\/15:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      )
      > :not(:last-child)
  ) {
    border-color: #ffffff26;
    border-color: lab(100% -0.0000298023 0.0000119209/.15);
  }
  .dark\:border:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .dark\:border-e:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
  }
  .dark\:border-t:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .dark\:border-b:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .dark\:\!border-gray-700:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: var(--gray-700) !important;
  }
  .dark\:border-\[\#4F4D79\]\!:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: #4f4d79 !important;
  }
  .dark\:border-\[\#60a5fa66\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: #60a5fa66;
  }
  .dark\:border-\[\#0088FF\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: #08f;
  }
  .dark\:border-\[\#303030\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: #303030;
  }
  .dark\:border-\[\#424242\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: #424242;
  }
  .dark\:border-\[\#484777\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: #484777;
  }
  .dark\:border-\[\#FF9E6C\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: #ff9e6c;
  }
  .dark\:border-\[\#e7c85f\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: #e7c85f;
  }
  .dark\:border-\[rgba\(168\,198\,255\,0\.16\)\]\!:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: #a8c6ff29 !important;
  }
  .dark\:border-black:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: #000;
  }
  .dark\:border-black\/15:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: #00000026;
    border-color: lab(0% 0 0/0.15);
  }
  .dark\:border-black\/20:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: #0003;
    border-color: lab(0% 0 0/0.2);
  }
  .dark\:border-blue-500\/30:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: var(--blue-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-blue-500\/30:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      border-color: color-mix(in oklab, var(--blue-500) 30%, transparent);
    }
  }
  .dark\:border-blue-700:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: var(--blue-700);
  }
  .dark\:border-blue-800:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: var(--blue-800);
  }
  .dark\:border-gray-300:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: var(--gray-300);
  }
  .dark\:border-gray-500:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: var(--gray-500);
  }
  .dark\:border-gray-600:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: var(--gray-600);
  }
  .dark\:border-gray-700:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: var(--gray-700);
  }
  .dark\:border-gray-800:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: var(--gray-800);
  }
  .dark\:border-gray-900:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: var(--gray-900);
  }
  .dark\:border-green-500\/30:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: var(--green-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-green-500\/30:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      border-color: color-mix(in oklab, var(--green-500) 30%, transparent);
    }
  }
  .dark\:border-orange-800:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: var(--orange-800);
  }
  .dark\:border-red-400:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: var(--red-400);
  }
  .dark\:border-red-500:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ),
  .dark\:border-red-500\/30:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: var(--red-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-red-500\/30:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      border-color: color-mix(in oklab, var(--red-500) 30%, transparent);
    }
  }
  .dark\:border-red-800:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: var(--red-800);
  }
  .dark\:border-red-900:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ),
  .dark\:border-red-900\/60:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: var(--red-900);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-red-900\/60:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      border-color: color-mix(in oklab, var(--red-900) 60%, transparent);
    }
  }
  .dark\:border-token-bg-tertiary:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: var(--bg-tertiary);
  }
  .dark\:border-token-border-default:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: var(--border-default);
  }
  .dark\:border-token-border-heavy:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: var(--border-heavy);
  }
  .dark\:border-token-border-light:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ),
  .dark\:border-token-border-light\/20:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: var(--border-light);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-token-border-light\/20:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      border-color: color-mix(in oklab, var(--border-light) 20%, transparent);
    }
  }
  .dark\:border-token-border-medium:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: var(--border-medium);
  }
  .dark\:border-token-border-medium\!:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: var(--border-medium) !important;
  }
  .dark\:border-token-border-status-warning:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: var(--border-status-warning);
  }
  .dark\:border-token-border-xheavy:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: var(--border-xheavy);
  }
  .dark\:border-token-border-xlight:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: var(--border-xlight);
  }
  .dark\:border-token-interactive-border-secondary-default:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    border-color: var(--interactive-border-secondary-default);
  }
  .dark\:border-token-main-surface-secondary:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: var(--main-surface-secondary);
  }
  .dark\:border-transparent:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: #0000;
  }
  .dark\:border-white:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: #fff;
  }
  .dark\:border-white\/5:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: #ffffff0d;
    border-color: lab(100% -0.0000298023 0.0000119209/.05);
  }
  .dark\:border-white\/8:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: #ffffff14;
    border-color: lab(100% -0.0000298023 0.0000119209/.08);
  }
  .dark\:border-white\/10:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: #ffffff1a;
    border-color: lab(100% -0.0000298023 0.0000119209/.1);
  }
  .dark\:border-white\/12:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: #ffffff1f;
    border-color: lab(100% -0.0000298023 0.0000119209/.12);
  }
  .dark\:border-white\/15:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: #ffffff26;
    border-color: lab(100% -0.0000298023 0.0000119209/.15);
  }
  .dark\:border-white\/16:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: #ffffff29;
    border-color: lab(100% -0.0000298023 0.0000119209/.16);
  }
  .dark\:border-white\/20:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: #fff3;
    border-color: lab(100% -0.0000298023 0.0000119209/.2);
  }
  .dark\:border-white\/30:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: #ffffff4d;
    border-color: lab(100% -0.0000298023 0.0000119209/.3);
  }
  .dark\:border-yellow-600\/40:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: var(--yellow-600);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-yellow-600\/40:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      border-color: color-mix(in oklab, var(--yellow-600) 40%, transparent);
    }
  }
  .dark\:border-yellow-800:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: var(--yellow-800);
  }
  .dark\:border-x-token-border-xheavy:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-inline-color: var(--border-xheavy);
  }
  .dark\:border-t-black:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-top-color: #000;
  }
  .dark\:border-t-transparent:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-top-color: #0000;
  }
  .dark\:border-t-white\/5:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-top-color: #ffffff0d;
    border-top-color: lab(100% -0.0000298023 0.0000119209/.05);
  }
  .dark\:border-b-token-border-heavy:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-bottom-color: var(--border-heavy);
  }
  .dark\:border-b-white:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-bottom-color: #fff;
  }
  .dark\:prose-invert:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-prose-body: var(--tw-prose-invert-body);
    --tw-prose-headings: var(--tw-prose-invert-headings);
    --tw-prose-lead: var(--tw-prose-invert-lead);
    --tw-prose-links: var(--tw-prose-invert-links);
    --tw-prose-bold: var(--tw-prose-invert-bold);
    --tw-prose-counters: var(--tw-prose-invert-counters);
    --tw-prose-bullets: var(--tw-prose-invert-bullets);
    --tw-prose-hr: var(--tw-prose-invert-hr);
    --tw-prose-quotes: var(--tw-prose-invert-quotes);
    --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
    --tw-prose-captions: var(--tw-prose-invert-captions);
    --tw-prose-kbd: var(--tw-prose-invert-kbd);
    --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
    --tw-prose-code: var(--tw-prose-invert-code);
    --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
    --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
    --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
    --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
  }
  .dark\:prose-invert:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    )
    :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *))
    code {
    background-color: #0000;
  }
  .dark\:prose-invert:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    )
    :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    background-color: var(--gray-700);
  }
  .dark\:\!bg-gray-900:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--gray-900) !important;
  }
  .dark\:bg-\(--theme-user-msg-text\)\/15:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--theme-user-msg-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-\(--theme-user-msg-text\)\/15:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(
        in oklab,
        var(--theme-user-msg-text) 15%,
        transparent
      );
    }
  }
  .dark\:bg-\[\#0D1227\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #0d1227;
  }
  .dark\:bg-\[\#1B1B1D\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #1b1b1d;
  }
  .dark\:bg-\[\#1E1E1E\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #1e1e1e;
  }
  .dark\:bg-\[\#1F1D48\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #1f1d48;
  }
  .dark\:bg-\[\#1F1F1F\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ),
  .dark\:bg-\[\#1f1f1f\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #1f1f1f;
  }
  .dark\:bg-\[\#2A4A6D\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #2a4a6d;
  }
  .dark\:bg-\[\#2C2B3E\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #2c2b3e;
  }
  .dark\:bg-\[\#2F2E57\]\!:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #2f2e57 !important;
  }
  .dark\:bg-\[\#2a2a2a\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #2a2a2a;
  }
  .dark\:bg-\[\#2a2a2a\]\/70:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #2a2a2ab3;
    background-color: lab(17.062% -0.0000298023 0.0000119209/.7);
  }
  .dark\:bg-\[\#2a2a2a\]\/98:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #2a2a2afa;
    background-color: lab(17.062% -0.0000298023 0.0000119209/.98);
  }
  .dark\:bg-\[\#4C3D3D\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #4c3d3d;
  }
  .dark\:bg-\[\#6BBD6720\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #6bbd6720;
  }
  .dark\:bg-\[\#6e1615\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #6e1615;
  }
  .dark\:bg-\[\#8F8DF624\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #8f8df624;
  }
  .dark\:bg-\[\#00000044\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #0004;
  }
  .dark\:bg-\[\#60a5fa1f\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #60a5fa1f;
  }
  .dark\:bg-\[\#080C1C\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #080c1c;
  }
  .dark\:bg-\[\#111A53\]\/58:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #111a5394;
    background-color: lab(11.8883% 14.3613 -36.6976/0.58);
  }
  .dark\:bg-\[\#273B4C\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #273b4c;
  }
  .dark\:bg-\[\#003716\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #003716;
  }
  .dark\:bg-\[\#09090b\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #09090b;
  }
  .dark\:bg-\[\#11182F\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #11182f;
  }
  .dark\:bg-\[\#11182F\]\/90:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #11182fe6;
    background-color: lab(8.58363% 3.17813 -16.6899/0.9);
  }
  .dark\:bg-\[\#101010\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #101010;
  }
  .dark\:bg-\[\#171717\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #171717;
  }
  .dark\:bg-\[\#212121\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #212121;
  }
  .dark\:bg-\[\#262626\]\/50:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #26262680;
    background-color: lab(15.1597% 0.0000149012 0/0.5);
  }
  .dark\:bg-\[\#282841\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #282841;
  }
  .dark\:bg-\[\#303030\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #303030;
  }
  .dark\:bg-\[\#303030\]\!:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #303030 !important;
  }
  .dark\:bg-\[\#333333\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #333;
  }
  .dark\:bg-\[\#353535\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #353535;
  }
  .dark\:bg-\[\#373669\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #373669;
  }
  .dark\:bg-\[\#393939\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #393939;
  }
  .dark\:bg-\[\#444378\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #444378;
  }
  .dark\:bg-\[\#B2B2B220\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #b2b2b220;
  }
  .dark\:bg-\[\#C26FFD20\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #c26ffd20;
  }
  .dark\:bg-\[\#D6E1F8\]\/10:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #d6e1f81a;
    background-color: lab(89.219% -0.444531 -12.5642/0.1);
  }
  .dark\:bg-\[\#EA8444\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #ea8444;
  }
  .dark\:bg-\[\#F3F3F3\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #f3f3f3;
  }
  .dark\:bg-\[\#FD756F20\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #fd756f20;
  }
  .dark\:bg-\[\#fae271\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #fae271;
  }
  .dark\:bg-\[rgb\(48_48_48\/0\.7\)\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #303030b3;
  }
  .dark\:bg-\[rgb\(74_222_128_\/_1\)\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #4ade80;
  }
  .dark\:bg-\[rgb\(248_113_113_\/_1\)\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #f87171;
  }
  .dark\:bg-\[rgba\(10\,132\,255\,0\.16\)\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #0a84ff29;
  }
  .dark\:bg-\[rgba\(16\,28\,60\,0\.42\)\]\!:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #101c3c6b !important;
  }
  .dark\:bg-\[rgba\(33\,33\,33\,1\)\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #212121;
  }
  .dark\:bg-\[rgba\(38\,43\,61\,0\.5\)\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #262b3d80;
  }
  .dark\:bg-\[rgba\(48\,48\,48\,0\.8\)\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #303030cc;
  }
  .dark\:bg-\[rgba\(48\,48\,48\,1\)\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #303030;
  }
  .dark\:bg-\[rgba\(255\,255\,255\,0\.04\)\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #ffffff0a;
  }
  .dark\:bg-\[rgba\(255\,255\,255\,0\.05\)\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #ffffff0d;
  }
  .dark\:bg-\[rgba\(255\,255\,255\,0\.12\)\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #ffffff1f;
  }
  .dark\:bg-\[rgba\(255\,255\,255\,0\.90\)\]\!:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #ffffffe6 !important;
  }
  .dark\:bg-\[var\(--bg-secondary\,\#303030\)\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--bg-secondary, #303030);
  }
  .dark\:bg-\[var\(--bg-tertiary\)\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--bg-tertiary);
  }
  .dark\:bg-black:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #000;
  }
  .dark\:bg-black\/10:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #0000001a;
    background-color: lab(0% 0 0/0.1);
  }
  .dark\:bg-black\/40:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #0006;
    background-color: lab(0% 0 0/0.4);
  }
  .dark\:bg-black\/50:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #00000080;
    background-color: lab(0% 0 0/0.5);
  }
  .dark\:bg-black\/60:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #0009;
    background-color: lab(0% 0 0/0.6);
  }
  .dark\:bg-black\/80:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #000c;
    background-color: lab(0% 0 0/0.8);
  }
  .dark\:bg-black\/85:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #000000d9;
    background-color: lab(0% 0 0/0.85);
  }
  .dark\:bg-blue-200\/20:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--blue-200);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-blue-200\/20:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(in oklab, var(--blue-200) 20%, transparent);
    }
  }
  .dark\:bg-blue-300\/30:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--blue-300);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-blue-300\/30:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(in oklab, var(--blue-300) 30%, transparent);
    }
  }
  .dark\:bg-blue-500:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--blue-500);
  }
  .dark\:bg-blue-600:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--blue-600);
  }
  .dark\:bg-blue-900:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ),
  .dark\:bg-blue-900\/40:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--blue-900);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-blue-900\/40:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(in oklab, var(--blue-900) 40%, transparent);
    }
  }
  .dark\:bg-blue-950\/30:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--blue-950);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-blue-950\/30:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(in oklab, var(--blue-950) 30%, transparent);
    }
  }
  .dark\:bg-blue-950\/40:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--blue-950);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-blue-950\/40:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(in oklab, var(--blue-950) 40%, transparent);
    }
  }
  .dark\:bg-gray-50:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ),
  .dark\:bg-gray-50\/5:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--gray-50);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-gray-50\/5:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(in oklab, var(--gray-50) 5%, transparent);
    }
  }
  .dark\:bg-gray-100:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--gray-100);
  }
  .dark\:bg-gray-600:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--gray-600);
  }
  .dark\:bg-gray-700:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ),
  .dark\:bg-gray-700\/50:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--gray-700);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-gray-700\/50:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(in oklab, var(--gray-700) 50%, transparent);
    }
  }
  .dark\:bg-gray-700\/75:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--gray-700);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-gray-700\/75:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(in oklab, var(--gray-700) 75%, transparent);
    }
  }
  .dark\:bg-gray-800:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ),
  .dark\:bg-gray-800\/70:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--gray-800);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-gray-800\/70:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(in oklab, var(--gray-800) 70%, transparent);
    }
  }
  .dark\:bg-gray-900:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--gray-900);
  }
  .dark\:bg-gray-950:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--gray-950);
  }
  .dark\:bg-gray-950\!:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--gray-950) !important;
  }
  .dark\:bg-gray-1000:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--gray-1000);
  }
  .dark\:bg-gray-solid-1000:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #0d0d0d;
  }
  .dark\:bg-green-400\/10:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--green-400);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-green-400\/10:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(in oklab, var(--green-400) 10%, transparent);
    }
  }
  .dark\:bg-green-600:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ),
  .dark\:bg-green-600\/30:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--green-600);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-green-600\/30:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(in oklab, var(--green-600) 30%, transparent);
    }
  }
  .dark\:bg-green-800:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--green-800);
  }
  .dark\:bg-green-900:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ),
  .dark\:bg-green-900\/20:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--green-900);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-green-900\/20:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(in oklab, var(--green-900) 20%, transparent);
    }
  }
  .dark\:bg-green-900\/40:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--green-900);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-green-900\/40:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(in oklab, var(--green-900) 40%, transparent);
    }
  }
  .dark\:bg-orange-800:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--orange-800);
  }
  .dark\:bg-orange-900:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--orange-900);
  }
  .dark\:bg-pink-900:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--pink-900);
  }
  .dark\:bg-purple-400\/30:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--purple-400);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-purple-400\/30:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(in oklab, var(--purple-400) 30%, transparent);
    }
  }
  .dark\:bg-purple-900:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--purple-900);
  }
  .dark\:bg-red-400\/10:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--red-400);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-red-400\/10:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(in oklab, var(--red-400) 10%, transparent);
    }
  }
  .dark\:bg-red-500\/10:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--red-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-red-500\/10:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(in oklab, var(--red-500) 10%, transparent);
    }
  }
  .dark\:bg-red-500\/15:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--red-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-red-500\/15:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(in oklab, var(--red-500) 15%, transparent);
    }
  }
  .dark\:bg-red-500\/30:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--red-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-red-500\/30:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(in oklab, var(--red-500) 30%, transparent);
    }
  }
  .dark\:bg-red-600:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ),
  .dark\:bg-red-600\/30:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--red-600);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-red-600\/30:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(in oklab, var(--red-600) 30%, transparent);
    }
  }
  .dark\:bg-red-800:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--red-800);
  }
  .dark\:bg-red-900:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ),
  .dark\:bg-red-900\/20:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--red-900);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-red-900\/20:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(in oklab, var(--red-900) 20%, transparent);
    }
  }
  .dark\:bg-red-900\/30:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--red-900);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-red-900\/30:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(in oklab, var(--red-900) 30%, transparent);
    }
  }
  .dark\:bg-red-900\/40:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--red-900);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-red-900\/40:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(in oklab, var(--red-900) 40%, transparent);
    }
  }
  .dark\:bg-red-900\/60:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--red-900);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-red-900\/60:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(in oklab, var(--red-900) 60%, transparent);
    }
  }
  .dark\:bg-red-950\/30:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--red-950);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-red-950\/30:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(in oklab, var(--red-950) 30%, transparent);
    }
  }
  .dark\:bg-token-bg-elevated-primary:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--bg-elevated-primary);
  }
  .dark\:bg-token-bg-elevated-primary\!:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--bg-elevated-primary) !important;
  }
  .dark\:bg-token-bg-elevated-secondary:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ),
  .dark\:bg-token-bg-elevated-secondary\/70:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--bg-elevated-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-token-bg-elevated-secondary\/70:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(
        in oklab,
        var(--bg-elevated-secondary) 70%,
        transparent
      );
    }
  }
  .dark\:bg-token-bg-elevated-secondary\/80:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--bg-elevated-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-token-bg-elevated-secondary\/80:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(
        in oklab,
        var(--bg-elevated-secondary) 80%,
        transparent
      );
    }
  }
  .dark\:bg-token-bg-primary:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ),
  .dark\:bg-token-bg-primary\/75:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--bg-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-token-bg-primary\/75:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(in oklab, var(--bg-primary) 75%, transparent);
    }
  }
  .dark\:bg-token-bg-secondary:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ),
  .dark\:bg-token-bg-secondary\/45:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--bg-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-token-bg-secondary\/45:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(
        in oklab,
        var(--bg-secondary) 45%,
        transparent
      );
    }
  }
  .dark\:bg-token-bg-secondary\/80:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--bg-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-token-bg-secondary\/80:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(
        in oklab,
        var(--bg-secondary) 80%,
        transparent
      );
    }
  }
  .dark\:bg-token-bg-secondary\/85:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--bg-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-token-bg-secondary\/85:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(
        in oklab,
        var(--bg-secondary) 85%,
        transparent
      );
    }
  }
  .dark\:bg-token-bg-tertiary:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--bg-tertiary);
  }
  .dark\:bg-token-bg-tertiary\!:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--bg-tertiary) !important;
  }
  .dark\:bg-token-bg-tertiary\/40:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--bg-tertiary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-token-bg-tertiary\/40:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(
        in oklab,
        var(--bg-tertiary) 40%,
        transparent
      );
    }
  }
  .dark\:bg-token-bg-tertiary\/50:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--bg-tertiary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-token-bg-tertiary\/50:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(
        in oklab,
        var(--bg-tertiary) 50%,
        transparent
      );
    }
  }
  .dark\:bg-token-bg-tertiary\/60:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--bg-tertiary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-token-bg-tertiary\/60:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(
        in oklab,
        var(--bg-tertiary) 60%,
        transparent
      );
    }
  }
  .dark\:bg-token-border-default:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--border-default);
  }
  .dark\:bg-token-border-heavy:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--border-heavy);
  }
  .dark\:bg-token-interactive-bg-secondary-press:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--interactive-bg-secondary-press);
  }
  .dark\:bg-token-main-surface-primary:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--main-surface-primary);
  }
  .dark\:bg-token-main-surface-primary-inverse:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--main-surface-primary-inverse);
  }
  .dark\:bg-token-main-surface-primary\/20\!:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--main-surface-primary) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-token-main-surface-primary\/20\!:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(
        in oklab,
        var(--main-surface-primary) 20%,
        transparent
      ) !important;
    }
  }
  .dark\:bg-token-main-surface-secondary:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ),
  .dark\:bg-token-main-surface-secondary\/70:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--main-surface-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-token-main-surface-secondary\/70:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(
        in oklab,
        var(--main-surface-secondary) 70%,
        transparent
      );
    }
  }
  .dark\:bg-token-main-surface-secondary\/80:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--main-surface-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-token-main-surface-secondary\/80:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(
        in oklab,
        var(--main-surface-secondary) 80%,
        transparent
      );
    }
  }
  .dark\:bg-token-main-surface-tertiary:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--main-surface-tertiary);
  }
  .dark\:bg-token-sidebar-surface-primary:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--sidebar-surface-primary);
  }
  .dark\:bg-token-surface-error\/5:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: rgb(var(--surface-error) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-token-surface-error\/5:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(
        in oklab,
        rgb(var(--surface-error) / 1) 5%,
        transparent
      );
    }
  }
  .dark\:bg-token-text-inverted:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--text-inverted);
  }
  .dark\:bg-token-text-secondary\!:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--text-secondary) !important;
  }
  .dark\:bg-token-text-tertiary:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--text-tertiary);
  }
  .dark\:bg-transparent:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #0000;
  }
  .dark\:bg-transparent\!:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #0000 !important;
  }
  .dark\:bg-white:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #fff;
  }
  .dark\:bg-white\/3:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #ffffff08;
    background-color: lab(100% -0.0000298023 0.0000119209/.03);
  }
  .dark\:bg-white\/5:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #ffffff0d;
    background-color: lab(100% -0.0000298023 0.0000119209/.05);
  }
  .dark\:bg-white\/6:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #ffffff0f;
    background-color: lab(100% -0.0000298023 0.0000119209/.06);
  }
  .dark\:bg-white\/8:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #ffffff14;
    background-color: lab(100% -0.0000298023 0.0000119209/.08);
  }
  .dark\:bg-white\/10:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #ffffff1a;
    background-color: lab(100% -0.0000298023 0.0000119209/.1);
  }
  .dark\:bg-white\/10\!:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #ffffff1a !important;
    background-color: lab(100% -0.0000298023 0.0000119209/.1) !important;
  }
  .dark\:bg-white\/14\!:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #ffffff24 !important;
    background-color: lab(100% -0.0000298023 0.0000119209/.14) !important;
  }
  .dark\:bg-white\/18:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #ffffff2e;
    background-color: lab(100% -0.0000298023 0.0000119209/.18);
  }
  .dark\:bg-white\/20:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #fff3;
    background-color: lab(100% -0.0000298023 0.0000119209/.2);
  }
  .dark\:bg-yellow-400:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ),
  .dark\:bg-yellow-400\/10:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--yellow-400);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-yellow-400\/10:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(in oklab, var(--yellow-400) 10%, transparent);
    }
  }
  .dark\:bg-yellow-400\/30:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--yellow-400);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-yellow-400\/30:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(in oklab, var(--yellow-400) 30%, transparent);
    }
  }
  .dark\:bg-yellow-400\/50:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--yellow-400);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-yellow-400\/50:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(in oklab, var(--yellow-400) 50%, transparent);
    }
  }
  .dark\:bg-yellow-500:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ),
  .dark\:bg-yellow-500\/10:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--yellow-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-yellow-500\/10:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(in oklab, var(--yellow-500) 10%, transparent);
    }
  }
  .dark\:bg-yellow-500\/50:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--yellow-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-yellow-500\/50:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(in oklab, var(--yellow-500) 50%, transparent);
    }
  }
  .dark\:bg-yellow-500\/70:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--yellow-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-yellow-500\/70:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(in oklab, var(--yellow-500) 70%, transparent);
    }
  }
  .dark\:bg-yellow-900:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ),
  .dark\:bg-yellow-900\/20:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--yellow-900);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-yellow-900\/20:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(in oklab, var(--yellow-900) 20%, transparent);
    }
  }
  .dark\:bg-yellow-900\/30:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--yellow-900);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-yellow-900\/30:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(in oklab, var(--yellow-900) 30%, transparent);
    }
  }
  .dark\:bg-yellow-900\/40:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--yellow-900);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-yellow-900\/40:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: color-mix(in oklab, var(--yellow-900) 40%, transparent);
    }
  }
  .dark\:bg-yellow-950:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: var(--yellow-950);
  }
  .dark\:dark\:bg-\[\#303030\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) {
    background-color: #303030;
  }
  .dark\:bg-linear-to-t:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-gradient-position: to top;
  }
  @supports (background-image: linear-gradient(in lab, red, red)) {
    .dark\:bg-linear-to-t:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      --tw-gradient-position: to top in oklab;
    }
  }
  .dark\:bg-linear-to-t:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .dark\:bg-\[linear-gradient\(155deg\,\#0B1B5F_0\%\,\#2537A3_40\%\,\#5140C9_70\%\,\#345BDE_100\%\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    background-image: linear-gradient(
      155deg,
      #0b1b5f 0%,
      #2537a3 40%,
      #5140c9 70%,
      #345bde 100%
    );
  }
  .dark\:bg-\[linear-gradient\(180deg\,oklch\(0\.5_0_0\/0\.3\)_80\%\,transparent_100\%\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    background-image: linear-gradient(#6363634d 80%, #0000 100%);
    background-image: linear-gradient(lab(42% 0 0/0.3) 80%, #0000 100%);
  }
  .dark\:bg-\[linear-gradient\(180deg\,rgba\(13\,18\,39\,0\.96\)_0\%\,rgba\(17\,26\,83\,0\.82\)_100\%\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    background-image: linear-gradient(#0d1227f5 0%, #111a53d1 100%);
  }
  .dark\:bg-\[linear-gradient\(180deg\,rgba\(24\,24\,24\,0\)_0\%\,rgba\(24\,24\,24\,0\.28\)_56\%\,rgba\(24\,24\,24\,0\.62\)_84\%\,rgb\(24\,24\,24\)_100\%\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    background-image: linear-gradient(
      #18181800 0%,
      #18181847 56%,
      #1818189e 84%,
      #181818 100%
    );
  }
  .dark\:bg-\[linear-gradient\(206\.72deg\,_\#30305F_2\.34\%\,_\#212121_92\.37\%\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    background-image: linear-gradient(206.72deg, #30305f 2.34%, #212121 92.37%);
  }
  .dark\:bg-\[radial-gradient\(circle\,_\#4a4a4a_0\.75px\,_transparent_0\.75px\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    background-image: radial-gradient(circle, #4a4a4a 0.75px, #0000 0.75px);
  }
  .dark\:bg-\[radial-gradient\(circle_at_35\%_85\%\,rgba\(0\,89\,255\,0\.62\)\,rgba\(0\,89\,255\,0\)_32\%\)\,radial-gradient\(circle_at_72\%_16\%\,rgba\(255\,255\,255\,0\.16\)\,rgba\(255\,255\,255\,0\)_28\%\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    background-image:
      radial-gradient(circle at 35% 85%, #0059ff9e, #0059ff00 32%),
      radial-gradient(circle at 72% 16%, #ffffff29, #fff0 28%);
  }
  .dark\:bg-\[radial-gradient\(circle_at_top_left\,rgba\(142\,181\,255\,0\.18\)\,transparent_28\%\)\,radial-gradient\(circle_at_bottom_right\,rgba\(100\,124\,255\,0\.22\)\,transparent_30\%\)\,linear-gradient\(180deg\,rgba\(8\,12\,28\,0\.98\)\,rgba\(11\,16\,36\,0\.96\)\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    background-image:
      radial-gradient(circle at 0 0, #8eb5ff2e, #0000 28%),
      radial-gradient(circle at 100% 100%, #647cff38, #0000 30%),
      linear-gradient(#080c1cfa, #0b1024f5);
  }
  .dark\:bg-\[radial-gradient\(circle_at_top_left\,rgba\(255\,255\,255\,0\.18\)\,transparent_28\%\)\,radial-gradient\(circle_at_bottom_right\,rgba\(169\,197\,255\,0\.3\)\,transparent_24\%\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    background-image:
      radial-gradient(circle at 0 0, #ffffff2e, #0000 28%),
      radial-gradient(circle at 100% 100%, #a9c5ff4d, #0000 24%);
  }
  .dark\:bg-none:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-image: none;
  }
  .dark\:from-\[\#000D19\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-gradient-from: #000d19;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .dark\:from-\[\#1A1400\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-gradient-from: #1a1400;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .dark\:from-\[\#1f1f1f\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-gradient-from: #1f1f1f;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .dark\:from-\[\#100A19\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-gradient-from: #100a19;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .dark\:from-\[\#353535\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-gradient-from: #353535;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .dark\:from-\[\#F472B6\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-gradient-from: #f472b6;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .dark\:from-black\/24:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-gradient-from: #0000003d;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  @supports (color: lab(0% 0 0)) {
    .dark\:from-black\/24:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      --tw-gradient-from: lab(0% 0 0/0.24);
    }
  }
  .dark\:from-gray-800:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-gradient-from: var(--gray-800);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .dark\:from-token-bg-primary:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-gradient-from: var(--bg-primary);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .dark\:from-token-main-surface-primary:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-gradient-from: var(--main-surface-primary);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .dark\:via-\[\#2d2f3f\]\/42:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-gradient-via: #2d2f3f6b;
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  @supports (color: lab(0% 0 0)) {
    .dark\:via-\[\#2d2f3f\]\/42:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      --tw-gradient-via: lab(19.7328% 2.36222 -10.4691/0.42);
    }
  }
  .dark\:via-\[\#C084FC\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-gradient-via: #c084fc;
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .dark\:via-black\/42:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-gradient-via: #0000006b;
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  @supports (color: lab(0% 0 0)) {
    .dark\:via-black\/42:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      --tw-gradient-via: lab(0% 0 0/0.42);
    }
  }
  .dark\:via-black\/65:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-gradient-via: #000000a6;
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  @supports (color: lab(0% 0 0)) {
    .dark\:via-black\/65:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      --tw-gradient-via: lab(0% 0 0/0.65);
    }
  }
  .dark\:via-token-bg-primary:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-gradient-via: var(--bg-primary);
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .dark\:via-token-bg-secondary\/85:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-gradient-via: var(--bg-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:via-token-bg-secondary\/85:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      --tw-gradient-via: color-mix(
        in oklab,
        var(--bg-secondary) 85%,
        transparent
      );
    }
  }
  .dark\:via-token-bg-secondary\/85:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .dark\:via-token-main-surface-primary\/80:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-gradient-via: var(--main-surface-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:via-token-main-surface-primary\/80:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      --tw-gradient-via: color-mix(
        in oklab,
        var(--main-surface-primary) 80%,
        transparent
      );
    }
  }
  .dark\:via-token-main-surface-primary\/80:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .dark\:via-white\/5:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-gradient-via: #ffffff0d;
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  @supports (color: lab(0% 0 0)) {
    .dark\:via-white\/5:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      --tw-gradient-via: lab(100% -0.0000298023 0.0000119209/.05);
    }
  }
  .dark\:to-\[\#2d2f3f\]\/82:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-gradient-to: #2d2f3fd1;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  @supports (color: lab(0% 0 0)) {
    .dark\:to-\[\#2d2f3f\]\/82:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      --tw-gradient-to: lab(19.7328% 2.36222 -10.4691/0.82);
    }
  }
  .dark\:to-\[\#170C26\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-gradient-to: #170c26;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .dark\:to-\[\#271D00\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-gradient-to: #271d00;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .dark\:to-\[\#818CF8\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-gradient-to: #818cf8;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .dark\:to-\[\#001223\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-gradient-to: #001223;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .dark\:to-\[\#262626\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-gradient-to: #262626;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .dark\:to-\[var\(--bg-elevated-secondary\)\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-gradient-to: var(--bg-elevated-secondary);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .dark\:to-black:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-gradient-to: #000;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .dark\:to-black\/40:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-gradient-to: #0006;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  @supports (color: lab(0% 0 0)) {
    .dark\:to-black\/40:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      --tw-gradient-to: lab(0% 0 0/0.4);
    }
  }
  .dark\:to-black\/88:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-gradient-to: #000000e0;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  @supports (color: lab(0% 0 0)) {
    .dark\:to-black\/88:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      --tw-gradient-to: lab(0% 0 0/0.88);
    }
  }
  .dark\:to-token-bg-secondary:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-gradient-to: var(--bg-secondary);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .dark\:to-transparent:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .dark\:to-white\/15:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-gradient-to: #ffffff26;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  @supports (color: lab(0% 0 0)) {
    .dark\:to-white\/15:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      --tw-gradient-to: lab(100% -0.0000298023 0.0000119209/.15);
    }
  }
  .dark\:fill-\[rgba\(80\,80\,80\,1\)\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    fill: #505050;
  }
  .dark\:fill-\[rgba\(255\,255\,255\,0\.04\)\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    fill: #ffffff0a;
  }
  .dark\:fill-\[rgba\(255\,255\,255\,0\.05\)\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    fill: #ffffff0d;
  }
  .dark\:fill-\[rgba\(255\,255\,255\,0\.06\)\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    fill: #ffffff0f;
  }
  .dark\:fill-\[rgba\(255\,255\,255\,0\.12\)\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    fill: #ffffff1f;
  }
  .dark\:fill-white:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    fill: #fff;
  }
  .dark\:fill-white\/50:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    fill: #ffffff80;
    fill: lab(100% -0.0000298023 0.0000119209/.5);
  }
  .dark\:stroke-\[\#3a3a3a\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    stroke: #3a3a3a;
  }
  .dark\:stroke-\[rgba\(0\,0\,0\,0\.32\)\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    stroke: #00000052;
  }
  .dark\:stroke-\[rgba\(255\,255\,255\,0\.1\)\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    stroke: #ffffff1a;
  }
  .dark\:stroke-\[rgba\(255\,255\,255\,0\.2\)\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    stroke: #fff3;
  }
  .dark\:stroke-\[rgba\(255\,255\,255\,0\.4\)\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    stroke: #fff6;
  }
  .dark\:stroke-\[rgba\(255\,255\,255\,0\.08\)\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    stroke: #ffffff14;
  }
  .dark\:stroke-\[rgba\(255\,255\,255\,0\.12\)\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    stroke: #ffffff1f;
  }
  .dark\:stroke-\[rgba\(255\,255\,255\,0\.14\)\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    stroke: #ffffff24;
  }
  .dark\:stroke-\[rgba\(255\,255\,255\,0\.16\)\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    stroke: #ffffff29;
  }
  .dark\:stroke-\[rgba\(255\,255\,255\,0\.18\)\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    stroke: #ffffff2e;
  }
  .dark\:stroke-black:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    stroke: #000;
  }
  .dark\:stroke-brand-purple\/50:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    stroke: #ab68ff80;
    stroke: lab(57.1209% 49.4506 -66.2104/0.5);
  }
  .dark\:stroke-white\/10:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    stroke: #ffffff1a;
    stroke: lab(100% -0.0000298023 0.0000119209/.1);
  }
  .dark\:stroke-white\/20:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    stroke: #fff3;
    stroke: lab(100% -0.0000298023 0.0000119209/.2);
  }
  .dark\:ps-2\.5:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    padding-inline-start: calc(var(--spacing) * 2.5);
  }
  .dark\:\!text-\[\#4fa6f7\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #4fa6f7 !important;
  }
  .dark\:\!text-white:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #fff !important;
  }
  .dark\:text-\(--interactive-label-tertiary-default\):where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    color: var(--interactive-label-tertiary-default);
  }
  .dark\:text-\[\#0D0D0D\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #0d0d0d;
  }
  .dark\:text-\[\#5D5D5D\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #5d5d5d;
  }
  .dark\:text-\[\#5EB4FF\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #5eb4ff;
  }
  .dark\:text-\[\#6BBD67\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #6bbd67;
  }
  .dark\:text-\[\#8F8DF6\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #8f8df6;
  }
  .dark\:text-\[\#48AAFF\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #48aaff;
  }
  .dark\:text-\[\#56d89c\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #56d89c;
  }
  .dark\:text-\[\#66d492\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #66d492;
  }
  .dark\:text-\[\#11182F\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #11182f;
  }
  .dark\:text-\[\#111111\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #111;
  }
  .dark\:text-\[\#A6A4FF\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #a6a4ff;
  }
  .dark\:text-\[\#B2B2B2\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #b2b2b2;
  }
  .dark\:text-\[\#B7B5FF\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #b7b5ff;
  }
  .dark\:text-\[\#B9B7FF\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #b9b7ff;
  }
  .dark\:text-\[\#C26FFD\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #c26ffd;
  }
  .dark\:text-\[\#D292FF\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #d292ff;
  }
  .dark\:text-\[\#DCDBF6\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #dcdbf6;
  }
  .dark\:text-\[\#FD756F\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #fd756f;
  }
  .dark\:text-\[\#FF8B8B\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #ff8b8b;
  }
  .dark\:text-\[\#FF9E6C\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #ff9e6c;
  }
  .dark\:text-\[\#FF928C\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #ff928c;
  }
  .dark\:text-\[\#afafaf\]\!:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #afafaf !important;
  }
  .dark\:text-\[\#ff8583\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #ff8583;
  }
  .dark\:text-\[rgba\(255\,255\,255\,0\.7\)\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #ffffffb3;
  }
  .dark\:text-\[var\(--interactive-label-accent-default\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    color: var(--interactive-label-accent-default);
  }
  .dark\:text-\[var\(--interactive-label-tertiary-default\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    color: var(--interactive-label-tertiary-default);
  }
  .dark\:text-\[var\(--text-secondary\)\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: var(--text-secondary);
  }
  .dark\:text-\[white\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #fff;
  }
  .dark\:text-black:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #000;
  }
  .dark\:text-black\/60:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #0009;
    color: lab(0% 0 0/0.6);
  }
  .dark\:text-blue-50:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: var(--blue-50);
  }
  .dark\:text-blue-75:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: var(--blue-75);
  }
  .dark\:text-blue-100:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: var(--blue-100);
  }
  .dark\:text-blue-200:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: var(--blue-200);
  }
  .dark\:text-blue-300:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: var(--blue-300);
  }
  .dark\:text-blue-400:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: var(--blue-400);
  }
  .dark\:text-brand-purple-600:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #715fde;
  }
  .dark\:text-gray-50:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: var(--gray-50);
  }
  .dark\:text-gray-100:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: var(--gray-100);
  }
  .dark\:text-gray-200:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: var(--gray-200);
  }
  .dark\:text-gray-300:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: var(--gray-300);
  }
  .dark\:text-gray-400:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: var(--gray-400);
  }
  .dark\:text-gray-400\!:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: var(--gray-400) !important;
  }
  .dark\:text-gray-500:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: var(--gray-500);
  }
  .dark\:text-gray-700:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: var(--gray-700);
  }
  .dark\:text-gray-950:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: var(--gray-950);
  }
  .dark\:text-green-100:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: var(--green-100);
  }
  .dark\:text-green-200:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: var(--green-200);
  }
  .dark\:text-green-300:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: var(--green-300);
  }
  .dark\:text-green-400:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: var(--green-400);
  }
  .dark\:text-green-500:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: var(--green-500);
  }
  .dark\:text-orange-200:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: var(--orange-200);
  }
  .dark\:text-orange-300:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: var(--orange-300);
  }
  .dark\:text-orange-400:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: var(--orange-400);
  }
  .dark\:text-pink-200:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: var(--pink-200);
  }
  .dark\:text-purple-200:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: var(--purple-200);
  }
  .dark\:text-purple-300:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: var(--purple-300);
  }
  .dark\:text-purple-400:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: var(--purple-400);
  }
  .dark\:text-red-100:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: var(--red-100);
  }
  .dark\:text-red-200:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: var(--red-200);
  }
  .dark\:text-red-300:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: var(--red-300);
  }
  .dark\:text-red-400:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: var(--red-400);
  }
  .dark\:text-token-bg-primary\/60:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: var(--bg-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-token-bg-primary\/60:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      color: color-mix(in oklab, var(--bg-primary) 60%, transparent);
    }
  }
  .dark\:text-token-bg-secondary:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: var(--bg-secondary);
  }
  .dark\:text-token-main-surface-tertiary:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: var(--main-surface-tertiary);
  }
  .dark\:text-token-text-inverted:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: var(--text-inverted);
  }
  .dark\:text-token-text-primary:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: var(--text-primary);
  }
  .dark\:text-token-text-secondary:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: var(--text-secondary);
  }
  .dark\:text-token-text-status-warning:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: var(--text-status-warning);
  }
  .dark\:text-token-text-tertiary:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: var(--text-tertiary);
  }
  .dark\:text-token-text-tertiary\!:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: var(--text-tertiary) !important;
  }
  .dark\:text-white:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #fff;
  }
  .dark\:text-white\!:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #fff !important;
  }
  .dark\:text-white\/30:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #ffffff4d;
    color: lab(100% -0.0000298023 0.0000119209/.3);
  }
  .dark\:text-white\/35:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #ffffff59;
    color: lab(100% -0.0000298023 0.0000119209/.35);
  }
  .dark\:text-white\/45:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #ffffff73;
    color: lab(100% -0.0000298023 0.0000119209/.45);
  }
  .dark\:text-white\/50:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #ffffff80;
    color: lab(100% -0.0000298023 0.0000119209/.5);
  }
  .dark\:text-white\/55:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #ffffff8c;
    color: lab(100% -0.0000298023 0.0000119209/.55);
  }
  .dark\:text-white\/60:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #fff9;
    color: lab(100% -0.0000298023 0.0000119209/.6);
  }
  .dark\:text-white\/65:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #ffffffa6;
    color: lab(100% -0.0000298023 0.0000119209/.65);
  }
  .dark\:text-white\/70:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #ffffffb3;
    color: lab(100% -0.0000298023 0.0000119209/.7);
  }
  .dark\:text-white\/74:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #ffffffbd;
    color: lab(100% -0.0000298023 0.0000119209/.74);
  }
  .dark\:text-white\/75:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #ffffffbf;
    color: lab(100% -0.0000298023 0.0000119209/.75);
  }
  .dark\:text-white\/78:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #ffffffc7;
    color: lab(100% -0.0000298023 0.0000119209/.78);
  }
  .dark\:text-white\/80:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #fffc;
    color: lab(100% -0.0000298023 0.0000119209/.8);
  }
  .dark\:text-white\/88:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #ffffffe0;
    color: lab(100% -0.0000298023 0.0000119209/.88);
  }
  .dark\:text-white\/90:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #ffffffe6;
    color: lab(100% -0.0000298023 0.0000119209/.9);
  }
  .dark\:text-white\/92:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #ffffffeb;
    color: lab(100% -0.0000298023 0.0000119209/.92);
  }
  .dark\:text-yellow-100:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ),
  .dark\:text-yellow-100\/90:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: var(--yellow-100);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-yellow-100\/90:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      color: color-mix(in oklab, var(--yellow-100) 90%, transparent);
    }
  }
  .dark\:text-yellow-200:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: var(--yellow-200);
  }
  .dark\:text-yellow-300:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: var(--yellow-300);
  }
  .dark\:decoration-blue-500:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    -webkit-text-decoration-color: var(--blue-500);
    -webkit-text-decoration-color: var(--blue-500);
    -webkit-text-decoration-color: var(--blue-500);
    -webkit-text-decoration-color: var(--blue-500);
    text-decoration-color: var(--blue-500);
  }
  .dark\:decoration-red-500:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    -webkit-text-decoration-color: var(--red-500);
    -webkit-text-decoration-color: var(--red-500);
    -webkit-text-decoration-color: var(--red-500);
    -webkit-text-decoration-color: var(--red-500);
    text-decoration-color: var(--red-500);
  }
  .dark\:\[color-scheme\:dark\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
  }
  .dark\:opacity-10:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    opacity: 0.1;
  }
  .dark\:opacity-20:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    opacity: 0.2;
  }
  .dark\:opacity-30:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    opacity: 0.3;
  }
  .dark\:opacity-40:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    opacity: 0.4;
  }
  .dark\:opacity-45:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    opacity: 0.45;
  }
  .dark\:opacity-60:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    opacity: 0.6;
  }
  .dark\:opacity-65:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    opacity: 0.65;
  }
  .dark\:opacity-75:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    opacity: 0.75;
  }
  .dark\:opacity-95:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    opacity: 0.95;
  }
  .dark\:opacity-\[0\.67\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    opacity: 0.67;
  }
  .dark\:mix-blend-lighten:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    mix-blend-mode: lighten;
  }
  .dark\:shadow-long:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-shadow:
      0px 8px 12px 0px var(--tw-shadow-color, var(--shadow-color-1, #00000014)),
      0px 0px 1px 0px var(--tw-shadow-color, var(--shadow-color-2, #0000009e));
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .dark\:shadow-long:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) {
    --tw-shadow:
      0px 8px 16px 0px var(--tw-shadow-color, #00000052),
      inset 0px 0px 1px 0px var(--tw-shadow-color, var(--shadow-color-2, #fff3)),
      0px 0px 1px 0px var(--tw-shadow-color, #0000009e);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .dark\:shadow-\[0_-4px_32px_rgba\(0\,0\,0\,0\.12\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    --tw-shadow: 0 -4px 32px var(--tw-shadow-color, #0000001f);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .dark\:shadow-\[0_0\.5px_1px_rgba\(0\,0\,0\,0\.45\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    --tw-shadow: 0 0.5px 1px var(--tw-shadow-color, #00000073);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .dark\:shadow-\[0_0\.5px_1px_rgba\(13\,13\,13\,0\.10\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    --tw-shadow: 0 0.5px 1px var(--tw-shadow-color, #0d0d0d1a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .dark\:shadow-\[0_0_1px_rgba\(255\,255\,255\,0\.08\)\,0_24px_72px_rgba\(0\,0\,0\,0\.5\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    --tw-shadow:
      0 0 1px var(--tw-shadow-color, #ffffff14),
      0 24px 72px var(--tw-shadow-color, #00000080);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .dark\:shadow-\[0_0_18px_rgba\(0\,0\,0\,0\.48\)\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-shadow: 0 0 18px var(--tw-shadow-color, #0000007a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .dark\:shadow-\[0_0_70px_rgba\(255\,255\,255\,0\.12\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    --tw-shadow: 0 0 70px var(--tw-shadow-color, #ffffff1f);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .dark\:shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.4\)\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-shadow: 0 4px 12px var(--tw-shadow-color, #0006);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .dark\:shadow-\[0_4px_25px_-5px_rgb\(8_12_35_\/_0\.6\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    --tw-shadow: 0 4px 25px -5px var(--tw-shadow-color, #080c2399);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .dark\:shadow-\[0_4px_30px_0_rgba\(0\,0\,0\,0\.28\)\,0_0_24px_0_rgba\(0\,0\,0\,0\.16\)\,0_8px_18px_-12px_rgba\(10\,12\,32\,0\.82\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    --tw-shadow:
      0 4px 30px 0 var(--tw-shadow-color, #00000047),
      0 0 24px 0 var(--tw-shadow-color, #00000029),
      0 8px 18px -12px var(--tw-shadow-color, #0a0c20d1);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .dark\:shadow-\[0_4px_30px_0_rgba\(76\,84\,196\,0\.28\)\,0_0_24px_0_rgba\(76\,84\,196\,0\.16\)\,0_8px_18px_-12px_rgba\(10\,12\,32\,0\.82\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    --tw-shadow:
      0 4px 30px 0 var(--tw-shadow-color, #4c54c447),
      0 0 24px 0 var(--tw-shadow-color, #4c54c429),
      0 8px 18px -12px var(--tw-shadow-color, #0a0c20d1);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .dark\:shadow-\[0_6px_14px_0_rgba\(0\,0\,0\,0\.35\)\,0_12px_20px_0_rgba\(0\,0\,0\,0\.4\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    --tw-shadow:
      0 6px 14px 0 var(--tw-shadow-color, #00000059),
      0 12px 20px 0 var(--tw-shadow-color, #0006);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .dark\:shadow-\[0_6px_18px_0_rgba\(0\,0\,0\,0\.35\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    --tw-shadow: 0 6px 18px 0 var(--tw-shadow-color, #00000059);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .dark\:shadow-\[0_8px_16px_0_rgba\(0\,0\,0\,0\.40\)\,inset_0_0_1px_0_rgba\(255\,255\,255\,0\.25\)\,0_0_1px_0_rgba\(0\,0\,0\,0\.60\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    --tw-shadow:
      0 8px 16px 0 var(--tw-shadow-color, #0006),
      inset 0 0 1px 0 var(--tw-shadow-color, #ffffff40),
      0 0 1px 0 var(--tw-shadow-color, #0009);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .dark\:shadow-\[0_8px_20px_rgba\(0\,0\,0\,0\.35\)\,_0_0\.5px_1px_rgba\(0\,0\,0\,0\.6\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    --tw-shadow:
      0 8px 20px var(--tw-shadow-color, #00000059),
      0 0.5px 1px var(--tw-shadow-color, #0009);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .dark\:shadow-\[0_10px_20px_-6px_rgb\(20_20_20_\/_0\.5\)\,inset_0_0_1px_rgb\(255_255_255_\/_0\.3\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    --tw-shadow:
      0 10px 20px -6px var(--tw-shadow-color, #14141480),
      inset 0 0 1px var(--tw-shadow-color, #ffffff4d);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .dark\:shadow-\[0_12px_32px_rgba\(0\,0\,0\,0\.22\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    --tw-shadow: 0 12px 32px var(--tw-shadow-color, #00000038);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .dark\:shadow-\[0_12px_36px_rgba\(0\,0\,0\,0\.32\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    --tw-shadow: 0 12px 36px var(--tw-shadow-color, #00000052);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .dark\:shadow-\[0_16px_48px_rgba\(0\,0\,0\,0\.32\)\,0_0_32px_rgba\(0\,0\,0\,0\.24\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    --tw-shadow:
      0 16px 48px var(--tw-shadow-color, #00000052),
      0 0 32px var(--tw-shadow-color, #0000003d);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .dark\:shadow-\[0_18px_60px_rgba\(0\,0\,0\,0\.28\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    --tw-shadow: 0 18px 60px var(--tw-shadow-color, #00000047);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .dark\:shadow-\[0_20px_60px_rgba\(0\,0\,0\,0\.28\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    --tw-shadow: 0 20px 60px var(--tw-shadow-color, #00000047);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .dark\:shadow-\[0_24px_80px_rgba\(0\,0\,0\,0\.3\)\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-shadow: 0 24px 80px var(--tw-shadow-color, #0000004d);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .dark\:shadow-\[0_32px_48px_rgba\(0\,0\,0\,0\.175\)\,_0_0_1px_rgba\(255\,255\,255\,0\.4\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    --tw-shadow:
      0 32px 48px var(--tw-shadow-color, #0000002d),
      0 0 1px var(--tw-shadow-color, #fff6);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .dark\:shadow-\[0px_0px_0px_1px_\#414141\,0px_4px_14px_rgba\(0\,0\,0\,0\.24\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    --tw-shadow:
      0px 0px 0px 1px var(--tw-shadow-color, #414141),
      0px 4px 14px var(--tw-shadow-color, #0000003d);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .dark\:shadow-\[0px_0px_0px_1px_rgba\(255\,255\,255\,0\.12\)\,0px_2px_2px_rgba\(0\,0\,0\,0\.2\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    --tw-shadow:
      0px 0px 0px 1px var(--tw-shadow-color, #ffffff1f),
      0px 2px 2px var(--tw-shadow-color, #0003);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .dark\:shadow-\[0px_1px_1px_0px_var\(--shadow-color-1\,rgba\(0\,_0\,_0\,_0\.10\)\)\,inset_0px_0px_1px_0px_var\(--shadow-color-2\,rgba\(255\,_255\,_255\,_0\.2\)\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    --tw-shadow:
      0px 1px 1px 0px var(--tw-shadow-color, var(--shadow-color-1, #0000001a)),
      inset 0px 0px 1px 0px var(--tw-shadow-color, var(--shadow-color-2, #fff3));
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .dark\:shadow-\[0px_4px_12px_0px_var\(--shadow-color-1\,rgba\(0\,_0\,_0\,_0\.24\)\)\,inset_0px_0px_1px_0px_var\(--shadow-color-2\,rgba\(255\,_255\,_255\,_0\.3\)\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    --tw-shadow:
      0px 4px 12px 0px var(--tw-shadow-color, var(--shadow-color-1, #0000003d)),
      inset 0px 0px 1px 0px
        var(--tw-shadow-color, var(--shadow-color-2, #ffffff4d));
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .dark\:shadow-\[0px_6px_18px_rgba\(0\,0\,0\,0\.14\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    --tw-shadow: 0px 6px 18px var(--tw-shadow-color, #00000024);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .dark\:shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.1\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #ffffff1a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .dark\:shadow-\[inset_0px_0px_1px_rgba\(255\,255\,255\,0\.3\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    --tw-shadow: inset 0px 0px 1px var(--tw-shadow-color, #ffffff4d);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .dark\:shadow-md:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-shadow:
      0 4px 6px -1px var(--tw-shadow-color, #0000001a),
      0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .dark\:shadow-none:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --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);
  }
  .dark\:shadow-none\!:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .dark\:ring-1:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --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);
  }
  .dark\:shadow-black\/60:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-shadow-color: #0009;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:shadow-black\/60:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      --tw-shadow-color: color-mix(
        in oklab,
        lab(0% 0 0/0.6) var(--tw-shadow-alpha),
        transparent
      );
    }
  }
  .dark\:ring-\[\#333333\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-ring-color: #333;
  }
  .dark\:ring-white:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-ring-color: #fff;
  }
  .dark\:ring-white\/2:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-ring-color: #ffffff05;
  }
  @supports (color: lab(0% 0 0)) {
    .dark\:ring-white\/2:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      --tw-ring-color: lab(100% -0.0000298023 0.0000119209/.02);
    }
  }
  .dark\:ring-white\/5:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-ring-color: #ffffff0d;
  }
  @supports (color: lab(0% 0 0)) {
    .dark\:ring-white\/5:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      --tw-ring-color: lab(100% -0.0000298023 0.0000119209/.05);
    }
  }
  .dark\:ring-white\/10:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-ring-color: #ffffff1a;
  }
  @supports (color: lab(0% 0 0)) {
    .dark\:ring-white\/10:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      --tw-ring-color: lab(100% -0.0000298023 0.0000119209/.1);
    }
  }
  .dark\:ring-white\/15:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-ring-color: #ffffff26;
  }
  @supports (color: lab(0% 0 0)) {
    .dark\:ring-white\/15:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      --tw-ring-color: lab(100% -0.0000298023 0.0000119209/.15);
    }
  }
  .dark\:ring-white\/\[0\.05\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-ring-color: #ffffff0d;
  }
  @supports (color: lab(0% 0 0)) {
    .dark\:ring-white\/\[0\.05\]:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      --tw-ring-color: lab(100% -0.0000298023 0.0000119209/.05);
    }
  }
  .dark\:ring-white\/\[0\.06\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-ring-color: #ffffff0f;
  }
  @supports (color: lab(0% 0 0)) {
    .dark\:ring-white\/\[0\.06\]:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      --tw-ring-color: lab(100% -0.0000298023 0.0000119209/.06);
    }
  }
  .dark\:outline-\[\#484777\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    outline-color: #484777;
  }
  .dark\:outline-black:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    outline-color: #000;
  }
  .dark\:brightness-75:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-brightness: brightness(75%);
    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,);
  }
  .dark\:brightness-90:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-brightness: brightness(90%);
    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,);
  }
  .dark\:brightness-\[0\.78\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-brightness: brightness(0.78);
    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,);
  }
  .dark\:brightness-\[1\.55\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-brightness: brightness(1.55);
    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,);
  }
  .dark\:contrast-\[1\.04\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-contrast: contrast(1.04);
    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,);
  }
  .dark\:grayscale-0:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-grayscale: grayscale(0%);
    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,);
  }
  .dark\:hue-rotate-180:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-hue-rotate: hue-rotate(180deg);
    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,);
  }
  .dark\:invert:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-invert: invert(100%);
    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,);
  }
  .dark\:invert-0:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-invert: invert(0%);
    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,);
  }
  .dark\:saturate-\[0\.92\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-saturate: saturate(0.92);
    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,);
  }
  .dark\:\[filter\:grayscale\(1\)_brightness\(0\)_invert\(1\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    filter: grayscale() brightness(0) invert();
  }
  .dark\:backdrop-blur-lg:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --tw-backdrop-blur: blur(var(--blur-lg));
    -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,);
  }
  .dark\:\[--canvas-bg\:var\(--bg-elevated-secondary\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    --canvas-bg: var(--bg-elevated-secondary);
  }
  .dark\:\[--code-icon-c0\:\#BEBEBE\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --code-icon-c0: #bebebe;
  }
  .dark\:\[--code-icon-c1\:\#4D4D4D\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --code-icon-c1: #4d4d4d;
  }
  .dark\:\[--code-icon-c2\:\#4D4D4D\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --code-icon-c2: #4d4d4d;
  }
  .dark\:\[--code-icon-c3\:\#4D4D4D\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --code-icon-c3: #4d4d4d;
  }
  .dark\:\[--constant-background-active\:rgba\(255\,255\,255\,0\.08\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    --constant-background-active: #ffffff14;
  }
  .dark\:\[--constant-background\:rgba\(255\,255\,255\,0\.04\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    --constant-background: #ffffff0a;
  }
  .dark\:\[--file-video-icon-c0\:\#DFDFDF\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --file-video-icon-c0: #dfdfdf;
  }
  .dark\:\[--file-video-icon-c1\:\#FBFBFB\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --file-video-icon-c1: #fbfbfb;
  }
  .dark\:\[--file-video-icon-c2\:\#4D4D4D\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --file-video-icon-c2: #4d4d4d;
  }
  .dark\:\[--file-video-icon-c3\:\#FBFBFB\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --file-video-icon-c3: #fbfbfb;
  }
  .dark\:\[--file-video-icon-c4\:\#4D4D4D\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --file-video-icon-c4: #4d4d4d;
  }
  .dark\:\[--file-video-icon-c5\:\#4D4D4D\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --file-video-icon-c5: #4d4d4d;
  }
  .dark\:\[--jpg-icon-c0\:\#8EBAFF\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --jpg-icon-c0: #8ebaff;
  }
  .dark\:\[--jpg-icon-c1\:\#AECDFF\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --jpg-icon-c1: #aecdff;
  }
  .dark\:\[--mp4-icon-main-fill\:\#8AD56F\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --mp4-icon-main-fill: #8ad56f;
  }
  .dark\:\[--pdf-icon-corner-fill\:\#FFB2AD\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --pdf-icon-corner-fill: #ffb2ad;
  }
  .dark\:\[--pdf-icon-main-fill\:\#FF928C\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --pdf-icon-main-fill: #ff928c;
  }
  .dark\:\[--photo-icon-c1\:\#FFF282\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --photo-icon-c1: #fff282;
  }
  .dark\:\[--photo-icon-c2\:\#A6F546\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --photo-icon-c2: #a6f546;
  }
  .dark\:\[--png-icon-c0\:\#62E2CC\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --png-icon-c0: #62e2cc;
  }
  .dark\:\[--potion-icon-color\:\#FF928C\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --potion-icon-color: #ff928c;
  }
  .dark\:\[--potion-medical-records-lines\:\#B0B0B0\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --potion-medical-records-lines: #b0b0b0;
  }
  .dark\:\[--potion-medical-records-outer\:\#DA816B\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --potion-medical-records-outer: #da816b;
  }
  .dark\:\[--potion-medical-records-tab\:\#A9583D\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --potion-medical-records-tab: #a9583d;
  }
  .dark\:\[--ppt-icon-c0\:\#DFDFDF\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --ppt-icon-c0: #dfdfdf;
  }
  .dark\:\[--ppt-icon-c2\:\#FDFDFD\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --ppt-icon-c2: #fdfdfd;
  }
  .dark\:\[--right-bg\:black\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --right-bg: black;
  }
  .dark\:\[--xls-icon-main-offset-0\:\#4AA647\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --xls-icon-main-offset-0: #4aa647;
  }
  .dark\:\[--zip-icon-corner-fill\:\#E3E3E3\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --zip-icon-corner-fill: #e3e3e3;
  }
  .dark\:\[--zip-icon-main-fill\:\#CACACA\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --zip-icon-main-fill: #cacaca;
  }
  .dark\:\[--zip-icon-text-fill\:\#777777\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --zip-icon-text-fill: #777;
  }
  .dark\:\[--zip-icon-zipper-center-fill\:\#E4E4E4\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --zip-icon-zipper-center-fill: #e4e4e4;
  }
  .dark\:\[--zip-icon-zipper-fill\:\#8A8A8A\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    --zip-icon-zipper-fill: #8a8a8a;
  }
  .dark\:\[text-shadow\:-0\.8px_-0\.8px_0_\#000\,0\.8px_-0\.8px_0_\#000\,-0\.8px_0\.8px_0_\#000\,0\.8px_0\.8px_0_\#000\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    text-shadow:
      -0.8px -0.8px #000,
      0.8px -0.8px #000,
      -0.8px 0.8px #000,
      0.8px 0.8px #000;
  }
  .dark\:group-focus-within\/file-row\:bg-token-bg-tertiary:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)):is(
      :where(.group\/file-row):focus-within *
    ) {
    background-color: var(--bg-tertiary);
  }
  .dark\:group-focus-within\/file-row\:bg-token-main-surface-tertiary:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)):is(
      :where(.group\/file-row):focus-within *
    ) {
    background-color: var(--main-surface-tertiary);
  }
  @media (hover: hover) {
    .dark\:group-hover\:border-orange-800:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):is(:where(.group):hover *) {
      border-color: var(--orange-800);
    }
    .dark\:group-hover\:border-token-text-primary:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):is(:where(.group):hover *) {
      border-color: var(--text-primary);
    }
    .dark\:group-hover\:bg-white\/5:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):is(:where(.group):hover *) {
      background-color: #ffffff0d;
      background-color: lab(100% -0.0000298023 0.0000119209/.05);
    }
    .dark\:group-hover\:text-token-text-secondary:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):is(:where(.group):hover *) {
      color: var(--text-secondary);
    }
    .dark\:group-hover\/btn\:bg-gray-100:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):is(:where(.group\/btn):hover *) {
      background-color: var(--gray-100);
    }
    .dark\:group-hover\/file-row\:bg-token-bg-tertiary:where(
        .dark,
        .dark *
      ):not(:where(.dark .light, .dark .light *)):is(
        :where(.group\/file-row):hover *
      ) {
      background-color: var(--bg-tertiary);
    }
    .dark\:group-hover\/file-row\:bg-token-main-surface-tertiary:where(
        .dark,
        .dark *
      ):not(:where(.dark .light, .dark .light *)):is(
        :where(.group\/file-row):hover *
      ) {
      background-color: var(--main-surface-tertiary);
    }
    .dark\:group-hover\/icon\:bg-gray-600:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):is(:where(.group\/icon):hover *) {
      background-color: var(--gray-600);
    }
    .dark\:group-hover\/row\:bg-gray-700:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):is(:where(.group\/row):hover *) {
      background-color: var(--gray-700);
    }
  }
  .dark\:group-focus-visible\:text-token-text-secondary:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)):is(
      :where(.group):focus-visible *
    ) {
    color: var(--text-secondary);
  }
  .dark\:group-data-scrolled-from-end\/scrollport\:opacity-30:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)):is(
      :where(.group\/scrollport)[data-scrolled-from-end] *
    ) {
    opacity: 0.3;
  }
  .dark\:group-data-scrolled-from-end\/scrollport\:opacity-90:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)):is(
      :where(.group\/scrollport)[data-scrolled-from-end] *
    ) {
    opacity: 0.9;
  }
  .dark\:group-data-\[highlighted\]\:text-token-text-secondary:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)):is(
      :where(.group)[data-highlighted] *
    ),
  .dark\:group-data-\[state\=open\]\:text-token-text-secondary:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)):is(
      :where(.group)[data-state="open"] *
    ) {
    color: var(--text-secondary);
  }
  .dark\:placeholder\:text-\[\#afafaf\]\!:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    )::placeholder {
    color: #afafaf !important;
  }
  .dark\:placeholder\:text-white\/35:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    )::placeholder {
    color: #ffffff59;
    color: lab(100% -0.0000298023 0.0000119209/.35);
  }
  .dark\:placeholder\:text-white\/40:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    )::placeholder {
    color: #fff6;
    color: lab(100% -0.0000298023 0.0000119209/.4);
  }
  .dark\:before\:bg-black\/30:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):before {
    content: var(--tw-content);
    background-color: #0000004d;
    background-color: lab(0% 0 0/0.3);
  }
  .dark\:before\:bg-black\/45:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):before {
    content: var(--tw-content);
    background-color: #00000073;
    background-color: lab(0% 0 0/0.45);
  }
  .dark\:before\:bg-black\/50:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):before {
    content: var(--tw-content);
    background-color: #00000080;
    background-color: lab(0% 0 0/0.5);
  }
  .dark\:before\:bg-gray-750\/50:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):before {
    content: var(--tw-content);
    background-color: var(--gray-750);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:before\:bg-gray-750\/50:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):before {
      background-color: color-mix(in oklab, var(--gray-750) 50%, transparent);
    }
  }
  .dark\:before\:bg-\[linear-gradient\(90deg\,rgba\(42\,74\,140\,0\.48\)_0\%\,rgba\(18\,30\,60\,0\.38\)_100\%\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)):before {
    content: var(--tw-content);
    background-image: linear-gradient(90deg, #2a4a8c7a 0%, #121e3c61 100%);
  }
  .dark\:before\:opacity-65:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):before {
    content: var(--tw-content);
    opacity: 0.65;
  }
  .dark\:after\:bg-\[Highlight\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):after {
    content: var(--tw-content);
    background-color: highlight;
  }
  .dark\:after\:bg-\[linear-gradient\(180deg\,rgba\(0\,0\,0\,0\)_24\.327\%\,var\(--bg-primary\)_47\.029\%\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)):after {
    content: var(--tw-content);
    background-image: linear-gradient(
      180deg,
      #0000 24.327%,
      var(--bg-primary) 47.029%
    );
  }
  .dark\:after\:from-token-bg-primary:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):after {
    content: var(--tw-content);
    --tw-gradient-from: var(--bg-primary);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .dark\:after\:via-token-bg-primary:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):after {
    content: var(--tw-content);
    --tw-gradient-via: var(--bg-primary);
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .dark\:after\:to-transparent:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):after {
    content: var(--tw-content);
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .after\:dark\:shadow-\[inset_0_0_0_0\.5px_rgba\(13\,13\,13\,0\.10\)\]:after {
    content: var(--tw-content);
  }
  .after\:dark\:shadow-\[inset_0_0_0_0\.5px_rgba\(13\,13\,13\,0\.10\)\]:after:where(

    ):not(:where()) {
    --tw-shadow: inset 0 0 0 0.5px var(--tw-shadow-color, #0d0d0d1a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .after\:dark\:shadow-\[inset_0_0_0_0\.5px_rgba\(255\,255\,255\,0\.12\)\]:after {
    content: var(--tw-content);
  }
  .after\:dark\:shadow-\[inset_0_0_0_0\.5px_rgba\(255\,255\,255\,0\.12\)\]:after:where(

    ):not(:where()) {
    --tw-shadow: inset 0 0 0 0.5px var(--tw-shadow-color, #ffffff1f);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .dark\:after\:invert:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):after {
    content: var(--tw-content);
    --tw-invert: invert(100%);
    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,);
  }
  .dark\:checked\:border-black:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):checked {
    border-color: #000;
  }
  .dark\:checked\:border-blue-400:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):checked {
    border-color: var(--blue-400);
  }
  .dark\:checked\:border-white:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):checked {
    border-color: #fff;
  }
  .dark\:checked\:bg-black:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):checked {
    background-color: #000;
  }
  .dark\:checked\:bg-blue-400:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):checked {
    background-color: var(--blue-400);
  }
  .dark\:checked\:bg-white:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):checked {
    background-color: #fff;
  }
  .dark\:indeterminate\:border-blue-400:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):indeterminate {
    border-color: var(--blue-400);
  }
  .dark\:indeterminate\:border-white:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):indeterminate {
    border-color: #fff;
  }
  .dark\:indeterminate\:bg-blue-400:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):indeterminate {
    background-color: var(--blue-400);
  }
  .dark\:indeterminate\:bg-white:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):indeterminate {
    background-color: #fff;
  }
  .dark\:focus-within\:border-token-border-xheavy:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):focus-within {
    border-color: var(--border-xheavy);
  }
  .dark\:focus-within\:bg-white\/10:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):focus-within {
    background-color: #ffffff1a;
    background-color: lab(100% -0.0000298023 0.0000119209/.1);
  }
  .dark\:focus-within\:ring-0:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):focus-within {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(0px + 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);
  }
  @media (hover: hover) {
    .dark\:hover\:border-\[rgba\(168\,198\,255\,0\.32\)\]\!:where(
        .dark,
        .dark *
      ):not(:where(.dark .light, .dark .light *)):hover {
      border-color: #a8c6ff52 !important;
    }
    .dark\:hover\:bg-\[\#1A416A\]:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      background-color: #1a416a;
    }
    .dark\:hover\:bg-\[\#4D4C83\]:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      background-color: #4d4c83;
    }
    .dark\:hover\:bg-\[\#414071\]:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      background-color: #414071;
    }
    .dark\:hover\:bg-\[\#f6dc63\]:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      background-color: #f6dc63;
    }
    .dark\:hover\:bg-\[rgba\(38\,66\,132\,0\.55\)\]\!:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      background-color: #2642848c !important;
    }
    .dark\:hover\:bg-\[rgba\(255\,255\,255\,0\.1\)\]:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      background-color: #ffffff1a;
    }
    .dark\:hover\:bg-black\/70:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      background-color: #000000b3;
      background-color: lab(0% 0 0/0.7);
    }
    .dark\:hover\:bg-blue-300\/50:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      background-color: var(--blue-300);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-blue-300\/50:where(.dark, .dark *):not(
          :where(.dark .light, .dark .light *)
        ):hover {
        background-color: color-mix(in oklab, var(--blue-300) 50%, transparent);
      }
    }
    .dark\:hover\:bg-blue-900\/40:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      background-color: var(--blue-900);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-blue-900\/40:where(.dark, .dark *):not(
          :where(.dark .light, .dark .light *)
        ):hover {
        background-color: color-mix(in oklab, var(--blue-900) 40%, transparent);
      }
    }
    .dark\:hover\:bg-gray-100:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      background-color: var(--gray-100);
    }
    .dark\:hover\:bg-gray-600:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      background-color: var(--gray-600);
    }
    .dark\:hover\:bg-gray-700:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      background-color: var(--gray-700);
    }
    .dark\:hover\:bg-gray-800:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      background-color: var(--gray-800);
    }
    .dark\:hover\:bg-gray-800\!:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      background-color: var(--gray-800) !important;
    }
    .dark\:hover\:bg-green-900\/30:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      background-color: var(--green-900);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-green-900\/30:where(.dark, .dark *):not(
          :where(.dark .light, .dark .light *)
        ):hover {
        background-color: color-mix(
          in oklab,
          var(--green-900) 30%,
          transparent
        );
      }
    }
    .dark\:hover\:bg-red-500\/15:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      background-color: var(--red-500);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-red-500\/15:where(.dark, .dark *):not(
          :where(.dark .light, .dark .light *)
        ):hover {
        background-color: color-mix(in oklab, var(--red-500) 15%, transparent);
      }
    }
    .dark\:hover\:bg-red-900\/30:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      background-color: var(--red-900);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-red-900\/30:where(.dark, .dark *):not(
          :where(.dark .light, .dark .light *)
        ):hover {
        background-color: color-mix(in oklab, var(--red-900) 30%, transparent);
      }
    }
    .dark\:hover\:bg-token-bg-primary:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      background-color: var(--bg-primary);
    }
    .dark\:hover\:bg-token-bg-secondary:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      background-color: var(--bg-secondary);
    }
    .dark\:hover\:bg-token-bg-tertiary:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      background-color: var(--bg-tertiary);
    }
    .dark\:hover\:bg-token-bg-tertiary\!:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      background-color: var(--bg-tertiary) !important;
    }
    .dark\:hover\:bg-token-bg-tertiary\/60:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      background-color: var(--bg-tertiary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-token-bg-tertiary\/60:where(.dark, .dark *):not(
          :where(.dark .light, .dark .light *)
        ):hover {
        background-color: color-mix(
          in oklab,
          var(--bg-tertiary) 60%,
          transparent
        );
      }
    }
    .dark\:hover\:bg-token-interactive-bg-secondary-hover:where(
        .dark,
        .dark *
      ):not(:where(.dark .light, .dark .light *)):hover {
      background-color: var(--interactive-bg-secondary-hover);
    }
    .dark\:hover\:bg-token-main-surface-primary\/30:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      background-color: var(--main-surface-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-token-main-surface-primary\/30:where(.dark, .dark *):not(
          :where(.dark .light, .dark .light *)
        ):hover {
        background-color: color-mix(
          in oklab,
          var(--main-surface-primary) 30%,
          transparent
        );
      }
    }
    .dark\:hover\:bg-token-main-surface-secondary:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      background-color: var(--main-surface-secondary);
    }
    .dark\:hover\:bg-token-main-surface-tertiary:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      background-color: var(--main-surface-tertiary);
    }
    .dark\:hover\:bg-token-surface-hover:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      background-color: var(--surface-hover);
    }
    .dark\:hover\:bg-token-text-primary:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      background-color: var(--text-primary);
    }
    .dark\:hover\:bg-token-text-primary\!:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      background-color: var(--text-primary) !important;
    }
    .dark\:hover\:bg-token-text-tertiary:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      background-color: var(--text-tertiary);
    }
    .dark\:hover\:bg-transparent:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      background-color: #0000;
    }
    .dark\:hover\:bg-white:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      background-color: #fff;
    }
    .dark\:hover\:bg-white\/5:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      background-color: #ffffff0d;
      background-color: lab(100% -0.0000298023 0.0000119209/.05);
    }
    .dark\:hover\:bg-white\/6:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      background-color: #ffffff0f;
      background-color: lab(100% -0.0000298023 0.0000119209/.06);
    }
    .dark\:hover\:bg-white\/7:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      background-color: #ffffff12;
      background-color: lab(100% -0.0000298023 0.0000119209/.07);
    }
    .dark\:hover\:bg-white\/8:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      background-color: #ffffff14;
      background-color: lab(100% -0.0000298023 0.0000119209/.08);
    }
    .dark\:hover\:bg-white\/10:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      background-color: #ffffff1a;
      background-color: lab(100% -0.0000298023 0.0000119209/.1);
    }
    .dark\:hover\:bg-white\/10\!:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      background-color: #ffffff1a !important;
      background-color: lab(100% -0.0000298023 0.0000119209/.1) !important;
    }
    .dark\:hover\:bg-white\/16\!:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      background-color: #ffffff29 !important;
      background-color: lab(100% -0.0000298023 0.0000119209/.16) !important;
    }
    .dark\:hover\:bg-white\/18\!:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      background-color: #ffffff2e !important;
      background-color: lab(100% -0.0000298023 0.0000119209/.18) !important;
    }
    .dark\:hover\:bg-white\/20:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      background-color: #fff3;
      background-color: lab(100% -0.0000298023 0.0000119209/.2);
    }
    .hover\:dark\:bg-gray-100\/10:hover:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: var(--gray-100);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:dark\:bg-gray-100\/10:hover:where(.dark, .dark *):not(
          :where(.dark .light, .dark .light *)
        ) {
        background-color: color-mix(in oklab, var(--gray-100) 10%, transparent);
      }
    }
    .dark\:hover\:text-blue-300:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      color: var(--blue-300);
    }
    .dark\:hover\:text-token-main-surface-tertiary:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      color: var(--main-surface-tertiary);
    }
    .dark\:hover\:text-token-text-primary:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      color: var(--text-primary);
    }
    .dark\:hover\:text-token-text-primary\!:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      color: var(--text-primary) !important;
    }
    .dark\:hover\:text-token-text-secondary:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      color: var(--text-secondary);
    }
    .dark\:hover\:text-white\/65:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      color: #ffffffa6;
      color: lab(100% -0.0000298023 0.0000119209/.65);
    }
    .dark\:hover\:text-white\/74:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      color: #ffffffbd;
      color: lab(100% -0.0000298023 0.0000119209/.74);
    }
    .dark\:hover\:opacity-100:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      opacity: 1;
    }
  }
  .dark\:focus\:border-white:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):focus {
    border-color: #fff;
  }
  .dark\:focus\:bg-gray-50\!:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):focus {
    background-color: var(--gray-50) !important;
  }
  .dark\:focus\:ring-\[\#ffffff\]\!:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):focus {
    --tw-ring-color: #fff !important;
  }
  .dark\:focus\:ring-white:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):focus {
    --tw-ring-color: #fff;
  }
  .dark\:focus-visible\:border-white:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):focus-visible {
    border-color: #fff;
  }
  .dark\:focus-visible\:bg-\[var\(--interactive-bg-secondary-hover\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)):focus-visible {
    background-color: var(--interactive-bg-secondary-hover);
  }
  .dark\:focus-visible\:bg-token-text-primary\!:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):focus-visible {
    background-color: var(--text-primary) !important;
  }
  .dark\:focus-visible\:ring-token-text-primary:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):focus-visible {
    --tw-ring-color: var(--text-primary);
  }
  .dark\:focus-visible\:ring-white:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):focus-visible {
    --tw-ring-color: #fff;
  }
  .dark\:focus-visible\:outline-white:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):focus-visible {
    outline-color: #fff;
  }
  .dark\:active\:bg-\[\#f0d35a\]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):active {
    background-color: #f0d35a;
  }
  .dark\:active\:bg-\[var\(--interactive-bg-secondary-press\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)):active {
    background-color: var(--interactive-bg-secondary-press);
  }
  .dark\:active\:bg-gray-600:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):active {
    background-color: var(--gray-600);
  }
  .dark\:active\:bg-red-500\/20:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):active {
    background-color: var(--red-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:active\:bg-red-500\/20:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):active {
      background-color: color-mix(in oklab, var(--red-500) 20%, transparent);
    }
  }
  .dark\:active\:bg-token-bg-tertiary:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):active {
    background-color: var(--bg-tertiary);
  }
  .dark\:active\:bg-token-bg-tertiary\!:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):active {
    background-color: var(--bg-tertiary) !important;
  }
  .dark\:active\:bg-token-interactive-bg-secondary-press:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)):active {
    background-color: var(--interactive-bg-secondary-press);
  }
  .dark\:active\:bg-token-main-surface-primary\/70:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):active {
    background-color: var(--main-surface-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:active\:bg-token-main-surface-primary\/70:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):active {
      background-color: color-mix(
        in oklab,
        var(--main-surface-primary) 70%,
        transparent
      );
    }
  }
  .dark\:active\:bg-white\/8:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):active {
    background-color: #ffffff14;
    background-color: lab(100% -0.0000298023 0.0000119209/.08);
  }
  .dark\:active\:bg-white\/10:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):active {
    background-color: #ffffff1a;
    background-color: lab(100% -0.0000298023 0.0000119209/.1);
  }
  .dark\:active\:bg-white\/22\!:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):active {
    background-color: #ffffff38 !important;
    background-color: lab(100% -0.0000298023 0.0000119209/.22) !important;
  }
  @media (hover: hover) {
    .dark\:enabled\:hover\:bg-white\/10:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):enabled:hover {
      background-color: #ffffff1a;
      background-color: lab(100% -0.0000298023 0.0000119209/.1);
    }
  }
  .dark\:disabled\:bg-white\/25:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):disabled {
    background-color: #ffffff40;
    background-color: lab(100% -0.0000298023 0.0000119209/.25);
  }
  .dark\:disabled\:text-white\/70:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):disabled {
    color: #ffffffb3;
    color: lab(100% -0.0000298023 0.0000119209/.7);
  }
  .dark\:data-highlighted\:bg-\[var\(--interactive-bg-secondary-hover\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *))[data-highlighted] {
    background-color: var(--interactive-bg-secondary-hover);
  }
  @media (hover: hover) {
    .dark\:data-no-hover-bg\:hover\:bg-transparent:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      )[data-no-hover-bg]:hover {
      background-color: #0000;
    }
  }
  .dark\:data-\[state\=active\]\:bg-\[var\(--interactive-bg-secondary-hover\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *))[data-state="active"] {
    background-color: var(--interactive-bg-secondary-hover);
  }
  .data-\[state\=active\]\:dark\:bg-token-bg-tertiary\/60[data-state="active"]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    background-color: var(--bg-tertiary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .data-\[state\=active\]\:dark\:bg-token-bg-tertiary\/60[data-state="active"]:where(
        .dark,
        .dark *
      ):not(:where(.dark .light, .dark .light *)) {
      background-color: color-mix(
        in oklab,
        var(--bg-tertiary) 60%,
        transparent
      );
    }
  }
  .data-\[state\=active\]\:dark\:text-token-text-primary[data-state="active"]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    color: var(--text-primary);
  }
  .dark\:data-\[state\=checked\]\:border-token-border-heavy:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *))[data-state="checked"] {
    border-color: var(--border-heavy);
  }
  .dark\:data-\[state\=checked\]\:border-white:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    )[data-state="checked"] {
    border-color: #fff;
  }
  .dark\:data-\[state\=checked\]\:bg-white:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    )[data-state="checked"] {
    background-color: #fff;
  }
  .dark\:data-\[state\=open\]\:bg-\[var\(--interactive-bg-secondary-press\)\]:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *))[data-state="open"] {
    background-color: var(--interactive-bg-secondary-press);
  }
  @supports (
    (-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))
  ) {
    .dark\:supports-\[backdrop-filter\]\:bg-black\/60:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: #0009;
      background-color: lab(0% 0 0/0.6);
    }
    .dark\:supports-\[backdrop-filter\]\:bg-white\/15:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: #ffffff26;
      background-color: lab(100% -0.0000298023 0.0000119209/.15);
    }
  }
  @media (min-width: 40rem) {
    .sm\:dark\:shadow-\[0px_4px_48px_rgba\(0\,0\,0\,0\.2\)\]:where(
        .dark,
        .dark *
      ):not(:where(.dark .light, .dark .light *)) {
      --tw-shadow: 0px 4px 48px var(--tw-shadow-color, #0003);
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .sm\:dark\:shadow-none:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      --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);
    }
  }
  @media (min-width: 48rem) {
    .md\:dark\:border-gray-700:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      border-color: var(--gray-700);
    }
    .md\:dark\:border-transparent:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      border-color: #0000;
    }
    .dark\:md\:bg-transparent:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: #0000;
    }
    .md\:dark\:bg-white\/\[0\.018\]:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ) {
      background-color: #ffffff05;
      background-color: lab(100% -0.0000298023 0.0000119209/.018);
    }
    @media (hover: hover) {
      .dark\:md\:hover\:bg-gray-700:where(.dark, .dark *):not(
          :where(.dark .light, .dark .light *)
        ):hover {
        background-color: var(--gray-700);
      }
    }
  }
  @starting-style {
    .starting\:opacity-0 {
      opacity: 0;
    }
  }
  @starting-style {
    .starting\:opacity-100 {
      opacity: 1;
    }
  }
  @starting-style {
    .starting\:backdrop-blur-none {
      --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,);
    }
  }
  .before\:starting\:opacity-0:before {
    content: var(--tw-content);
  }
  @starting-style {
    .before\:starting\:opacity-0:before {
      opacity: 0;
    }
  }
  .before\:starting\:opacity-100:before {
    content: var(--tw-content);
  }
  @starting-style {
    .before\:starting\:opacity-100:before {
      opacity: 1;
    }
  }
  .before\:starting\:backdrop-blur-\[1px\]:before {
    content: var(--tw-content);
  }
  @starting-style {
    .before\:starting\:backdrop-blur-\[1px\]:before {
      --tw-backdrop-blur: blur(1px);
      -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,);
    }
  }
  @media (min-width: 40rem) {
    @starting-style {
      .sm\:starting\:opacity-0 {
        opacity: 0;
      }
    }
  }
  @media print {
    .print\:hidden {
      display: none;
    }
    .print\:border-none {
      --tw-border-style: none;
      border-style: none;
    }
    .print\:pt-2 {
      padding-top: calc(var(--spacing) * 2);
    }
    .print\:shadow-none {
      --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);
    }
  }
  .prose-headings\:mt-6
    :where(h1, h2, h3, h4, h5, h6, th):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    margin-top: calc(var(--spacing) * 6);
  }
  .prose-headings\:mb-2
    :where(h1, h2, h3, h4, h5, h6, th):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .prose-headings\:text-\[1em\]
    :where(h1, h2, h3, h4, h5, h6, th):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    font-size: 1em;
  }
  .prose-p\:m-0
    :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin: calc(var(--spacing) * 0);
  }
  .prose-p\:my-0
    :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-block: calc(var(--spacing) * 0);
  }
  .prose-p\:my-1
    :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-block: calc(var(--spacing) * 1);
  }
  .prose-p\:inline
    :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    display: inline;
  }
  .prose-p\:text-body-regular
    :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: var(--text-body-regular);
    line-height: var(--tw-leading, var(--text-body-regular--line-height));
    letter-spacing: var(
      --tw-tracking,
      var(--text-body-regular--letter-spacing)
    );
    font-weight: var(--tw-font-weight, var(--text-body-regular--font-weight));
  }
  .prose-p\:leading-7
    :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
  .prose-ol\:my-0
    :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-block: calc(var(--spacing) * 0);
  }
  .prose-ol\:my-1
    :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-block: calc(var(--spacing) * 1);
  }
  .prose-ul\:m-0
    :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin: calc(var(--spacing) * 0);
  }
  .prose-ul\:my-0
    :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-block: calc(var(--spacing) * 0);
  }
  .prose-ul\:my-1
    :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-block: calc(var(--spacing) * 1);
  }
  .prose-li\:m-0
    :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin: calc(var(--spacing) * 0);
  }
  .radix-disabled\:pointer-events-none[data-disabled] {
    pointer-events: none;
  }
  .radix-disabled\:cursor-auto[data-disabled] {
    cursor: auto;
  }
  .radix-disabled\:bg-transparent[data-disabled] {
    background-color: #0000;
  }
  .radix-disabled\:text-token-text-tertiary[data-disabled] {
    color: var(--text-tertiary);
  }
  .radix-disabled\:opacity-50[data-disabled] {
    opacity: 0.5;
  }
  .dark\:radix-disabled\:bg-transparent:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    )[data-disabled] {
    background-color: #0000;
  }
  .radix-state-active\:bg-white[data-state="active"] {
    background-color: #fff;
  }
  .radix-state-active\:text-token-text-primary[data-state="active"] {
    color: var(--text-primary);
  }
  .radix-state-active\:text-token-text-secondary[data-state="active"] {
    color: var(--text-secondary);
  }
  @media (min-width: 48rem) {
    .md\:radix-state-active\:bg-token-main-surface-tertiary[data-state="active"] {
      background-color: var(--main-surface-tertiary);
    }
    .md\:radix-state-active\:text-token-text-primary[data-state="active"] {
      color: var(--text-primary);
    }
  }
  .dark\:radix-state-active\:bg-token-main-surface-tertiary:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *))[data-state="active"] {
    background-color: var(--main-surface-tertiary);
  }
  .radix-state-checked\:translate-x-\[calc\(var\(--to-end-unit\,1\)\*100\%\*\(7\/4-1\)\)\][data-state="checked"] {
    --tw-translate-x: calc(var(--to-end-unit, 1) * 100% * (7 / 4 - 1));
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .radix-state-checked\:border[data-state="checked"] {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .radix-state-checked\:border-token-text-tertiary[data-state="checked"] {
    border-color: var(--text-tertiary);
  }
  .radix-state-checked\:bg-black\![data-state="checked"] {
    background-color: #000 !important;
  }
  .radix-state-checked\:bg-blue-400[data-state="checked"] {
    background-color: var(--blue-400);
  }
  .radix-state-checked\:bg-token-main-surface-primary[data-state="checked"] {
    background-color: var(--main-surface-primary);
  }
  .radix-state-checked\:bg-token-text-primary[data-state="checked"] {
    background-color: var(--text-primary);
  }
  .radix-state-checked\:font-semibold[data-state="checked"] {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .radix-state-checked\:text-token-main-surface-primary[data-state="checked"] {
    color: var(--main-surface-primary);
  }
  .radix-state-checked\:text-token-text-primary[data-state="checked"] {
    color: var(--text-primary);
  }
  .radix-state-checked\:shadow-\[0_0_2px_rgba\(0\,0\,0\,\.03\)\][data-state="checked"] {
    --tw-shadow: 0 0 2px var(--tw-shadow-color, #00000008);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .radix-state-open\:animate-alertShow[data-state="open"] {
    animation: 0.15s cubic-bezier(0.16, 1, 0.3, 1) alertShow;
  }
  .radix-state-open\:animate-contentShow[data-state="open"] {
    animation: 0.15s cubic-bezier(0.16, 1, 0.3, 1) contentShow;
  }
  .radix-state-open\:animate-show[data-state="open"] {
    animation: 0.1s cubic-bezier(0.16, 1, 0.3, 1) show;
  }
  .radix-state-open\:border-token-text-primary[data-state="open"] {
    border-color: var(--text-primary);
  }
  .radix-state-open\:bg-black\/10[data-state="open"] {
    background-color: #0000001a;
    background-color: lab(0% 0 0/0.1);
  }
  .radix-state-open\:bg-token-bg-secondary[data-state="open"] {
    background-color: var(--bg-secondary);
  }
  .radix-state-open\:bg-token-bg-tertiary[data-state="open"] {
    background-color: var(--bg-tertiary);
  }
  .radix-state-open\:bg-token-interactive-bg-secondary-hover[data-state="open"] {
    background-color: var(--interactive-bg-secondary-hover);
  }
  .radix-state-open\:bg-token-interactive-bg-secondary-press[data-state="open"] {
    background-color: var(--interactive-bg-secondary-press);
  }
  .radix-state-open\:bg-token-main-surface-secondary[data-state="open"] {
    background-color: var(--main-surface-secondary);
  }
  .radix-state-open\:bg-token-surface-hover[data-state="open"] {
    background-color: var(--surface-hover);
  }
  .radix-state-open\:bg-transparent[data-state="open"] {
    background-color: #0000;
  }
  .radix-state-open\:text-token-icon-primary[data-state="open"] {
    color: var(--icon-primary);
  }
  .radix-state-open\:text-token-text-primary[data-state="open"] {
    color: var(--text-primary);
  }
  .radix-state-open\:text-token-text-secondary[data-state="open"] {
    color: var(--text-secondary);
  }
  .radix-state-open\:text-token-text-tertiary[data-state="open"] {
    color: var(--text-tertiary);
  }
  .radix-state-open\:opacity-100[data-state="open"] {
    opacity: 1;
  }
  .dark\:radix-state-open\:text-gray-400:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    )[data-state="open"] {
    color: var(--gray-400);
  }
  .radix-side-bottom\:flex-col-reverse[data-side="bottom"] {
    flex-direction: column-reverse;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .hires\:\[border-inline-width\:0\.5px\] {
      border-inline-width: 0.5px;
    }
  }
  @media (min-height: 700px) {
    .tall\:sticky {
      position: sticky;
    }
    .tall\:top-header-height {
      top: var(--header-height);
    }
    .tall\:z-20 {
      z-index: 20;
    }
    .tall\:h-\[680px\] {
      height: 680px;
    }
    .tall\:gap-16 {
      gap: calc(var(--spacing) * 16);
    }
    .tall\:\[box-shadow\:var\(--sharp-edge-top-shadow-placeholder\)\] {
      box-shadow: var(--sharp-edge-top-shadow-placeholder);
    }
    .tall\:\[--file-tile-action-size\:1\.5rem\] {
      --file-tile-action-size: 1.5rem;
    }
    .tall\:\[--file-tile-width\:9rem\] {
      --file-tile-width: 9rem;
    }
    .tall\:group-data-scrolled-from-top\/scrollport\:\[box-shadow\:var\(--sharp-edge-top-shadow\)\]:is(
      :where(.group\/scrollport)[data-scrolled-from-top] *
    ) {
      box-shadow: var(--sharp-edge-top-shadow);
    }
  }
  @media (min-width: 40rem) {
    @media (min-height: 700px) {
      .sm\:tall\:max-h-\[750px\] {
        max-height: 750px;
      }
    }
  }
  @media not all and (min-height: 700px) {
    .short\:h-\[calc\(var\(--header-height\)\+2px\)\] {
      height: calc(var(--header-height) + 2px);
    }
    .short\:bg-token-bg-primary\/10 {
      background-color: var(--bg-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .short\:bg-token-bg-primary\/10 {
        background-color: color-mix(
          in oklab,
          var(--bg-primary) 10%,
          transparent
        );
      }
    }
    .short\:backdrop-blur-\[2px\] {
      --tw-backdrop-blur: blur(2px);
      -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,);
    }
  }
  @media not all and (min-width: 40rem) {
    @media not all and (min-height: 700px) {
      .max-sm\:short\:min-h-\[116px\] {
        min-height: 116px;
      }
    }
  }
  @media (hover: hover) {
    .can-hover\:pointer-events-none {
      pointer-events: none;
    }
    .can-hover\:absolute {
      position: absolute;
    }
    .can-hover\:inset-y-0 {
      inset-block: calc(var(--spacing) * 0);
    }
    .can-hover\:end-0 {
      inset-inline-end: calc(var(--spacing) * 0);
    }
    .can-hover\:cursor-pointer {
      cursor: pointer;
    }
    .can-hover\:opacity-0 {
      opacity: 0;
    }
    .can-hover\:not-group-hover\:hidden:not(:is(:where(.group):hover *)) {
      display: none;
    }
    @media not all and (hover: hover) {
      .can-hover\:not-group-hover\:hidden {
        display: none;
      }
    }
    .can-hover\:group-focus-within\/project-item\:pointer-events-auto:is(
      :where(.group\/project-item):focus-within *
    ) {
      pointer-events: auto;
    }
    .can-hover\:group-focus-within\/project-item\:opacity-0:is(
      :where(.group\/project-item):focus-within *
    ) {
      opacity: 0;
    }
    .can-hover\:group-focus-within\/project-item\:opacity-100:is(
      :where(.group\/project-item):focus-within *
    ) {
      opacity: 1;
    }
    @media (hover: hover) {
      .can-hover\:group-hover\:pointer-events-auto:is(:where(.group):hover *) {
        pointer-events: auto;
      }
      .can-hover\:group-hover\:pointer-events-none:is(:where(.group):hover *) {
        pointer-events: none;
      }
      .can-hover\:group-hover\:opacity-0:is(:where(.group):hover *) {
        opacity: 0;
      }
      .can-hover\:group-hover\:opacity-100:is(:where(.group):hover *) {
        opacity: 1;
      }
      .can-hover\:group-hover\/project-item\:pointer-events-auto:is(
        :where(.group\/project-item):hover *
      ) {
        pointer-events: auto;
      }
      .can-hover\:group-hover\/project-item\:opacity-0:is(
        :where(.group\/project-item):hover *
      ) {
        opacity: 0;
      }
      .can-hover\:group-hover\/project-item\:opacity-100:is(
        :where(.group\/project-item):hover *
      ) {
        opacity: 1;
      }
      .can-hover\:hover\:bg-\[rgba\(0\,0\,0\,0\.06\)\]:hover {
        background-color: #0000000f;
      }
      .can-hover\:hover\:bg-black\/4:hover {
        background-color: #0000000a;
        background-color: lab(0% 0 0/0.04);
      }
      .can-hover\:hover\:bg-token-bg-secondary\/30:hover {
        background-color: var(--bg-secondary);
      }
      @supports (color: color-mix(in lab, red, red)) {
        .can-hover\:hover\:bg-token-bg-secondary\/30:hover {
          background-color: color-mix(
            in oklab,
            var(--bg-secondary) 30%,
            transparent
          );
        }
      }
      .can-hover\:hover\:bg-token-bg-tertiary:hover,
      .can-hover\:hover\:bg-token-bg-tertiary\/50:hover {
        background-color: var(--bg-tertiary);
      }
      @supports (color: color-mix(in lab, red, red)) {
        .can-hover\:hover\:bg-token-bg-tertiary\/50:hover {
          background-color: color-mix(
            in oklab,
            var(--bg-tertiary) 50%,
            transparent
          );
        }
      }
      .can-hover\:hover\:text-token-interactive-label-accent-hover:hover {
        color: var(--interactive-label-accent-hover);
      }
      .can-hover\:hover\:text-token-text-secondary:hover {
        color: var(--text-secondary);
      }
    }
    .can-hover\:active\:scale-\[0\.98\]:active {
      scale: 0.98;
    }
    @media (hover: hover) {
      .dark\:can-hover\:hover\:bg-\[rgba\(255\,255\,255\,0\.16\)\]:where(
          .dark,
          .dark *
        ):not(:where(.dark .light, .dark .light *)):hover {
        background-color: #ffffff29;
      }
      .dark\:can-hover\:hover\:bg-\[var\(--interactive-bg-secondary-hover\)\]:where(
          .dark,
          .dark *
        ):not(:where(.dark .light, .dark .light *)):hover {
        background-color: var(--interactive-bg-secondary-hover);
      }
    }
  }
  @media (hover: none) {
    .cant-hover\:pointer-events-auto {
      pointer-events: auto;
    }
    .cant-hover\:hidden {
      display: none;
    }
    .cant-hover\:gap-1 {
      gap: calc(var(--spacing) * 1);
    }
    .cant-hover\:gap-1\.5 {
      gap: calc(var(--spacing) * 1.5);
    }
    .cant-hover\:bg-token-interactive-bg-secondary-hover {
      background-color: var(--interactive-bg-secondary-hover);
    }
    .cant-hover\:bg-transparent {
      background-color: #0000;
    }
    .cant-hover\:px-1\.5 {
      padding-inline: calc(var(--spacing) * 1.5);
    }
    .cant-hover\:opacity-100 {
      opacity: 1;
    }
  }
  .screen-arch .screen-arch\:static {
    position: static;
  }
  .screen-arch .screen-arch\:top-12 {
    top: calc(var(--spacing) * 12);
  }
  .screen-arch .screen-arch\:flex {
    display: flex;
  }
  .screen-arch .screen-arch\:hidden {
    display: none;
  }
  .screen-arch .screen-arch\:inline {
    display: inline;
  }
  .screen-arch
    .screen-arch\:min-h-\[calc\(100dvh-var\(--thread-leading-height\)-var\(--thread-trailing-height\)-12px\)\] {
    min-height: calc(
      100dvh - var(--thread-leading-height) - var(--thread-trailing-height) -
        12px
    );
  }
  .screen-arch .screen-arch\:w-full {
    width: 100%;
  }
  .screen-arch .screen-arch\:items-center {
    align-items: center;
  }
  .screen-arch .screen-arch\:justify-evenly {
    justify-content: space-evenly;
  }
  .screen-arch .screen-arch\:bg-none {
    background-image: none;
  }
  @media (min-width: 48rem) {
    .screen-arch .md\:screen-arch\:flex {
      display: flex;
    }
    .screen-arch .md\:screen-arch\:hidden {
      display: none;
    }
    .screen-arch .md\:screen-arch\:inline {
      display: inline;
    }
  }
  .keyboard-open .keyboard-open\:fixed {
    position: fixed;
  }
  .keyboard-open .keyboard-open\:start-3 {
    inset-inline-start: calc(var(--spacing) * 3);
  }
  .keyboard-open .keyboard-open\:end-3 {
    inset-inline-end: calc(var(--spacing) * 3);
  }
  .keyboard-open .keyboard-open\:-bottom-\(--screen-keyboard-height\,0px\) {
    bottom: calc(var(--screen-keyboard-height, 0px) * -1);
  }
  .keyboard-open .keyboard-open\:bottom-\(--screen-keyboard-height\,0px\) {
    bottom: var(--screen-keyboard-height, 0px);
  }
  .keyboard-open
    .keyboard-open\:bottom-\[calc\(var\(--screen-keyboard-height\,0px\)\+var\(--composer-height\,100px\)\+12px\)\] {
    bottom: calc(
      var(--screen-keyboard-height, 0px) + var(--composer-height, 100px) + 12px
    );
  }
  .keyboard-open .keyboard-open\:bottom-\[var\(--screen-keyboard-height\,0\)\] {
    bottom: var(--screen-keyboard-height, 0);
  }
  .keyboard-open .keyboard-open\:z-50 {
    z-index: 50;
  }
  .keyboard-open .keyboard-open\:block {
    display: block;
  }
  .keyboard-open
    .keyboard-open\:h-\[calc\(100\%-var\(--screen-keyboard-height\,0px\)-var\(--composer-height\,100px\)\)\] {
    height: calc(
      100% - var(--screen-keyboard-height, 0px) - var(--composer-height, 100px)
    );
  }
  .keyboard-open
    .keyboard-open\:h-\[var\(--screen-height-override\,calc\(var\(--cqh-full\)-env\(keyboard-inset-height\,0px\)-var\(--screen-height-offset\,0px\)-var\(--force-redraw\,0px\)\)\)\] {
    height: var(
      --screen-height-override,
      calc(
        var(--cqh-full) - env(keyboard-inset-height, 0px) -
          var(--screen-height-offset, 0px) - var(--force-redraw, 0px)
      )
    );
  }
  .keyboard-open .keyboard-open\:w-auto\! {
    width: auto !important;
  }
  .keyboard-open .keyboard-open\:-translate-y-2 {
    --tw-translate-y: calc(var(--spacing) * -2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .keyboard-open .keyboard-open\:px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .keyboard-open .keyboard-open\:pb-\(--screen-keyboard-height\,0px\) {
    padding-bottom: var(--screen-keyboard-height, 0px);
  }
  .keyboard-open .keyboard-open\:pb-2\.5 {
    padding-bottom: calc(var(--spacing) * 2.5);
  }
  .keyboard-open
    .keyboard-open\:pb-\[calc\(var\(--composer-height\,100px\)\+var\(--screen-keyboard-height\,0\)\)\] {
    padding-bottom: calc(
      var(--composer-height, 100px) + var(--screen-keyboard-height, 0)
    );
  }
  .panel-has-scrolled\:\[box-shadow\:var\(--sharp-edge-top-shadow\)\].panel-has-scrolled {
    box-shadow: var(--sharp-edge-top-shadow);
  }
  .panel-is-scrolling-to-end\:\[box-shadow\:var\(--sharp-edge-bottom-shadow\)\].panel-is-scrolling-to-end {
    box-shadow: var(--sharp-edge-bottom-shadow);
  }
  @media (pointer: coarse) {
    .touch\:pointer-events-auto {
      pointer-events: auto;
    }
    .touch\:-ms-3\.5 {
      margin-inline-start: calc(var(--spacing) * -3.5);
    }
    .touch\:-me-2 {
      margin-inline-end: calc(var(--spacing) * -2);
    }
    .touch\:hidden {
      display: none;
    }
    .touch\:h-3 {
      height: calc(var(--spacing) * 3);
    }
    .touch\:h-10 {
      height: calc(var(--spacing) * 10);
    }
    .touch\:\!min-h-9 {
      min-height: calc(var(--spacing) * 9) !important;
    }
    .touch\:min-h-9 {
      min-height: calc(var(--spacing) * 9);
    }
    .touch\:min-h-10 {
      min-height: calc(var(--spacing) * 10);
    }
    .touch\:w-3 {
      width: calc(var(--spacing) * 3);
    }
    .touch\:w-10 {
      width: calc(var(--spacing) * 10);
    }
    .touch\:w-\[32px\] {
      width: 32px;
    }
    .touch\:w-\[calc\(100\%\+--spacing\(3\.5\)\)\] {
      width: calc(100% + calc(var(--spacing) * 3.5));
    }
    .touch\:p-2\.5 {
      padding: calc(var(--spacing) * 2.5);
    }
    .touch\:px-1\.5 {
      padding-inline: calc(var(--spacing) * 1.5);
    }
    .touch\:px-2\.5 {
      padding-inline: calc(var(--spacing) * 2.5);
    }
    .touch\:opacity-100 {
      opacity: 1;
    }
    .touch\:\[scrollbar-width\:none\] {
      scrollbar-width: none;
    }
  }
  .group\/component-group[data-multi-columns="true"] .multi-columns\:mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .group\/component-group[data-multi-columns="true"] .multi-columns\:block {
    display: block;
  }
  .group\/component-group[data-multi-columns="true"] .multi-columns\:flex {
    display: flex;
  }
  .group\/component-group[data-multi-columns="true"] .multi-columns\:px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
  @media (min-width: 48rem) {
    [data-full-grid-content="true"] .full-grid-content\:md\:col-span-12 {
      grid-column: span 12 / span 12;
    }
    [data-full-grid-content="true"] .full-grid-content\:md\:col-start-1 {
      grid-column-start: 1;
    }
  }
  .keyboard-focused\:bg-black\/10:is(
    html[data-focus-mode="keyboard"] :focus-visible
  ) {
    background-color: #0000001a;
    background-color: lab(0% 0 0/0.1);
  }
  .keyboard-focused\:bg-token-bg-primary\/80:is(
    html[data-focus-mode="keyboard"] :focus-visible
  ) {
    background-color: var(--bg-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .keyboard-focused\:bg-token-bg-primary\/80:is(
      html[data-focus-mode="keyboard"] :focus-visible
    ) {
      background-color: color-mix(in oklab, var(--bg-primary) 80%, transparent);
    }
  }
  .keyboard-focused\:bg-token-bg-secondary:is(
    html[data-focus-mode="keyboard"] :focus-visible
  ) {
    background-color: var(--bg-secondary);
  }
  .keyboard-focused\:bg-token-bg-secondary\!:is(
    html[data-focus-mode="keyboard"] :focus-visible
  ) {
    background-color: var(--bg-secondary) !important;
  }
  .keyboard-focused\:bg-token-interactive-bg-secondary-hover:is(
    html[data-focus-mode="keyboard"] :focus-visible
  ) {
    background-color: var(--interactive-bg-secondary-hover);
  }
  .keyboard-focused\:bg-token-interactive-bg-secondary-selected\!:is(
    html[data-focus-mode="keyboard"] :focus-visible
  ) {
    background-color: var(--interactive-bg-secondary-selected) !important;
  }
  .keyboard-focused\:bg-token-main-surface-primary\/70\!:is(
    html[data-focus-mode="keyboard"] :focus-visible
  ) {
    background-color: var(--main-surface-primary) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .keyboard-focused\:bg-token-main-surface-primary\/70\!:is(
      html[data-focus-mode="keyboard"] :focus-visible
    ) {
      background-color: color-mix(
        in oklab,
        var(--main-surface-primary) 70%,
        transparent
      ) !important;
    }
  }
  .keyboard-focused\:bg-token-main-surface-secondary:is(
    html[data-focus-mode="keyboard"] :focus-visible
  ) {
    background-color: var(--main-surface-secondary);
  }
  .keyboard-focused\:bg-token-surface-hover:is(
    html[data-focus-mode="keyboard"] :focus-visible
  ) {
    background-color: var(--surface-hover);
  }
  .keyboard-focused\:bg-transparent:is(
    html[data-focus-mode="keyboard"] :focus-visible
  ) {
    background-color: #0000;
  }
  .keyboard-focused\:focus-ring:is(
    html[data-focus-mode="keyboard"] :focus-visible
  ) {
    outline-color: var(--interactive-outline-color, var(--text-primary));
    outline-offset: 2.5px;
    outline-width: 1.5px;
    outline-style: solid;
  }
  .keyboard-focused\:outline:is(
    html[data-focus-mode="keyboard"] :focus-visible
  ) {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .keyboard-focused\:outline-\[2px\]:is(
    html[data-focus-mode="keyboard"] :focus-visible
  ) {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .keyboard-focused\:outline-offset-\[1\.5px\]:is(
      html[data-focus-mode="keyboard"] :focus-visible
    ) {
    outline-offset: 1.5px;
  }
  .keyboard-focused\:outline-black:is(
    html[data-focus-mode="keyboard"] :focus-visible
  ) {
    outline-color: #000;
  }
  .keyboard-focused\:brightness-95:is(
    html[data-focus-mode="keyboard"] :focus-visible
  ) {
    --tw-brightness: brightness(95%);
    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,);
  }
  .dark\:keyboard-focused\:bg-token-bg-tertiary:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):is(html[data-focus-mode="keyboard"] :focus-visible) {
    background-color: var(--bg-tertiary);
  }
  .dark\:keyboard-focused\:bg-token-bg-tertiary\!:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):is(html[data-focus-mode="keyboard"] :focus-visible) {
    background-color: var(--bg-tertiary) !important;
  }
  .dark\:keyboard-focused\:outline-offset-\[2\.5px\]\!:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)):is(
      html[data-focus-mode="keyboard"] :focus-visible
    ) {
    outline-offset: 2.5px !important;
  }
  .dark\:keyboard-focused\:outline-white\!:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):is(html[data-focus-mode="keyboard"] :focus-visible) {
    outline-color: #fff !important;
  }
  .keyboard-not-focused\:sr-only:not(
    html[data-focus-mode="keyboard"] :focus-visible
  ) {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }
  .keyboard-not-focused\:outline-none:not(
    html[data-focus-mode="keyboard"] :focus-visible
  ) {
    --tw-outline-style: none;
    outline-style: none;
  }
  .content-sheet\:content-sheet-inset-section:where(.content-sheet *) {
    top: calc(var(--spacing) * 0);
    z-index: 10;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    position: sticky;
  }
  .content-sheet\:content-sheet-inset-section:where(.content-sheet *):has(
      > :nth-child(2):last-child
    ) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .content-sheet\:content-sheet-inset-section:where(.content-sheet *):has(
      > :nth-child(3):last-child
    ) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .content-sheet\:content-sheet-inset-section:where(.content-sheet *):has(
      > :nth-child(4):last-child
    ) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .content-sheet\:content-sheet-inset-section:where(.content-sheet *) {
    gap: calc(var(--spacing) * 2);
    background-color: var(--bg-primary);
    padding-inline: calc(var(--spacing) * 6);
    padding-top: calc(var(--spacing) * 4);
    display: grid;
  }
  .content-sheet\:before\:mx-6:where(.content-sheet *):before {
    content: var(--tw-content);
    margin-inline: calc(var(--spacing) * 6);
  }
  .content-sheet\:before\:my-3:where(.content-sheet *):before {
    content: var(--tw-content);
    margin-block: calc(var(--spacing) * 3);
  }
  .content-sheet-section\:flex :where([data-content-sheet-section]) {
    display: flex;
  }
  .content-sheet-section\:scrollable-content-section
    :where([data-content-sheet-section]) {
    scrollbar-width: none;
    max-height: calc(100cqh - 18px);
    overflow-y: auto;
  }
  .content-sheet-section\:flex-col :where([data-content-sheet-section]) {
    flex-direction: column;
  }
  .content-sheet-section\:gap-3 :where([data-content-sheet-section]) {
    gap: calc(var(--spacing) * 3);
  }
  .content-sheet-root\:contents :where([data-content-sheet-root]) {
    display: contents;
  }
  .\[\&\]\:border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  .\[\&_\#sidebar-follow-up-button\]\:hidden #sidebar-follow-up-button,
  .\[\&_\#thread-bottom\]\:hidden #thread-bottom {
    display: none;
  }
  .\[\&_\#thread-bottom-container\]\:mt-auto #thread-bottom-container {
    margin-top: auto;
  }
  .\[\&_\*\]\:pointer-events-none * {
    pointer-events: none;
  }
  .\[\&_\*\]\:m-0 * {
    margin: calc(var(--spacing) * 0);
  }
  .\[\&_\*\]\:box-border * {
    box-sizing: border-box;
  }
  .\[\&_\*\]\:max-w-full * {
    max-width: 100%;
  }
  .\[\&_\*\]\:min-w-0 * {
    min-width: calc(var(--spacing) * 0);
  }
  .\[\&_\*\]\:cursor-pointer * {
    cursor: pointer;
  }
  .\[\&_\*\]\:p-0 * {
    padding: calc(var(--spacing) * 0);
  }
  .\[\&_\.border-token-border-heavy\]\:border-0 .border-token-border-heavy {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  .\[\&_\.border-token-border-heavy\]\:border-transparent
    .border-token-border-heavy {
    border-color: #0000;
  }
  .\[\&_\.cm-activeLineGutter\]\:bg-transparent\! .cm-activeLineGutter,
  .\[\&_\.cm-gutters\]\:bg-transparent\! .cm-gutters {
    background-color: #0000 !important;
  }
  .\[\&_\.details-disclosure-content\]\:-translate-y-0\.5
    .details-disclosure-content {
    --tw-translate-y: calc(var(--spacing) * -0.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .\[\&_\.details-disclosure-content\]\:opacity-40 .details-disclosure-content {
    opacity: 0.4;
  }
  .\[\&_\.float-image\]\:\!float-none .float-image {
    float: none !important;
  }
  .\[\&_\.float-image\]\:\!clear-both .float-image {
    clear: both !important;
  }
  .\[\&_\.float-image\]\:\!ms-0 .float-image {
    margin-inline-start: calc(var(--spacing) * 0) !important;
  }
  .\[\&_\.float-image\]\:\!mt-2 .float-image {
    margin-top: calc(var(--spacing) * 2) !important;
  }
  .\[\&_\.float-image\]\:\!mb-4 .float-image {
    margin-bottom: calc(var(--spacing) * 4) !important;
  }
  .\[\&_\.float-image\]\:\!w-64 .float-image {
    width: calc(var(--spacing) * 64) !important;
  }
  .\[\&_\.float-image\]\:\!max-w-full .float-image {
    max-width: 100% !important;
  }
  .\[\&_\.font-semibold\]\:\!font-normal .font-semibold {
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
  }
  .\[\&_\.group\]\:max-w-\[380px\] .group {
    max-width: 380px;
  }
  .\[\&_\.hint-pill\]\:text-black .hint-pill {
    color: #000;
  }
  .\[\&_\.hint-pill\]\:underline .hint-pill {
    text-decoration-line: underline;
  }
  .\[\&_\.hint-pill\]\:decoration-black .hint-pill {
    text-decoration-color: #000;
  }
  .\[\&_\.hint-pill\]\:decoration-1 .hint-pill {
    text-decoration-thickness: 1px;
  }
  .\[\&_\.hint-pill\]\:underline-offset-2 .hint-pill {
    text-underline-offset: 2px;
  }
  @media (hover: hover) {
    .hover\:\[\&_\.icon\]\:text-token-text-inverted:hover .icon {
      color: var(--text-inverted);
    }
    .hover\:\[\&_\.icon\]\:text-token-text-primary:hover .icon {
      color: var(--text-primary);
    }
  }
  .\[\&_\.markdown\]\:text-base .markdown {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  @media (hover: hover) {
    .peer-hover\:\[\&_\.prompt-item-divider\]\:opacity-0:is(
        :where(.peer):hover ~ *
      )
      .prompt-item-divider,
    .hover\:\[\&_\.prompt-item-divider\]\:opacity-0:hover .prompt-item-divider {
      opacity: 0;
    }
  }
  .\[\&_\.sticky\]\:static .sticky {
    position: static;
  }
  .\[\&_\.text-base\]\:text-base\! .text-base,
  .\[\&_\.text-sm\]\:text-base\! .text-sm {
    font-size: var(--text-base) !important;
    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
  }
  .\[\&_\[data-component-group\]\]\:mx-0 [data-component-group] {
    margin-inline: calc(var(--spacing) * 0);
  }
  .\[\&_\[data-component-group\]\]\:px-0 [data-component-group] {
    padding-inline: calc(var(--spacing) * 0);
  }
  @media not all and (min-width: 40rem) {
    .max-sm\:\[\&_\[data-composer-footer-label\]\]\:sr-only
      [data-composer-footer-label] {
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      position: absolute;
      overflow: hidden;
    }
  }
  .\[\&_\[data-debug-panel-section\]\+\[data-debug-panel-section\]\]\:border-t
    [data-debug-panel-section]
    + [data-debug-panel-section] {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .\[\&_\[data-debug-panel-section\]\+\[data-debug-panel-section\]\]\:border-token-border-default
    [data-debug-panel-section]
    + [data-debug-panel-section] {
    border-color: var(--border-default);
  }
  .\[\&_\[data-rich-entity-image\]_img\]\:object-cover
    [data-rich-entity-image]
    img {
    object-fit: cover;
  }
  .\[\&_\[data-rich-entity-image\]_img\]\:object-center
    [data-rich-entity-image]
    img {
    object-position: center;
  }
  .\[\&_\[data-testid\$\=\'-pricing-column-cost\'\]\]\:mt-3
    [data-testid$="-pricing-column-cost"],
  .\[\&_\[data-testid\$\=\'-pricing-column-cost-skeleton\'\]\]\:mt-3
    [data-testid$="-pricing-column-cost-skeleton"] {
    margin-top: calc(var(--spacing) * 3);
  }
  .\[\&_\[data-testid\=announcement-tooltip-close-btn\]\]\:hidden
    [data-testid="announcement-tooltip-close-btn"] {
    display: none;
  }
  .\[\&_\[role\=\'option\'\]\]\:text-xs [role="option"] {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .\[\&_a\]\:pointer-events-auto a,
  .\[\&_button\]\:pointer-events-auto button {
    pointer-events: auto;
  }
  .\[\&_div\]\:leading-\[1\.25\] div {
    --tw-leading: 1.25;
    line-height: 1.25;
  }
  .\[\&_div\]\:leading-tight div {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .\[\&_h2\]\:font-medium h2 {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .\[\&_h2\]\:font-semibold h2 {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .\[\&_h2\]\:font-semibold\! h2 {
    --tw-font-weight: var(--font-weight-semibold) !important;
    font-weight: var(--font-weight-semibold) !important;
  }
  .\[\&_h2\]\:tracking-\[-0\.01em\] h2 {
    --tw-tracking: -0.01em;
    letter-spacing: -0.01em;
  }
  .\[\&_h3\]\:my-4 h3 {
    margin-block: calc(var(--spacing) * 4);
  }
  .\[\&_h3\]\:font-sans h3 {
    font-family:
      "ui-sans-serif",
      -apple-system,
      "system-ui",
      Segoe UI,
      Helvetica,
      Apple Color Emoji,
      Arial,
      "sans-serif",
      Segoe UI Emoji,
      Segoe UI Symbol;
  }
  .\[\&_h3\]\:text-base h3 {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .\[\&_h3\]\:font-normal h3 {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .\[\&_h4\]\:my-2 h4 {
    margin-block: calc(var(--spacing) * 2);
  }
  .\[\&_h4\]\:font-sans h4 {
    font-family:
      "ui-sans-serif",
      -apple-system,
      "system-ui",
      Segoe UI,
      Helvetica,
      Apple Color Emoji,
      Arial,
      "sans-serif",
      Segoe UI Emoji,
      Segoe UI Symbol;
  }
  .\[\&_h4\]\:text-sm h4 {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .\[\&_h4\]\:font-normal h4 {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .\[\&_img\]\:h-8 img {
    height: calc(var(--spacing) * 8);
  }
  .\[\&_img\]\:max-h-full img {
    max-height: 100%;
  }
  .\[\&_img\]\:w-8 img {
    width: calc(var(--spacing) * 8);
  }
  .\[\&_img\]\:max-w-full img {
    max-width: 100%;
  }
  .\[\&_img\]\:scale-100 img {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .\[\&_img\]\:transform-gpu img {
    transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,)
      var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .\[\&_img\]\:object-contain img {
    object-fit: contain;
  }
  .\[\&_img\]\:object-center img {
    object-position: center;
  }
  .\[\&_img\]\:transition-transform img {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .\[\&_img\]\:duration-300 img {
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
  }
  @media (hover: hover) {
    .group-hover\:\[\&_img\]\:scale-\[1\.025\]:is(:where(.group):hover *) img {
      scale: 1.025;
    }
  }
  .\[\&_kbd\]\:text-\[\#007aff\]\! kbd {
    color: #007aff !important;
  }
  .dark\:\[\&_kbd\]\:text-\[\#4fa6f7\]\!:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    )
    kbd {
    color: #4fa6f7 !important;
  }
  .\[\&_ol_li\]\:list-decimal ol li {
    list-style-type: decimal;
  }
  .prose-li\:\[\&_p\]\:m-0
    :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *))
    p {
    margin: calc(var(--spacing) * 0);
  }
  .prose-li\:\[\&_p\]\:p-0
    :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *))
    p {
    padding: calc(var(--spacing) * 0);
  }
  .\[\&_p_code\]\:bg-transparent p code {
    background-color: #0000;
  }
  .\[\&_p_code\]\:px-0 p code {
    padding-inline: calc(var(--spacing) * 0);
  }
  .\[\&_p_code\]\:whitespace-pre p code {
    white-space: pre;
  }
  .\[\&_p\:empty\]\:hidden p:empty {
    display: none;
  }
  .\[\&_path\]\:fill-none path {
    fill: none;
  }
  .\[\&_path\]\:stroke-current path {
    stroke: currentColor;
  }
  .\[\&_path\]\:stroke-\[1\.5\] path {
    stroke-width: 1.5px;
  }
  .\[\&_path\]\:\[stroke-linejoin\:round\] path {
    stroke-linejoin: round;
  }
  .\[\&_path\[fill\]\]\:fill-transparent path[fill] {
    fill: #0000;
  }
  .\[\&_pre\]\:my-0\! pre {
    margin-block: calc(var(--spacing) * 0) !important;
  }
  .\[\&_pre\]\:my-2\! pre {
    margin-block: calc(var(--spacing) * 2) !important;
  }
  .\[\&_pre\>div\]\:my-0\! pre > div {
    margin-block: calc(var(--spacing) * 0) !important;
  }
  .\[\&_pre\>div\]\:my-2\! pre > div {
    margin-block: calc(var(--spacing) * 2) !important;
  }
  .\[\&_span\]\:rounded-\[3px\] span {
    border-radius: 3px;
  }
  .\[\&_span\]\:bg-\[rgba\(15\,23\,42\,0\.03\)\] span {
    background-color: #0f172a08;
  }
  .\[\&_span\]\:shadow-\[inset_0_0_0_1px_rgba\(15\,23\,42\,0\.10\)\] span {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #0f172a1a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .\[\&_svg\]\:h-8 svg {
    height: calc(var(--spacing) * 8);
  }
  .\[\&_svg\]\:h-full svg {
    height: 100%;
  }
  .\[\&_svg\]\:max-h-full svg {
    max-height: 100%;
  }
  .\[\&_svg\]\:w-8 svg {
    width: calc(var(--spacing) * 8);
  }
  .\[\&_svg\]\:w-full svg {
    width: 100%;
  }
  .\[\&_svg\]\:max-w-full svg {
    max-width: 100%;
  }
  .\[\&_svg\]\:object-contain svg {
    object-fit: contain;
  }
  .\[\&_svg\]\:object-center svg {
    object-position: center;
  }
  .\[\&_thead_th\]\:bg-transparent thead th {
    background-color: #0000;
  }
  .\[\&_thead_th\]\:pt-2 thead th {
    padding-top: calc(var(--spacing) * 2);
  }
  .\[\&_thead_th\]\:pb-3 thead th {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .\[\&_thead_th\:nth-child\(1\)\]\:w-\[10\%\] thead th:first-child {
    width: 10%;
  }
  .\[\&_thead_th\:nth-child\(2\)\]\:w-\[20\%\] thead th:nth-child(2),
  .\[\&_thead_th\:nth-child\(3\)\]\:w-\[20\%\] thead th:nth-child(3),
  .\[\&_thead_th\:nth-child\(4\)\]\:w-\[20\%\] thead th:nth-child(4) {
    width: 20%;
  }
  .\[\&_thead_th\:nth-child\(5\)\]\:w-\[30\%\] thead th:nth-child(5) {
    width: 30%;
  }
  .\[\&_tr\:last-child\]\:border-b-0 tr:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }
  .\[\&_ul_li\]\:list-disc ul li {
    list-style-type: disc;
  }
  .\[\&_video\]\:transform-gpu video {
    transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,)
      var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .\[\&_video\]\:transition-transform video {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .\[\&_video\]\:duration-200 video {
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
  }
  @media (hover: hover) {
    .group-hover\:\[\&_video\]\:scale-\[1\.025\]:is(:where(.group):hover *)
      video {
      scale: 1.025;
    }
  }
  .\[\&\&\]\:text-black.\[\&\&\]\:text-black {
    color: #000;
  }
  .\[\&\&\]\:underline.\[\&\&\]\:underline {
    text-decoration-line: underline;
  }
  @media (hover: hover) {
    .\[\&\&\]\:hover\:text-black.\[\&\&\]\:hover\:text-black:hover {
      color: #000;
    }
  }
  .dark\:\[\&\&\]\:text-white:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ).dark\:\[\&\&\]\:text-white:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    color: #fff;
  }
  @media (hover: hover) {
    .dark\:\[\&\&\]\:hover\:text-white:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ).dark\:\[\&\&\]\:hover\:text-white:where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      color: #fff;
    }
  }
  .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
    display: none;
  }
  .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button {
    appearance: none;
  }
  .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button {
    appearance: none;
  }
  .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
    display: none;
  }
  .\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button {
    display: none;
  }
  .\[\&\:\:-webkit-search-cancel-button\]\:appearance-none::-webkit-search-cancel-button {
    appearance: none;
  }
  .focus\:\[\&\:\:-webkit-search-cancel-button\]\:hidden:focus::-webkit-search-cancel-button {
    display: none;
  }
  .\[\&\:\:-webkit-search-decoration\]\:appearance-none::-webkit-search-decoration {
    appearance: none;
  }
  .\[\&\:\:marker\]\:content-\[\'\'\]::marker {
    --tw-content: "";
    content: var(--tw-content);
  }
  @media (hover: hover) {
    .can-hover\:\[\&\:has\(\.prompt-card\:focus-within\)_\.prompt-card\:not\(\:focus-within\)\]\:opacity-70:has(
        .prompt-card:focus-within
      )
      .prompt-card:not(:focus-within),
    .can-hover\:\[\&\:has\(\.prompt-card\:hover\)_\.prompt-card\:not\(\:hover\)\]\:opacity-70:has(
        .prompt-card:hover
      )
      .prompt-card:not(:hover) {
      opacity: 0.7;
    }
  }
  .\[\&\:has\(\>_\[data-value-prop\]\)\]\:gap-6:has(> [data-value-prop]) {
    gap: calc(var(--spacing) * 6);
  }
  @media (min-width: 48rem) {
    .md\:\[\&\:has\(\>_\[data-value-prop\]\)\]\:col-span-12:has(
      > [data-value-prop]
    ) {
      grid-column: span 12 / span 12;
    }
    .md\:\[\&\:has\(\>_\[data-value-prop\]\)\]\:col-start-1:has(
      > [data-value-prop]
    ) {
      grid-column-start: 1;
    }
    .md\:\[\&\:has\(\>_\[data-value-prop\]\)\]\:gap-y-0:has(
      > [data-value-prop]
    ) {
      row-gap: calc(var(--spacing) * 0);
    }
  }
  .\[\&\:has\(\>\[data-highlighted\=true\]\)\+li\>\[data-highlighted\=true\]\>\*\:first-child\]\:rounded-t-none:has(
      > [data-highlighted="true"]
    )
    + li
    > [data-highlighted="true"]
    > :first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .\[\&\:has\(\>\[data-highlighted\=true\]\)\:has\(\+li\>\[data-highlighted\=true\]\)\>\[data-highlighted\=true\]\>\*\:first-child\]\:rounded-b-none:has(
      > [data-highlighted="true"]
    ):has(+ li > [data-highlighted="true"])
    > [data-highlighted="true"]
    > :first-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .\[\&\:has\(\[data-writing-block\]\)\>\*\]\:pointer-events-auto:has(
      [data-writing-block]
    )
    > * {
    pointer-events: auto;
  }
  .\[\:not\(\:has\(div\:not\(\[role\=group\]\)\)\)\]\:hidden:not(
    :has(div:not([role="group"]))
  ) {
    display: none;
  }
  .\[\:not\(\:has\(img\)\)\]\:px-4:not(:has(img)) {
    padding-inline: calc(var(--spacing) * 4);
  }
  .\[\:not\(\:has\(img\)\)\]\:py-3:not(:has(img)) {
    padding-block: calc(var(--spacing) * 3);
  }
  :is(.\*\*\:\[p\]\:text-pretty *):is(p) {
    text-wrap: pretty;
  }
  .\[\&\:not\(\:first-child\)\]\:mt-2:not(:first-child) {
    margin-top: calc(var(--spacing) * 2);
  }
  .\[\&\:not\(\:first-child\)\]\:mt-4:not(:first-child) {
    margin-top: calc(var(--spacing) * 4);
  }
  .\[\&\:not\(\:first-child\)\]\:hidden:not(:first-child) {
    display: none;
  }
  .\[\&\:not\(\:first-child\)\]\:pt-46:not(:first-child) {
    padding-top: calc(var(--spacing) * 46);
  }
  @media (min-width: 40rem) {
    .\[\&\:not\(\:first-child\)\]\:sm\:pt-20:not(:first-child) {
      padding-top: calc(var(--spacing) * 20);
    }
  }
  @media (min-width: 48rem) {
    .\[\&\:not\(\:first-child\)\]\:md\:block:not(:first-child) {
      display: block;
    }
  }
  .\[\&\:not\(\:has\(strong\)\)\]\:mb-\[18px\]:not(:has(strong)) {
    margin-bottom: 18px;
  }
  .\[\&\:not\(\:last-child\)\]\:mb-\[1\.1em\]:not(:last-child) {
    margin-bottom: 1.1em;
  }
  .\[\&\:nth-child\(1_of_\:has\(div\:not\(\[role\=group\]\)\)\)\]\:before\:hidden:nth-child(
      1 of :has(div:not([role="group"]))
    ):before {
    content: var(--tw-content);
    display: none;
  }
  .\[\&\>\*\]\:pointer-events-none > * {
    pointer-events: none;
  }
  .\[\&\>\*\]\:col-start-1 > * {
    grid-column-start: 1;
  }
  .\[\&\>\*\]\:row-start-1 > * {
    grid-row-start: 1;
  }
  .\[\&\>\*\]\:m-0 > * {
    margin: calc(var(--spacing) * 0);
  }
  .\[\&\>\*\+\*\]\:mt-1 > * + * {
    margin-top: calc(var(--spacing) * 1);
  }
  .\[\&\>\*\:first-child\]\:hidden > :first-child {
    display: none;
  }
  @media not all and (min-width: 40rem) {
    .max-sm\:\[\&\>\*\:nth-child\(4\)\]\:hidden > :nth-child(4) {
      display: none;
    }
  }
  @container images-promo-banner (width>=32rem) {
    .\@lg\/images-promo-banner\:\[\&\>\*\:nth-child\(n\+3\)\]\:hidden
      > :nth-child(n + 3) {
      display: none;
    }
  }
  @container images-promo-banner (width>=42rem) {
    .\@2xl\/images-promo-banner\:\[\&\>\*\:nth-child\(n\+3\)\]\:flex
      > :nth-child(n + 3) {
      display: flex;
    }
    .\@2xl\/images-promo-banner\:\[\&\>\*\:nth-child\(n\+5\)\]\:hidden
      > :nth-child(n + 5) {
      display: none;
    }
  }
  .last\:\[\&\>\.mobile-divider\]\:hidden:last-child > .mobile-divider {
    display: none;
  }
  .\[\&\>\:first-child\]\:mt-0 > :first-child {
    margin-top: calc(var(--spacing) * 0);
  }
  .\[\&\>\:last-child\]\:mb-0 > :last-child {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .\[\&\>\[data-debug-panel-section\]\+\[data-debug-panel-section\]\]\:border-t
    > [data-debug-panel-section]
    + [data-debug-panel-section] {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .\[\&\>div\]\:h-6 > div {
    height: calc(var(--spacing) * 6);
  }
  .\[\&\>div\]\:w-6 > div {
    width: calc(var(--spacing) * 6);
  }
  .\[\&\>div\]\:w-fit > div {
    width: fit-content;
  }
  .\[\&\>div\]\:max-w-\[380px\] > div {
    max-width: 380px;
  }
  .\[\&\>div\]\:min-w-\[unset\] > div {
    min-width: unset;
  }
  .\[\&\>div\]\:scale-\[1\.4\] > div {
    scale: 1.4;
  }
  .\[\&\>div\]\:items-center > div {
    align-items: center;
  }
  .\[\&\>div\]\:justify-center > div {
    justify-content: center;
  }
  .\[\&\>div\]\:\!rounded-md > div {
    border-radius: var(--radius-md) !important;
  }
  .\[\&\>div\]\:\!border-token-border-heavy > div {
    border-color: var(--border-heavy) !important;
  }
  .\[\&\>div\]\:\!p-6 > div {
    padding: calc(var(--spacing) * 6) !important;
  }
  .\[\&\>div\]\:text-center > div {
    text-align: center;
  }
  .\[\&\>div\]\:\!shadow-none > div {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .\[\&\>div\]\:\!ring-0 > div {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  @media (min-width: 48rem) {
    .md\:\[\&\>div\]\:\!p-7 > div {
      padding: calc(var(--spacing) * 7) !important;
    }
  }
  .\[\&\>div\:last-child\]\:border-e > div:last-child {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
  }
  .\[\&\>div\:last-child\]\:border-b > div:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .\[\&\>div\:last-child\]\:border-gray-200 > div:last-child {
    border-color: var(--gray-200);
  }
  .\[\&\>div\:last-child\]\:\!bg-white > div:last-child {
    background-color: #fff !important;
  }
  .dark\:\[\&\>div\:last-child\]\:border-gray-700:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    )
    > div:last-child {
    border-color: var(--gray-700);
  }
  .dark\:\[\&\>div\:last-child\]\:\!bg-gray-900:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    )
    > div:last-child {
    background-color: var(--gray-900) !important;
  }
  .\[\&\>div\:nth-child\(2\)\]\:overflow-y-hidden > div:nth-child(2) {
    overflow-y: hidden;
  }
  .\[\&\>div\>div\]\:h-6 > div > div {
    height: calc(var(--spacing) * 6);
  }
  .\[\&\>div\>div\]\:w-6 > div > div {
    width: calc(var(--spacing) * 6);
  }
  .\[\&\>div\>div\:first-child\]\:pl-1 > div > div:first-child {
    padding-left: calc(var(--spacing) * 1);
  }
  @media (min-width: 48rem) {
    .md\:\[\&\>div\>div\:first-child\]\:pl-2 > div > div:first-child {
      padding-left: calc(var(--spacing) * 2);
    }
  }
  .\[\&\>div\>div\:nth-child\(2\)\]\:\!mt-10 > div > div:nth-child(2) {
    margin-top: calc(var(--spacing) * 10) !important;
  }
  @media (min-width: 48rem) {
    .md\:\[\&\>div\>div\:nth-child\(2\)\]\:\!mt-11 > div > div:nth-child(2) {
      margin-top: calc(var(--spacing) * 11) !important;
    }
  }
  .\[\&\>div\>div\:nth-child\(3\)\]\:\!mt-8 > div > div:nth-child(3) {
    margin-top: calc(var(--spacing) * 8) !important;
  }
  .\[\&\>div\>div\:nth-child\(3\)\]\:\!gap-0 > div > div:nth-child(3) {
    gap: calc(var(--spacing) * 0) !important;
  }
  .\[\&\>div\>div\:nth-child\(3\)\]\:\!pt-0 > div > div:nth-child(3) {
    padding-top: calc(var(--spacing) * 0) !important;
  }
  @media (min-width: 48rem) {
    .md\:\[\&\>div\>div\:nth-child\(3\)\]\:\!mt-9 > div > div:nth-child(3) {
      margin-top: calc(var(--spacing) * 9) !important;
    }
  }
  .\[\&\>h1\]\:my-0 > h1 {
    margin-block: calc(var(--spacing) * 0);
  }
  .\[\&\>h1\]\:ms-1 > h1 {
    margin-inline-start: calc(var(--spacing) * 1);
  }
  .\[\&\>h1\]\:box-trim-0\.25 > h1 {
    text-box: trim-both cap alphabetic;
  }
  @supports not (text-box: trim-both cap alphabetic) {
    .\[\&\>h1\]\:box-trim-0\.25 > h1:before {
      content: "";
      margin-bottom: calc(0.25cap - 0.25lh);
      display: table;
    }
    .\[\&\>h1\]\:box-trim-0\.25 > h1:after {
      content: "";
      margin-top: calc(0.75cap - 0.75lh);
      display: table;
    }
  }
  .\[\&\>h1\]\:inline > h1 {
    display: inline;
  }
  .\[\&\>h2\]\:my-0 > h2 {
    margin-block: calc(var(--spacing) * 0);
  }
  .\[\&\>h2\]\:ms-1 > h2 {
    margin-inline-start: calc(var(--spacing) * 1);
  }
  .\[\&\>h2\]\:box-trim-0\.25 > h2 {
    text-box: trim-both cap alphabetic;
  }
  @supports not (text-box: trim-both cap alphabetic) {
    .\[\&\>h2\]\:box-trim-0\.25 > h2:before {
      content: "";
      margin-bottom: calc(0.25cap - 0.25lh);
      display: table;
    }
    .\[\&\>h2\]\:box-trim-0\.25 > h2:after {
      content: "";
      margin-top: calc(0.75cap - 0.75lh);
      display: table;
    }
  }
  .\[\&\>h2\]\:inline > h2 {
    display: inline;
  }
  .\[\&\>h3\]\:my-0 > h3 {
    margin-block: calc(var(--spacing) * 0);
  }
  .\[\&\>h3\]\:ms-1 > h3 {
    margin-inline-start: calc(var(--spacing) * 1);
  }
  .\[\&\>h3\]\:box-trim-0\.25 > h3 {
    text-box: trim-both cap alphabetic;
  }
  @supports not (text-box: trim-both cap alphabetic) {
    .\[\&\>h3\]\:box-trim-0\.25 > h3:before {
      content: "";
      margin-bottom: calc(0.25cap - 0.25lh);
      display: table;
    }
    .\[\&\>h3\]\:box-trim-0\.25 > h3:after {
      content: "";
      margin-top: calc(0.75cap - 0.75lh);
      display: table;
    }
  }
  .\[\&\>h3\]\:inline > h3 {
    display: inline;
  }
  .\[\&\>h4\]\:my-0 > h4 {
    margin-block: calc(var(--spacing) * 0);
  }
  .\[\&\>h4\]\:ms-1 > h4 {
    margin-inline-start: calc(var(--spacing) * 1);
  }
  .\[\&\>h4\]\:box-trim-0\.25 > h4 {
    text-box: trim-both cap alphabetic;
  }
  @supports not (text-box: trim-both cap alphabetic) {
    .\[\&\>h4\]\:box-trim-0\.25 > h4:before {
      content: "";
      margin-bottom: calc(0.25cap - 0.25lh);
      display: table;
    }
    .\[\&\>h4\]\:box-trim-0\.25 > h4:after {
      content: "";
      margin-top: calc(0.75cap - 0.75lh);
      display: table;
    }
  }
  .\[\&\>h4\]\:inline > h4 {
    display: inline;
  }
  .\[\&\>h5\]\:my-0 > h5 {
    margin-block: calc(var(--spacing) * 0);
  }
  .\[\&\>h5\]\:ms-1 > h5 {
    margin-inline-start: calc(var(--spacing) * 1);
  }
  .\[\&\>h5\]\:box-trim-0\.25 > h5 {
    text-box: trim-both cap alphabetic;
  }
  @supports not (text-box: trim-both cap alphabetic) {
    .\[\&\>h5\]\:box-trim-0\.25 > h5:before {
      content: "";
      margin-bottom: calc(0.25cap - 0.25lh);
      display: table;
    }
    .\[\&\>h5\]\:box-trim-0\.25 > h5:after {
      content: "";
      margin-top: calc(0.75cap - 0.75lh);
      display: table;
    }
  }
  .\[\&\>h5\]\:inline > h5 {
    display: inline;
  }
  .\[\&\>h6\]\:my-0 > h6 {
    margin-block: calc(var(--spacing) * 0);
  }
  .\[\&\>h6\]\:ms-1 > h6 {
    margin-inline-start: calc(var(--spacing) * 1);
  }
  .\[\&\>h6\]\:box-trim-0\.25 > h6 {
    text-box: trim-both cap alphabetic;
  }
  @supports not (text-box: trim-both cap alphabetic) {
    .\[\&\>h6\]\:box-trim-0\.25 > h6:before {
      content: "";
      margin-bottom: calc(0.25cap - 0.25lh);
      display: table;
    }
    .\[\&\>h6\]\:box-trim-0\.25 > h6:after {
      content: "";
      margin-top: calc(0.75cap - 0.75lh);
      display: table;
    }
  }
  .\[\&\>h6\]\:inline > h6 {
    display: inline;
  }
  .\[\&\>img\]\:size-10\.5 > img {
    width: calc(var(--spacing) * 10.5);
    height: calc(var(--spacing) * 10.5);
  }
  .\[\&\>option\]\:bg-token-main-surface-primary > option {
    background-color: var(--main-surface-primary);
  }
  .\[\&\>option\]\:text-token-text-primary > option {
    color: var(--text-primary);
  }
  .\[\&\>p\:last-child\]\:mb-0\! > p:last-child {
    margin-bottom: calc(var(--spacing) * 0) !important;
  }
  .\[\&\>section\]\:pt-14 > section {
    padding-top: calc(var(--spacing) * 14);
  }
  .\[\&\>section\]\:pb-28 > section {
    padding-bottom: calc(var(--spacing) * 28);
  }
  @media (min-width: 48rem) {
    .md\:\[\&\>section\]\:px-10 > section {
      padding-inline: calc(var(--spacing) * 10);
    }
    .md\:\[\&\>section\]\:pt-16 > section {
      padding-top: calc(var(--spacing) * 16);
    }
    .md\:\[\&\>section\]\:pb-32 > section {
      padding-bottom: calc(var(--spacing) * 32);
    }
  }
  @media (min-width: 64rem) {
    .lg\:\[\&\>section\]\:px-16 > section {
      padding-inline: calc(var(--spacing) * 16);
    }
    .lg\:\[\&\>section\]\:pt-20 > section {
      padding-top: calc(var(--spacing) * 20);
    }
    .lg\:\[\&\>section\]\:pb-36 > section {
      padding-bottom: calc(var(--spacing) * 36);
    }
  }
  .\[\&\>section\>div\:last-child\]\:mt-12 > section > div:last-child {
    margin-top: calc(var(--spacing) * 12);
  }
  .\[\&\>section\>div\:last-child\]\:gap-20 > section > div:last-child {
    gap: calc(var(--spacing) * 20);
  }
  @media (min-width: 48rem) {
    .md\:\[\&\>section\>div\:last-child\]\:mt-16 > section > div:last-child {
      margin-top: calc(var(--spacing) * 16);
    }
    .md\:\[\&\>section\>div\:last-child\]\:gap-24 > section > div:last-child {
      gap: calc(var(--spacing) * 24);
    }
  }
  @media (min-width: 64rem) {
    .lg\:\[\&\>section\>div\:last-child\]\:gap-32 > section > div:last-child {
      gap: calc(var(--spacing) * 32);
    }
  }
  @media (min-width: 48rem) {
    .md\:\[\&\>section\>div\:last-child\>div\>div\:first-child\]\:min-w-0
      > section
      > div:last-child
      > div
      > div:first-child {
      min-width: calc(var(--spacing) * 0);
    }
    .md\:\[\&\>section\>div\:last-child\>div\>div\:first-child\]\:flex-\[0\.9_1_0\%\]
      > section
      > div:last-child
      > div
      > div:first-child {
      flex: 0.9;
    }
    .md\:\[\&\>section\>div\:last-child\>div\>div\:first-child\]\:basis-0
      > section
      > div:last-child
      > div
      > div:first-child {
      flex-basis: calc(var(--spacing) * 0);
    }
    .md\:\[\&\>section\>div\:last-child\>div\>div\:last-child\]\:min-w-0
      > section
      > div:last-child
      > div
      > div:last-child {
      min-width: calc(var(--spacing) * 0);
    }
    .md\:\[\&\>section\>div\:last-child\>div\>div\:last-child\]\:flex-\[1\.9_1_0\%\]
      > section
      > div:last-child
      > div
      > div:last-child {
      flex: 1.9;
    }
    .md\:\[\&\>section\>div\:last-child\>div\>div\:last-child\]\:basis-0
      > section
      > div:last-child
      > div
      > div:last-child {
      flex-basis: calc(var(--spacing) * 0);
    }
  }
  .\[\&\>span\:last-child\>div\]\:border-e > span:last-child > div {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
  }
  .\[\&\>span\:last-child\>div\]\:border-b > span:last-child > div {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .\[\&\>span\:last-child\>div\]\:border-gray-200 > span:last-child > div {
    border-color: var(--gray-200);
  }
  .\[\&\>span\:last-child\>div\]\:\!bg-white > span:last-child > div {
    background-color: #fff !important;
  }
  .dark\:\[\&\>span\:last-child\>div\]\:border-gray-700:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *))
    > span:last-child
    > div {
    border-color: var(--gray-700);
  }
  .dark\:\[\&\>span\:last-child\>div\]\:\!bg-gray-900:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    )
    > span:last-child
    > div {
    background-color: var(--gray-900) !important;
  }
  .\[\&\>svg\]\:block > svg {
    display: block;
  }
  .\[\&\>svg\]\:h-4 > svg {
    height: calc(var(--spacing) * 4);
  }
  .\[\&\>svg\]\:w-4 > svg {
    width: calc(var(--spacing) * 4);
  }
  .\[\&\>svg\]\:flex-shrink-0 > svg {
    flex-shrink: 0;
  }
  .\[\&\>td\]\:py-2 > td {
    padding-block: calc(var(--spacing) * 2);
  }
  .\[\&\>textarea\]\:min-h-\[480px\] > textarea {
    min-height: 480px;
  }
  .\[\&\[open\]_\.details-disclosure-content\]\:translate-y-0[open]
    .details-disclosure-content {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .\[\&\[open\]_\.details-disclosure-content\]\:opacity-100[open]
    .details-disclosure-content {
    opacity: 1;
  }
  .\[\&\[open\]\:\:details-content\]\:grid-rows-\[1fr\][open]::details-content {
    grid-template-rows: 1fr;
  }
  .text-message + .\[\.text-message\+\&\]\:mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .text-message + .\[\.text-message\+\&\]\:mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  @media (max-height: 550px) {
    .\[\@media\(max-height\:550px\)\]\:hidden {
      display: none;
    }
  }
  @media (max-height: 700px) {
    .\[\@media\(max-height\:700px\)\]\:hidden {
      display: none;
    }
  }
  @media (min-width: 1024px) and (max-height: 900px) {
    .\[\@media\(min-width\:1024px\)_and_\(max-height\:900px\)\]\:mt-2 {
      margin-top: calc(var(--spacing) * 2);
    }
    .\[\@media\(min-width\:1024px\)_and_\(max-height\:900px\)\]\:mt-4 {
      margin-top: calc(var(--spacing) * 4);
    }
    .\[\@media\(min-width\:1024px\)_and_\(max-height\:900px\)\]\:mb-0 {
      margin-bottom: calc(var(--spacing) * 0);
    }
    .\[\@media\(min-width\:1024px\)_and_\(max-height\:900px\)\]\:mb-2 {
      margin-bottom: calc(var(--spacing) * 2);
    }
    .\[\@media\(min-width\:1024px\)_and_\(max-height\:900px\)\]\:mb-3 {
      margin-bottom: calc(var(--spacing) * 3);
    }
    .\[\@media\(min-width\:1024px\)_and_\(max-height\:900px\)\]\:min-h-0 {
      min-height: calc(var(--spacing) * 0);
    }
    .\[\@media\(min-width\:1024px\)_and_\(max-height\:900px\)\]\:min-h-\[24rem\] {
      min-height: 24rem;
    }
    .\[\@media\(min-width\:1024px\)_and_\(max-height\:900px\)\]\:max-w-\[23rem\] {
      max-width: 23rem;
    }
    .\[\@media\(min-width\:1024px\)_and_\(max-height\:900px\)\]\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }
    .\[\@media\(min-width\:1024px\)_and_\(max-height\:900px\)\]\:px-2 {
      padding-inline: calc(var(--spacing) * 2);
    }
    .\[\@media\(min-width\:1024px\)_and_\(max-height\:900px\)\]\:px-4\.5 {
      padding-inline: calc(var(--spacing) * 4.5);
    }
    .\[\@media\(min-width\:1024px\)_and_\(max-height\:900px\)\]\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }
    .\[\@media\(min-width\:1024px\)_and_\(max-height\:900px\)\]\:py-3 {
      padding-block: calc(var(--spacing) * 3);
    }
    .\[\@media\(min-width\:1024px\)_and_\(max-height\:900px\)\]\:py-4\.5 {
      padding-block: calc(var(--spacing) * 4.5);
    }
    .\[\@media\(min-width\:1024px\)_and_\(max-height\:900px\)\]\:pt-9 {
      padding-top: calc(var(--spacing) * 9);
    }
    .\[\@media\(min-width\:1024px\)_and_\(max-height\:900px\)\]\:pb-4 {
      padding-bottom: calc(var(--spacing) * 4);
    }
    .\[\@media\(min-width\:1024px\)_and_\(max-height\:900px\)\]\:text-\[15px\] {
      font-size: 15px;
    }
    .\[\@media\(min-width\:1024px\)_and_\(max-height\:900px\)\]\:text-\[26px\] {
      font-size: 26px;
    }
  }
  @media (min-width: 1560px) {
    .\[\@media\(min-width\:1560px\)\]\:top-0 {
      top: calc(var(--spacing) * 0);
    }
  }
  @media (min-width: 450px) {
    .\[\@media\(min-width\:450px\)\]\:inline {
      display: inline;
    }
    .\[\@media\(min-width\:450px\)\]\:w-\[380px\] {
      width: 380px;
    }
    .\[\@media\(min-width\:450px\)\]\:w-\[450px\] {
      width: 450px;
    }
    .\[\@media\(min-width\:450px\)\]\:w-\[520px\] {
      width: 520px;
    }
    .\[\@media\(min-width\:450px\)\]\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }
    .\[\@media\(min-width\:450px\)\]\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }
    .\[\@media\(min-width\:450px\)\]\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }
    .\[\@media\(min-width\:450px\)\]\:pt-\[12vh\] {
      padding-top: 12vh;
    }
    .\[\@media\(min-width\:450px\)\]\:pt-\[15vh\] {
      padding-top: 15vh;
    }
    .\[\@media\(min-width\:450px\)\]\:leading-snug {
      --tw-leading: var(--leading-snug);
      line-height: var(--leading-snug);
    }
  }
  [data-chat-theme="black"] > .\[\[data-chat-theme\=black\]\>\&\]\:bg-black {
    background-color: #000;
  }
  [data-chat-theme="default"]
    > .\[\[data-chat-theme\=default\]\>\&\]\:bg-gray-400 {
    background-color: var(--gray-400);
  }
  [data-chat-theme="default"]
    > .\[\[data-chat-theme\=default\]\>\&\]\:dark\:bg-gray-500:where(
      .dark,
      .dark *
    ):not(:where(.dark .light, .dark .light *)) {
    background-color: var(--gray-500);
  }
  [data-collapse-labels] .\[\[data-collapse-labels\]_\&\]\:sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }
  [data-collapse-labels] .\[\[data-collapse-labels\]_\&\]\:me-1\.5 {
    margin-inline-end: calc(var(--spacing) * 1.5);
  }
  [data-collapse-labels] .\[\[data-collapse-labels\]_\&\]\:inline-flex {
    display: inline-flex;
  }
  tr:last-child .\[tr\:last-child_\&\]\:border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }
  tr[data-disabled="true"] .\[tr\[data-disabled\=true\]_\&\]\:opacity-50 {
    opacity: 0.5;
  }
  :lang(vi) .font-oai {
    font-family: sans-serif;
  }
  .mkt-no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .mkt-no-scrollbar::-webkit-scrollbar {
    display: none;
  }
  .btn:where(.-mkt) {
    font-size: 0.875rem;
    line-height: var(--tw-leading, 1.435rem);
    letter-spacing: var(--tw-tracking, -0.01em);
    font-weight: var(--tw-font-weight, 400);
    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));
  }
  .btn-small:where(.-mkt) {
    font-size: 0.625rem;
    line-height: var(--tw-leading, 0.825rem);
    letter-spacing: var(
      --tw-tracking,
      clamp(-0.01em, calc(-0.01em + 0.01 * ((90rem - 100vw) / 66.5625)), 0em)
    );
    font-weight: var(--tw-font-weight, 400);
  }
  .btn-primary-inverse:where(.-mkt) {
    background-color: #0000000a;
    background-color: lab(0% 0 0/0.04);
  }
  @media (hover: hover) {
    .btn-primary-inverse:where(.-mkt):hover {
      background-color: #0000001f;
      background-color: lab(0% 0 0/0.12);
    }
  }
  .btn-primary-inverse:where(.-mkt):where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    background-color: #ffffff0a;
    background-color: lab(100% -0.0000298023 0.0000119209/.04);
  }
  @media (hover: hover) {
    .btn-primary-inverse:where(.-mkt):where(.dark, .dark *):not(
        :where(.dark .light, .dark .light *)
      ):hover {
      background-color: #ffffff1f;
      background-color: lab(100% -0.0000298023 0.0000119209/.12);
    }
  }
  .prose:where(.-mkt)
    :not(:where([class~="not-prose"], [class~="not-prose"] *)):where(
      p,
      table,
      ul,
      ol
    ) {
    margin-block: calc(var(--spacing) * 0);
  }
  .prose:where(.-mkt)
    :not(:where([class~="not-prose"], [class~="not-prose"] *)):where(
      b,
      strong
    ) {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .interactive-outline-primary {
    --interactive-outline-color: var(--interactive-outline-focus-primary);
  }
  .interactive-outline-secondary {
    --interactive-outline-color: var(--interactive-outline-focus-secondary);
  }
  .interactive-outline-danger {
    --interactive-outline-color: var(--interactive-outline-focus-danger);
  }
  .interactive-button-primary {
    --interactive-outline-color: var(
      --interactive-button-outline-focus-primary
    );
  }
  .interactive-button-secondary {
    --interactive-outline-color: var(
      --interactive-button-outline-focus-secondary
    );
  }
  .interactive-button-destructive {
    --interactive-outline-color: var(
      --interactive-button-outline-focus-destructive
    );
  }
  .interactive-button-sec-destructive {
    --interactive-outline-color: var(
      --interactive-button-outline-focus-sec-destructive
    );
  }
  .interactive-button-danger-soft {
    --interactive-outline-color: var(
      --interactive-button-outline-focus-danger-soft
    );
  }
  .interactive-button-danger-ghost {
    --interactive-outline-color: var(
      --interactive-button-outline-focus-danger-ghost
    );
  }
  @media (pointer: coarse) {
    [data-content-sheet-section] {
      --text-sm: 1rem;
      --text-sm--line-height: 1.25rem;
      --text-sm--letter-spacing: 0;
      --menu-item-height: 44px;
      --icon-lg-size: 22px;
    }
    [data-content-sheet-section] .__menu-item {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .skeleton-child {
    --skeleton-gradient-from: #e8e8e8;
    --skeleton-gradient-to: #cdcdcd;
    --skeleton-gradient-via: #f9f9f9;
    opacity: var(--skeleton-opacity);
    will-change: auto;
  }
  .skeleton-child:is(:where(.group).skeleton *) {
    border-radius: var(--radius-lg);
    --tw-gradient-position: to right;
    border-color: #0000 !important;
  }
  @supports (background-image: linear-gradient(in lab, red, red)) {
    .skeleton-child:is(:where(.group).skeleton *) {
      --tw-gradient-position: to right in oklab;
    }
  }
  .skeleton-child:is(:where(.group).skeleton *) {
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--skeleton-gradient-from);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
    --tw-gradient-via: var(--skeleton-gradient-via);
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-to: var(--skeleton-gradient-to);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
    color: #0000;
    background-size: 300%;
    animation-direction: alternate-reverse !important;
  }
  @media (prefers-reduced-motion: no-preference) {
    .skeleton-child:is(:where(.group).skeleton *) {
      animation: 2s ease-in-out infinite shimmer-skeleton;
    }
  }
  .dark .skeleton-child {
    --skeleton-gradient-from: #303030;
    --skeleton-gradient-to: #414141;
    --skeleton-gradient-via: #5d5d5d;
  }
  .skeleton-child.skeleton-translucent {
    --skeleton-gradient-from: #00000014;
    --skeleton-gradient-to: #0000001a;
    --skeleton-gradient-via: #0000000a;
    background-color: #0000;
  }
  .dark .skeleton-child.skeleton-translucent {
    --skeleton-gradient-from: #ffffff26;
    --skeleton-gradient-to: #fff3;
    --skeleton-gradient-via: #ffffff1a;
    background-color: #0000;
  }
  .empty-skeleton {
    width: 100%;
    height: 100%;
    display: flex;
  }
  @media (hover: hover) {
    .dropdown-btn:where(:not(:disabled, :active)):hover:before {
      content: var(--tw-content);
      background-color: var(--interactive-bg-secondary-hover);
    }
  }
  .dropdown-btn {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--text-primary);
    z-index: 0;
    height: calc(var(--spacing) * 9);
    min-width: calc(var(--spacing) * 9);
    justify-content: center;
    place-self: center;
    align-items: center;
    display: flex;
    position: relative;
  }
  .dropdown-btn:enabled {
    cursor: pointer;
  }
  .dropdown-btn:disabled {
    cursor: not-allowed;
  }
  .dropdown-btn {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #0000;
  }
  .dropdown-btn[data-is-selected] {
    color: var(--interactive-label-accent-default);
  }
  .dropdown-btn[data-is-selected]:active:before {
    content: var(--tw-content);
    background-color: var(--interactive-bg-accent-muted-press);
  }
  .dropdown-btn {
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
  }
  :is(.dropdown-btn > *) {
    pointer-events: none;
  }
  .dropdown-btn:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  .dropdown-btn:disabled {
    opacity: 0.3;
  }
  .dropdown-btn:is(html[data-focus-mode="keyboard"] :focus-visible):before {
    content: var(--tw-content);
    outline-color: var(--interactive-outline-color, var(--text-primary));
    outline-offset: 2.5px;
    content: var(--tw-content);
    outline-width: 1.5px;
    outline-style: solid;
    outline-color: var(--interactive-border-tertiary-inactive);
  }
  .dropdown-btn[data-focus-outline-primary]:is(
      html[data-focus-mode="keyboard"] :focus-visible
    ):before {
    content: var(--tw-content);
    outline-color: var(--text-primary);
  }
  .dropdown-btn[data-subtle-focus]:is(
      html[data-focus-mode="keyboard"] :focus-visible
    ):before {
    content: var(--tw-content);
    outline-style: var(--tw-outline-style);
    content: var(--tw-content);
    outline-offset: calc(var(--focus-outline-margin, 2px) * -1);
    outline-width: 1px;
  }
  .dropdown-btn:active:before,
  .dropdown-btn:not([data-no-open-state])[data-is-open]:before,
  .dropdown-btn:not([data-no-open-state])[data-state="open"]:before {
    content: var(--tw-content);
    background-color: var(--interactive-bg-secondary-press);
  }
  .dropdown-btn:before {
    inset: calc(var(--spacing) * 0);
    z-index: -1;
    --tw-content: "";
    content: var(--tw-content);
    border-radius: 3.40282e38px;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
  }
  @media (hover: hover) {
    .composer-btn:where(:not(:disabled, :active)):hover {
      background-color: var(--interactive-bg-secondary-hover);
    }
  }
  @media (hover: none) {
    .composer-btn:where(:not(:disabled, :active)) {
      background-color: var(--interactive-bg-secondary-hover);
    }
  }
  .composer-btn {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--text-primary);
    z-index: 0;
    height: calc(var(--spacing) * 9);
    min-width: calc(var(--spacing) * 9);
    border-radius: 3.40282e38px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }
  .composer-btn:enabled {
    cursor: pointer;
  }
  .composer-btn:disabled {
    cursor: not-allowed;
  }
  .composer-btn {
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
  }
  :is(.composer-btn > *) {
    pointer-events: none;
  }
  .composer-btn:disabled {
    opacity: 0.3;
  }
  .composer-btn:is(html[data-focus-mode="keyboard"] :focus-visible) {
    outline-color: var(--interactive-outline-color, var(--text-primary));
    outline-offset: 2.5px;
    outline-width: 1.5px;
    outline-style: solid;
  }
  .composer-btn:active,
  .composer-btn[data-is-open],
  .composer-btn[data-state="open"] {
    background-color: var(--interactive-bg-secondary-press);
  }
  .composer-btn:before {
    content: var(--tw-content);
    content: var(--tw-content);
    inset: calc(var(--spacing) * 0);
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    content: var(--tw-content);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    content: var(--tw-content);
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)
      var(--tw-skew-x,) var(--tw-skew-y,);
    position: absolute;
    top: 50%;
    left: 50%;
  }
  .composer-btn--desktopSidebar {
    border-radius: 8px;
  }
  .composer-submit-btn {
    border-radius: 3.40282e38px;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .composer-submit-btn:disabled {
    color: #f4f4f4;
  }
  @media (hover: hover) {
    .composer-submit-btn:disabled:hover {
      opacity: 1;
    }
  }
  .composer-submit-btn:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):disabled {
    background-color: var(--text-quaternary);
    color: var(--main-surface-secondary);
  }
  .composer-submit-btn:is(html[data-focus-mode="keyboard"] :focus-visible) {
    outline-color: var(--interactive-outline-color, var(--text-primary));
    outline-offset: 2.5px;
    outline-width: 1.5px;
    outline-style: solid;
  }
  .composer-submit-btn:disabled {
    opacity: 0.35;
  }
  @media (hover: hover) {
    .composer-submit-btn:disabled:hover {
      opacity: 0.35;
    }
  }
  .composer-submit-btn[data-in-menu] {
    color: #fff;
    background-color: #000;
  }
  .composer-submit-btn[data-in-menu]:disabled {
    color: var(--text-tertiary);
    background-color: #00000014;
  }
  .composer-submit-btn:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    )[data-in-menu] {
    color: #000;
    background-color: #fff;
  }
  .composer-submit-btn[data-in-menu]:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ):disabled {
    background-color: #ffffff29;
  }
  .menu-item-input-stop-btn {
    border-radius: 3.40282e38px;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .menu-item-input-stop-btn:is(
    html[data-focus-mode="keyboard"] :focus-visible
  ) {
    outline-color: var(--interactive-outline-color, var(--text-primary));
    outline-offset: 2.5px;
    outline-width: 1.5px;
    outline-style: solid;
  }
  .__composer-pill {
    height: calc(var(--spacing) * 9);
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--interactive-label-accent-default);
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    border-radius: 3.40282e38px;
    outline-style: none;
    padding-inline-start: calc(var(--spacing) * 2);
    padding-inline-end: calc(var(--spacing) * 3);
    display: flex;
    position: relative;
  }
  .__composer-pill:is(html[data-focus-mode="keyboard"] :focus-visible) {
    outline-color: var(--interactive-outline-color, var(--text-primary));
    outline-offset: 2.5px;
    outline-width: 1.5px;
    outline-style: solid;
  }
  button.__composer-pill {
    cursor: pointer;
  }
  .__composer-pill[data-is-open],
  .__composer-pill[data-state="open"] {
    background-color: var(--interactive-bg-accent-muted-hover);
  }
  @media (hover: none) {
    .__composer-pill {
      background-color: var(--interactive-bg-accent-muted-hover);
    }
  }
  @media (hover: hover) {
    button.__composer-pill:hover {
      background-color: var(--interactive-bg-accent-muted-hover);
    }
  }
  button.__composer-pill:active {
    background-color: var(--interactive-bg-accent-muted-press);
  }
  .__composer-pill:before {
    content: var(--tw-content);
    content: var(--tw-content);
    inset: calc(var(--spacing) * 0);
    position: absolute;
  }
  @media (hover: hover) {
    .__composer-pill:is(:where(.group):hover *):not(:hover) {
      background-color: var(--interactive-bg-accent-muted-context);
    }
    @media not all and (hover: hover) {
      .__composer-pill:is(:where(.group):hover *) {
        background-color: var(--interactive-bg-accent-muted-context);
      }
    }
    .__composer-pill:is(
        :where(.group):has(:is(html[data-focus-mode="keyboard"] :focus-visible))
          *
      ):not(:focus),
    button.__composer-pill:has(.__composer-pill-remove):hover {
      background-color: var(--interactive-bg-accent-muted-context);
    }
  }
  button.__composer-pill:has(.__composer-pill-remove):is(
      html[data-focus-mode="keyboard"] :focus-visible
    ) {
    background-color: var(--interactive-bg-accent-muted-context);
  }
  @media (hover: hover) {
    button.__composer-pill:has(.__composer-pill-remove):is(
        html[data-focus-mode="keyboard"] :focus-visible
      ) {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  @media (hover: none) {
    .__composer-pill {
      padding-inline-start: calc(var(--spacing) * 2.5);
      padding-inline-end: calc(var(--spacing) * 3.5);
    }
    .__composer-pill-composite > .__composer-pill {
      border-start-end-radius: 0;
      border-end-end-radius: 0;
    }
  }
  @media (hover: hover) {
    button.__composer-pill--neutral:where(
        :not([aria-disabled="true"], [data-visually-disabled], :active)
      ):hover {
      background-color: var(--interactive-bg-secondary-hover);
    }
  }
  @media (hover: none) {
    button.__composer-pill--neutral:where(
        :not([aria-disabled="true"], [data-visually-disabled], :active)
      ) {
      background-color: var(--interactive-bg-secondary-hover);
    }
  }
  button.__composer-pill--neutral:active {
    background-color: var(--interactive-bg-secondary-press);
  }
  button.__composer-pill--neutral[data-state="open"],
  button.__composer-pill--neutral[data-is-open] {
    background-color: var(--interactive-bg-secondary-press);
    color: var(--text-primary);
  }
  @media (hover: hover) {
    .__composer-pill--neutral:is(:where(.group):hover *):not(:hover) {
      background-color: var(--interactive-bg-secondary-hover);
    }
    @media not all and (hover: hover) {
      .__composer-pill--neutral:is(:where(.group):hover *) {
        background-color: var(--interactive-bg-secondary-hover);
      }
    }
    .__composer-pill--neutral:is(
        :where(.group):has(:is(html[data-focus-mode="keyboard"] :focus-visible))
          *
      ):not(:focus) {
      background-color: var(--interactive-bg-secondary-hover);
    }
  }
  .__composer-pill--neutral {
    color: var(--text-tertiary);
    padding-inline-start: calc(var(--spacing) * 3.5);
  }
  @media (hover: hover) {
    button.__composer-pill--neutral:has(.__composer-pill-remove):hover {
      background-color: var(--interactive-bg-secondary-hover);
    }
  }
  button.__composer-pill--neutral:has(.__composer-pill-remove):is(
      html[data-focus-mode="keyboard"] :focus-visible
    ) {
    background-color: var(--interactive-bg-secondary-hover);
  }
  .__composer-pill-composite {
    display: flex;
  }
  @media (hover: none) {
    .__composer-pill-composite--leading-trigger > .__composer-pill-trigger {
      order: 0;
    }
    .__composer-pill-composite
      > :is(
        .__composer-pill-composite--leading-trigger > .__composer-pill-trigger
      ) {
      border-start-start-radius: 3.40282e38px;
      border-start-end-radius: 0;
      border-end-end-radius: 0;
      border-end-start-radius: 3.40282e38px;
      margin-inline-start: calc(var(--spacing) * 0);
      margin-inline-end: 1px;
      padding-inline-start: calc(var(--spacing) * 2.5);
      padding-inline-end: calc(var(--spacing) * 1.5);
    }
    .__composer-pill-composite--leading-trigger > .__composer-pill {
      border-start-start-radius: 0;
      border-start-end-radius: 3.40282e38px;
      border-end-end-radius: 3.40282e38px;
      border-end-start-radius: 0;
    }
    .__composer-pill-composite--leading-trigger .__composer-pill-icon {
      display: none;
    }
  }
  .__composer-pill-icon {
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    flex-grow: 0;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  @media (hover: hover) {
    .__composer-pill-icon:is(:where(.group):hover *),
    .__composer-pill-icon:is(
        :where(.group):has(:is(html[data-focus-mode="keyboard"] :focus-visible))
          *
      ):is(:where(.group\/pill):not(:focus) *),
    .__composer-pill-icon:is(:where(.group)[data-state="open"] *),
    button:has(.__composer-pill-remove)
      > .__composer-pill-icon:is(
        :where(.group):is(html[data-focus-mode="keyboard"] :focus-visible) *
      ) {
      visibility: hidden;
    }
  }
  .__composer-pill-trigger,
  .__composer-pill-remove {
    color: var(--interactive-label-accent-default);
    --tw-outline-style: none;
    outline-style: none;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  :is(.__composer-pill-trigger, .__composer-pill-remove):is(
    html[data-focus-mode="keyboard"] :focus-visible
  ) {
    outline-color: var(--interactive-outline-color, var(--text-primary));
    outline-offset: 2.5px;
    outline-width: 1.5px;
    outline-style: solid;
  }
  @media (hover: hover) {
    .__composer-pill-trigger,
    .__composer-pill-remove {
      inset-inline-start: calc(var(--spacing) * 2);
      top: calc(var(--spacing) * 2);
      z-index: 10;
      height: calc(var(--spacing) * 5);
      width: calc(var(--spacing) * 5);
      border-radius: 3.40282e38px;
      justify-content: center;
      align-items: center;
      display: inline-flex;
      position: absolute;
    }
    :is(.__composer-pill-trigger, .__composer-pill-remove):not(
      :is(html[data-focus-mode="keyboard"] :focus-visible)
    ) {
      opacity: 0;
    }
    @media (hover: hover) {
      :is(.__composer-pill-trigger, .__composer-pill-remove):is(
        :where(.group):hover *
      ) {
        opacity: 1 !important;
      }
    }
    :is(.__composer-pill-trigger, .__composer-pill-remove):is(
      :where(.group):has([data-state="open"]) *
    ),
    :is(.__composer-pill-trigger, .__composer-pill-remove):is(
      :where(.group):is(html[data-focus-mode="keyboard"] :focus-visible) *
    ) {
      opacity: 1 !important;
    }
    :is(.__composer-pill-trigger, .__composer-pill-remove):is(
      :where(.group):is(html[data-focus-mode="keyboard"] :focus-visible) *
    ),
    :is(.__composer-pill-trigger, .__composer-pill-remove):is(
      html[data-focus-mode="keyboard"] :focus-visible
    ) {
      outline-color: var(--interactive-outline-color, var(--text-primary));
      outline-offset: 2.5px;
      outline-width: 1.5px;
      outline-style: solid;
    }
    :is(.__composer-pill-trigger, .__composer-pill-remove):before {
      content: var(--tw-content);
      content: var(--tw-content);
      inset: calc(var(--spacing) * -2);
      content: var(--tw-content);
      content: var(--tw-content);
      background-color: #0000;
      position: absolute;
      inset-inline-end: calc(var(--spacing) * -1);
    }
    .__composer-pill-trigger,
    .__composer-pill-remove {
      background-color: var(--bg-primary);
    }
    :is(.__composer-pill-trigger, .__composer-pill-remove):where(
        .dark,
        .dark *
      ):not(:where(.dark .light, .dark .light *)) {
      background-color: var(--bg-secondary);
    }
    @media (hover: hover) {
      :is(.__composer-pill-trigger, .__composer-pill-remove):hover,
      div:is(.__composer-pill-trigger, .__composer-pill-remove):is(
          :where(.group):hover *
        ) {
        background-color: var(--interactive-bg-accent-hover);
      }
      :is(
          :is(.__composer-pill-trigger, .__composer-pill-remove):hover,
          div:is(.__composer-pill-trigger, .__composer-pill-remove):is(
              :where(.group):hover *
            )
        ):where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) {
        background-color: var(--interactive-bg-accent-muted-hover);
      }
    }
    :is(.__composer-pill-trigger, .__composer-pill-remove):active,
    div:is(.__composer-pill-trigger, .__composer-pill-remove):is(
        :where(.group):active *
      ) {
      background-color: var(--interactive-bg-accent-press);
    }
    :is(
        :is(.__composer-pill-trigger, .__composer-pill-remove):active,
        div:is(.__composer-pill-trigger, .__composer-pill-remove):is(
            :where(.group):active *
          )
      ):where(.dark, .dark *):not(:where(.dark .light, .dark .light *)) {
      background-color: var(--interactive-bg-accent-muted-press);
    }
  }
  @media (hover: none) {
    .__composer-pill-trigger,
    .__composer-pill-remove {
      order: 1;
      margin-inline-end: calc(var(--spacing) * -1);
    }
    :is(.__composer-pill-trigger, .__composer-pill-remove):focus {
      z-index: 10;
    }
    :is(.__composer-pill-trigger, .__composer-pill-remove):before {
      content: var(--tw-content);
      content: var(--tw-content);
      inset: calc(var(--spacing) * 0);
      content: var(--tw-content);
      position: absolute;
      inset-inline-start: -1px;
    }
    .__composer-pill-composite
      > :is(.__composer-pill-trigger, .__composer-pill-remove) {
      background-color: var(--interactive-bg-accent-muted-hover);
      border-start-end-radius: 3.40282e38px;
      border-end-end-radius: 3.40282e38px;
      margin-inline-start: 1px;
      margin-inline-end: calc(var(--spacing) * 0);
      padding-inline-start: calc(var(--spacing) * 1.5);
      padding-inline-end: calc(var(--spacing) * 2.5);
    }
    .__composer-pill-composite
      > :is(.__composer-pill-trigger, .__composer-pill-remove):active {
      background-color: var(--interactive-bg-accent-muted-press);
    }
  }
  @media (hover: hover) {
    .__composer-pill-trigger {
      inset-inline-start: calc(var(--spacing) * 1.5);
      top: calc(var(--spacing) * 1.5);
      height: calc(var(--spacing) * 6);
      width: calc(var(--spacing) * 6);
    }
  }
  .prose
    :where(h1, h2, h3, h4, h5, h6)
    strong:not(:where([class~="not-prose"] *)) {
    font-weight: inherit;
  }
  .with-spinner {
    appearance: auto;
    -moz-appearance: number-input;
  }
  .with-spinner::-webkit-inner-spin-button {
    appearance: auto;
    margin: initial;
  }
  .with-spinner::-webkit-outer-spin-button {
    appearance: auto;
    margin: initial;
  }
  .overflow-auto > *,
  .overflow-scroll > *,
  .overflow-x-auto > *,
  .overflow-y-auto > * {
    scrollbar-color: auto;
  }
  .overflow-auto,
  .overflow-scroll,
  .overflow-x-auto,
  .overflow-y-auto,
  .overflow-x-scroll,
  .overflow-y-scroll {
    scrollbar-color: var(--scrollbar-color) transparent;
  }
  .overflow-auto:hover,
  .overflow-scroll:hover,
  .overflow-x-auto:hover,
  .overflow-y-auto:hover {
    scrollbar-color: var(--scrollbar-color-hover) transparent;
  }
  .content-fade-top:after {
    --offset-y: var(--offset-y-default, 25px);
    --fade-start-color: var(--bg-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .content-fade-top:after {
      --fade-start-color: color-mix(
        in lch longer hue,
        var(--bg-primary),
        transparent 100%
      );
    }
  }
  .content-fade-top:after {
    --fade-end-color: var(--bg-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .content-fade-top:after {
      --fade-end-color: color-mix(
        in lch longer hue,
        var(--bg-primary),
        transparent 0%
      );
    }
  }
  .content-fade-top:after {
    background:
      linear-gradient(to top, transparent, var(--bg-primary)),
      linear-gradient(
        to top,
        transparent var(--offset-y),
        var(--bg-primary) var(--offset-y)
      );
    background:
      linear-gradient(to top, var(--fade-start-color), var(--fade-end-color)),
      linear-gradient(
        to top,
        transparent var(--offset-y),
        var(--bg-primary) var(--offset-y)
      );
    background-size:
      100% var(--offset-y),
      100% 100%;
    content: "";
    pointer-events: none;
    inset: var(--content-fade-top, 0) 0 0 0;
    z-index: -1;
    bottom: var(--offset-y-bottom, calc(var(--offset-y) * -1));
    background-position: bottom, top;
    background-repeat: no-repeat;
    position: absolute;
  }
  .content-fade.single-line:after {
    --single-line-fade-height: var(--content-fade-height, 28px);
    background:
      linear-gradient(to bottom, transparent, var(--bg-primary)),
      linear-gradient(
        to bottom,
        transparent var(--single-line-fade-height),
        var(--bg-primary) var(--single-line-fade-height)
      );
    background:
      linear-gradient(
        to bottom,
        var(--fade-start-color),
        var(--fade-end-color)
      ),
      linear-gradient(
        to bottom,
        transparent var(--single-line-fade-height),
        var(--bg-primary) var(--single-line-fade-height)
      );
    background-size:
      100% var(--single-line-fade-height),
      100% 100%;
  }
  .content-fade:after {
    --content-fade-distance: var(--content-fade-height, 55px);
    --fade-start-color: var(--bg-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .content-fade:after {
      --fade-start-color: color-mix(
        in lch longer hue,
        var(--bg-primary),
        transparent 100%
      );
    }
  }
  .content-fade:after {
    --fade-end-color: var(--bg-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .content-fade:after {
      --fade-end-color: color-mix(
        in lch longer hue,
        var(--bg-primary),
        transparent 0%
      );
    }
  }
  .content-fade:after {
    background:
      linear-gradient(to bottom, transparent, var(--bg-primary)),
      linear-gradient(
        to bottom,
        transparent var(--content-fade-distance),
        var(--bg-primary) var(--content-fade-distance)
      );
    background:
      linear-gradient(
        to bottom,
        var(--fade-start-color),
        var(--fade-end-color)
      ),
      linear-gradient(
        to bottom,
        transparent var(--content-fade-distance),
        var(--bg-primary) var(--content-fade-distance)
      );
    background-size:
      100% var(--content-fade-distance),
      100% 100%;
    content: "";
    pointer-events: none;
    inset: var(--content-fade-top, 0) 0 0 0;
    z-index: -1;
    background-position: top, bottom;
    background-repeat: no-repeat;
    position: absolute;
  }
}
[inert] {
  pointer-events: none;
  cursor: inherit;
}
[inert],
[inert] * {
  -webkit-user-select: none;
  user-select: none;
}
html,
.light,
.dark .light {
  --bg-primary: #fff;
  --bg-primary-inverted: #000;
  --bg-secondary: #e8e8e8;
  --bg-tertiary: #f3f3f3;
  --bg-scrim: #0d0d0d80;
  --bg-elevated-primary: #fff;
  --bg-elevated-secondary: #f9f9f9;
  --bg-accent-static: var(--blue-400);
  --bg-status-warning: var(--orange-25);
  --bg-status-error: var(--red-25);
  --border-default: #0d0d0d1a;
  --border-heavy: #0d0d0d26;
  --border-light: #0d0d0d0d;
  --border-status-warning: var(--orange-50);
  --border-status-error: var(--red-50);
  --text-primary: #0d0d0d;
  --text-secondary: #5d5d5d;
  --text-tertiary: #8f8f8f;
  --text-inverted: #fff;
  --text-inverted-static: #fff;
  --text-accent: var(--blue-200);
  --text-status-warning: var(--orange-500);
  --text-status-error: var(--red-500);
  --icon-primary: #0d0d0d;
  --icon-secondary: #5d5d5d;
  --icon-tertiary: #8f8f8f;
  --interactive-bg-control-default: var(--gray-200);
  --icon-inverted: #fff;
  --icon-inverted-static: #fff;
  --icon-accent: var(--blue-400);
  --icon-status-warning: var(--orange-500);
  --icon-status-error: var(--red-500);
  --interactive-bg-primary-default: #0d0d0d;
  --interactive-bg-primary-hover: #0d0d0dcc;
  --interactive-bg-primary-press: #0d0d0de5;
  --interactive-bg-primary-inactive: #0d0d0d;
  --interactive-bg-primary-selected: #0d0d0d;
  --interactive-bg-secondary-default: #0d0d0d00;
  --interactive-bg-secondary-hover: #0d0d0d05;
  --interactive-bg-secondary-press: #0d0d0d0d;
  --interactive-bg-secondary-inactive: #0d0d0d00;
  --interactive-bg-secondary-selected: #0d0d0d0d;
  --interactive-bg-tertiary-default: #fff;
  --interactive-bg-tertiary-hover: #f9f9f9;
  --interactive-bg-tertiary-press: #f3f3f3;
  --interactive-bg-tertiary-inactive: #fff;
  --interactive-bg-tertiary-selected: #fff;
  --interactive-bg-accent-default: var(--blue-50);
  --interactive-bg-accent-hover: var(--blue-75);
  --interactive-bg-accent-muted-hover: #ebf4ff;
  --interactive-bg-accent-muted-context: #ebf4ff80;
  --interactive-bg-accent-press: var(--blue-100);
  --interactive-bg-accent-muted-press: #e0efff;
  --interactive-bg-accent-inactive: var(--blue-50);
  --interactive-bg-danger-primary-default: var(--red-500);
  --interactive-bg-danger-primary-hover: var(--red-400);
  --interactive-bg-danger-primary-press: var(--red-600);
  --interactive-bg-danger-primary-inactive: var(--red-500);
  --interactive-bg-danger-secondary-default: #0d0d0d00;
  --interactive-bg-danger-secondary-hover: #0d0d0d00;
  --interactive-bg-danger-secondary-press: #0d0d0d00;
  --interactive-bg-danger-secondary-inactive: #0d0d0d00;
  --interactive-focus-ring-primary: #0d0d0d29;
  --interactive-focus-ring-secondary: #0d0d0d1f;
  --interactive-focus-ring-danger: var(--red-500);
  --interactive-border-focus: #0d0d0d;
  --interactive-border-secondary-default: #0d0d0d1a;
  --interactive-border-secondary-hover: #0d0d0d0d;
  --interactive-border-secondary-press: #0d0d0d0d;
  --interactive-border-secondary-inactive: #0d0d0d1a;
  --interactive-border-tertiary-default: #0d0d0d1a;
  --interactive-border-tertiary-hover: #0d0d0d1a;
  --interactive-border-tertiary-press: #0d0d0d0d;
  --interactive-border-tertiary-inactive: #0d0d0d1a;
  --interactive-border-danger-secondary-default: var(--red-500);
  --interactive-border-danger-secondary-hover: var(--red-400);
  --interactive-border-danger-secondary-press: var(--red-600);
  --interactive-border-danger-secondary-inactive: var(--red-500);
  --interactive-label-primary-default: #fff;
  --interactive-label-primary-hover: #fff;
  --interactive-label-primary-press: #fff;
  --interactive-label-primary-inactive: #fff;
  --interactive-label-primary-selected: #fff;
  --interactive-label-secondary-default: #0d0d0d;
  --interactive-label-secondary-hover: #0d0d0de5;
  --interactive-label-secondary-press: #0d0d0dcc;
  --interactive-label-secondary-inactive: #0d0d0d;
  --interactive-label-secondary-selected: #0d0d0d;
  --interactive-label-tertiary-default: #5d5d5d;
  --interactive-label-tertiary-hover: #5d5d5d;
  --interactive-label-tertiary-press: #5d5d5d;
  --interactive-label-tertiary-inactive: #5d5d5d;
  --interactive-label-tertiary-selected: #5d5d5d;
  --interactive-label-accent-default: var(--blue-400);
  --interactive-label-accent-hover: var(--blue-400);
  --interactive-label-accent-press: var(--blue-400);
  --interactive-label-accent-inactive: var(--blue-400);
  --interactive-label-accent-selected: var(--blue-400);
  --interactive-label-danger-primary-default: #fff;
  --interactive-label-danger-primary-hover: #fff;
  --interactive-label-danger-primary-press: #fff;
  --interactive-label-danger-primary-inactive: #fff;
  --interactive-label-danger-secondary-default: var(--red-500);
  --interactive-label-danger-secondary-hover: var(--red-400);
  --interactive-label-danger-secondary-press: var(--red-600);
  --interactive-label-danger-secondary-inactive: var(--red-500);
  --interactive-icon-primary-default: #fff;
  --interactive-icon-primary-hover: #fff;
  --interactive-icon-primary-press: #fff;
  --interactive-icon-primary-selected: #fff;
  --interactive-icon-primary-inactive: #fff;
  --interactive-icon-secondary-default: #0d0d0d;
  --interactive-icon-secondary-hover: #0d0d0de5;
  --interactive-icon-secondary-press: #0d0d0dcc;
  --interactive-icon-secondary-selected: #0d0d0d;
  --interactive-icon-secondary-inactive: #0d0d0d;
  --interactive-icon-tertiary-default: #5d5d5d;
  --interactive-icon-tertiary-hover: #5d5d5d;
  --interactive-icon-tertiary-press: #5d5d5d;
  --interactive-icon-tertiary-selected: #5d5d5d;
  --interactive-icon-tertiary-inactive: #5d5d5d;
  --interactive-icon-accent-default: var(--blue-400);
  --interactive-icon-accent-hover: var(--blue-400);
  --interactive-icon-accent-press: var(--blue-400);
  --interactive-icon-accent-selected: var(--blue-400);
  --interactive-icon-accent-inactive: var(--blue-400);
  --interactive-icon-danger-primary-default: #fff;
  --interactive-icon-danger-primary-hover: #fff;
  --interactive-icon-danger-primary-press: #fff;
  --interactive-icon-danger-primary-inactive: #fff;
  --interactive-icon-danger-secondary-default: var(--red-500);
  --interactive-icon-danger-secondary-hover: var(--red-400);
  --interactive-icon-danger-secondary-press: var(--red-600);
  --interactive-icon-danger-secondary-inactive: var(--red-500);
  --utility-scrollbar: #0000000a;
}
html[data-contrast="high"]:not(.dark),
html[data-contrast="high"] .light {
  --text-tertiary: #5d5d5d;
  --interactive-bg-control-default: #8f8f8f;
}
@media (prefers-contrast: more) {
  html[data-contrast="default"]:not(.dark),
  html[data-contrast="default"] .light {
    --text-tertiary: #5d5d5d;
    --interactive-bg-control-default: #8f8f8f;
  }
}
.dark {
  --bg-primary: #212121;
  --bg-primary-inverted: #fff;
  --bg-secondary: #303030;
  --bg-tertiary: #414141;
  --bg-scrim: #0d0d0d80;
  --bg-elevated-primary: #303030;
  --bg-elevated-secondary: #181818;
  --bg-accent-static: var(--blue-400);
  --bg-status-warning: var(--orange-900);
  --bg-status-error: var(--red-900);
  --border-default: #ffffff26;
  --border-heavy: #fff3;
  --border-light: #ffffff0d;
  --border-status-warning: var(--orange-900);
  --border-status-error: var(--red-900);
  --text-primary: #fff;
  --text-secondary: #f3f3f3;
  --text-tertiary: #afafaf;
  --text-inverted: #0d0d0d;
  --text-inverted-static: #fff;
  --text-accent: var(--blue-200);
  --text-status-warning: var(--orange-200);
  --text-status-error: var(--red-200);
  --icon-primary: #e8e8e8;
  --icon-secondary: #cdcdcd;
  --icon-tertiary: #afafaf;
  --interactive-bg-control-default: var(--gray-600);
  --icon-inverted: #0d0d0d;
  --icon-inverted-static: #fff;
  --icon-accent: var(--blue-200);
  --icon-status-warning: var(--orange-200);
  --icon-status-error: var(--red-200);
  --interactive-bg-primary-default: #fff;
  --interactive-bg-primary-hover: #fffc;
  --interactive-bg-primary-press: #ffffffe5;
  --interactive-bg-primary-inactive: #fff;
  --interactive-bg-primary-selected: #fff;
  --interactive-bg-secondary-default: #fff0;
  --interactive-bg-secondary-hover: #ffffff1a;
  --interactive-bg-secondary-press: #ffffff0d;
  --interactive-bg-secondary-inactive: #fff0;
  --interactive-bg-secondary-selected: #ffffff1a;
  --interactive-bg-tertiary-default: #212121;
  --interactive-bg-tertiary-hover: #181818;
  --interactive-bg-tertiary-press: #0d0d0d;
  --interactive-bg-tertiary-inactive: #212121;
  --interactive-bg-tertiary-selected: #212121;
  --interactive-bg-accent-default: var(--blue-800);
  --interactive-bg-accent-hover: var(--blue-700);
  --interactive-bg-accent-muted-hover: #394a5b;
  --interactive-bg-accent-muted-context: #394a5b80;
  --interactive-bg-accent-press: var(--blue-600);
  --interactive-bg-accent-muted-press: #40484f;
  --interactive-bg-accent-inactive: var(--blue-800);
  --interactive-bg-danger-primary-default: var(--red-500);
  --interactive-bg-danger-primary-hover: var(--red-400);
  --interactive-bg-danger-primary-press: var(--red-600);
  --interactive-bg-danger-primary-inactive: var(--red-500);
  --interactive-bg-danger-secondary-default: #fff0;
  --interactive-bg-danger-secondary-hover: #fff0;
  --interactive-bg-danger-secondary-press: #fff0;
  --interactive-bg-danger-secondary-inactive: #fff0;
  --interactive-focus-ring-primary: #ffffff40;
  --interactive-focus-ring-secondary: #ffffff29;
  --interactive-focus-ring-danger: var(--red-500);
  --interactive-border-focus: #fff;
  --interactive-border-secondary-default: #ffffff26;
  --interactive-border-secondary-hover: #ffffff26;
  --interactive-border-secondary-press: #fff3;
  --interactive-border-secondary-inactive: #ffffff1a;
  --interactive-border-tertiary-default: #ffffff1a;
  --interactive-border-tertiary-hover: #ffffff26;
  --interactive-border-tertiary-press: #ffffff1a;
  --interactive-border-tertiary-inactive: #ffffff1a;
  --interactive-border-danger-secondary-default: var(--red-400);
  --interactive-border-danger-secondary-hover: var(--red-300);
  --interactive-border-danger-secondary-press: var(--red-500);
  --interactive-border-danger-secondary-inactive: var(--red-400);
  --interactive-label-primary-default: #0d0d0d;
  --interactive-label-primary-hover: #0d0d0d;
  --interactive-label-primary-press: #0d0d0d;
  --interactive-label-primary-inactive: #0d0d0d;
  --interactive-label-primary-selected: #0d0d0d;
  --interactive-label-secondary-default: #f3f3f3;
  --interactive-label-secondary-hover: #ffffffe5;
  --interactive-label-secondary-press: #fffc;
  --interactive-label-secondary-inactive: #f3f3f3;
  --interactive-label-secondary-selected: #f3f3f3;
  --interactive-label-tertiary-default: #cdcdcd;
  --interactive-label-tertiary-hover: #cdcdcd;
  --interactive-label-tertiary-press: #cdcdcd;
  --interactive-label-tertiary-inactive: #cdcdcd;
  --interactive-label-tertiary-selected: #cdcdcd;
  --interactive-label-accent-default: var(--blue-100);
  --interactive-label-accent-hover: var(--blue-100);
  --interactive-label-accent-press: var(--blue-100);
  --interactive-label-accent-inactive: var(--blue-100);
  --interactive-label-accent-selected: var(--blue-100);
  --interactive-label-danger-primary-default: #fff;
  --interactive-label-danger-primary-hover: #fff;
  --interactive-label-danger-primary-press: #fff;
  --interactive-label-danger-primary-inactive: #fff;
  --interactive-label-danger-secondary-default: var(--red-400);
  --interactive-label-danger-secondary-hover: var(--red-300);
  --interactive-label-danger-secondary-press: var(--red-500);
  --interactive-label-danger-secondary-inactive: var(--red-400);
  --interactive-icon-primary-default: #0d0d0d;
  --interactive-icon-primary-hover: #0d0d0d;
  --interactive-icon-primary-press: #0d0d0d;
  --interactive-icon-primary-selected: #0d0d0d;
  --interactive-icon-primary-inactive: #0d0d0d;
  --interactive-icon-secondary-default: #f3f3f3;
  --interactive-icon-secondary-hover: #ffffffe5;
  --interactive-icon-secondary-press: #fffc;
  --interactive-icon-secondary-selected: #f3f3f3;
  --interactive-icon-secondary-inactive: #f3f3f3;
  --interactive-icon-tertiary-default: #cdcdcd;
  --interactive-icon-tertiary-hover: #cdcdcd;
  --interactive-icon-tertiary-press: #cdcdcd;
  --interactive-icon-tertiary-selected: #cdcdcd;
  --interactive-icon-tertiary-inactive: #cdcdcd;
  --interactive-icon-accent-default: var(--blue-100);
  --interactive-icon-accent-hover: var(--blue-100);
  --interactive-icon-accent-press: var(--blue-100);
  --interactive-icon-accent-selected: var(--blue-100);
  --interactive-icon-accent-inactive: var(--blue-100);
  --interactive-icon-danger-primary-default: #fff;
  --interactive-icon-danger-primary-hover: #fff;
  --interactive-icon-danger-primary-press: #fff;
  --interactive-icon-danger-primary-inactive: #fff;
  --interactive-icon-danger-secondary-default: var(--red-400);
  --interactive-icon-danger-secondary-hover: var(--red-300);
  --interactive-icon-danger-secondary-press: var(--red-500);
  --interactive-icon-danger-secondary-inactive: var(--red-400);
  --utility-scrollbar: #fff3;
}
.dark[data-oled] {
  --bg-primary: #000;
  --main-surface-primary: #000;
}
@media (min-width: 80rem) {
  .stage-thread-flyout-preset-responsive {
    --stage-thread-flyout-preset-width: 500px;
  }
}
@media (min-width: 96rem) {
  .stage-thread-flyout-preset-responsive {
    --stage-thread-flyout-preset-width: 700px;
  }
}
@keyframes peek-top-animation {
  50% {
    translate: 0 -85px;
  }
  75% {
    translate: 0 -85px;
  }
  to {
    translate: 0;
  }
}
@keyframes peek-top-end-animation {
  to {
    translate: 0;
  }
}
@property --mask-shimmer-offset {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-mask-shimmer-duration {
  syntax: "<time>";
  inherits: false;
  initial-value: 4s;
}
@property --tw-mask-shimmer-delay {
  syntax: "<time>";
  inherits: false;
  initial-value: 0s;
}
@keyframes mask-shimmer-offset-move {
  0% {
    --mask-shimmer-offset: 0%;
  }
  to {
    --mask-shimmer-offset: 100%;
  }
}
@supports (animation-timeline: scroll()) {
  @keyframes scroll-shadow-reveal {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes scroll-shadow-detect {
    0%,
    to {
      --can-scroll: ;
    }
  }
  .horizontal-scroll-shadow-container,
  .vertical-scroll-shadow-container {
    animation: linear scroll-shadow-detect;
    animation-timeline: --scroll-shadow !important;
  }
  .horizontal-scroll-shadow-container:before,
  .horizontal-scroll-shadow-container:after,
  .vertical-scroll-shadow-container:before,
  .vertical-scroll-shadow-container:after {
    --visibility-if-can-scroll: var(--can-scroll) visible;
    --visibility-if-cant-scroll: hidden;
    visibility: var(
      --visibility-if-can-scroll,
      var(--visibility-if-cant-scroll)
    );
    --margin-start-if-can-scroll: var(--can-scroll) -14px;
    --margin-start-if-cant-scroll: 0;
    --scroll-shadow-visibility: 1;
    animation-name: scroll-shadow-reveal;
    animation-fill-mode: both;
    animation-timeline: --scroll-shadow;
  }
  .horizontal-scroll-shadow-container:before,
  .vertical-scroll-shadow-container:before {
    animation-range: 1em 2em;
  }
  .horizontal-scroll-shadow-container:after,
  .vertical-scroll-shadow-container:after {
    animation-direction: reverse;
    animation-range: calc(100% - 2em) calc(100% - 1em);
  }
}
html:not(.screen-arch),
html:not(.screen-arch) body {
  height: 100%;
}
html.screen-arch,
html.screen-arch body {
  min-height: 100%;
}
#__next,
#root {
  height: 100%;
}
.markdown {
  max-width: unset;
}
.markdown.streaming-animation.block-entry-animation
  pre:where(:not(.not-markdown *)),
.markdown.streaming-animation.block-entry-animation
  table:where(:not(.not-markdown *)) {
  position: relative;
  overflow: clip !important;
}
:is(
  .markdown.streaming-animation.block-entry-animation
    pre:where(:not(.not-markdown *)),
  .markdown.streaming-animation.block-entry-animation
    table:where(:not(.not-markdown *))
):after {
  --overlap-distance: 10px;
  --overlap-negative-distance: -10px;
  content: "";
  height: calc(100% + (var(--overlap-distance) * 2));
  background-image: linear-gradient(
    180deg,
    transparent,
    var(--main-surface-primary) var(--overlap-distance)
  );
  translate: 0 var(--streaming-reveal-amount, var(--overlap-negative-distance));
  display: flex;
  position: absolute;
  inset: 0;
}
@media (prefers-reduced-motion: no-preference) {
  :is(
    .markdown.streaming-animation.block-entry-animation
      pre:where(:not(.not-markdown *)),
    .markdown.streaming-animation.block-entry-animation
      table:where(:not(.not-markdown *))
  ):after {
    transition: 0.5s translate var(--spring-standard);
  }
}
.markdown.streaming-animation h1:where(:not(.not-markdown *)),
.markdown.streaming-animation h2:where(:not(.not-markdown *)),
.markdown.streaming-animation h3:where(:not(.not-markdown *)),
.markdown.streaming-animation h4:where(:not(.not-markdown *)),
.markdown.streaming-animation h5:where(:not(.not-markdown *)),
.markdown.streaming-animation h6:where(:not(.not-markdown *)),
.markdown.streaming-animation li:where(:not(.not-markdown *)):not(:has(pre)) {
  width: fit-content;
}
.markdown pre:where(:not(.not-markdown *)) {
  margin-top: calc(var(--spacing) * 2);
}
.markdown pre:where(:not(.not-markdown *)):first-child {
  margin-top: calc(var(--spacing) * 0);
}
.markdown h1:where(:not(.not-markdown *)) {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: -0.04rem;
  letter-spacing: -0.04rem;
}
.markdown-new-styling :is(.markdown h1:where(:not(.not-markdown *))) {
  margin-bottom: calc(var(--spacing) * 2);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-tracking: var(--tracking-normal);
  letter-spacing: var(--tracking-normal);
}
.markdown h1:where(:not(.not-markdown *)):first-child {
  margin-top: calc(var(--spacing) * 0);
}
.markdown h2:where(:not(.not-markdown *)) {
  margin-top: calc(var(--spacing) * 8);
  margin-bottom: calc(var(--spacing) * 3);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.markdown-new-styling :is(.markdown h2:where(:not(.not-markdown *))) {
  margin-top: calc(var(--spacing) * 4);
  margin-bottom: calc(var(--spacing) * 1);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
.markdown h2:where(:not(.not-markdown *)):first-child {
  margin-top: calc(var(--spacing) * 0);
}
.markdown h3:where(:not(.not-markdown *)) {
  margin-top: calc(var(--spacing) * 6);
  margin-bottom: calc(var(--spacing) * 2);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.markdown-new-styling :is(.markdown h3:where(:not(.not-markdown *))) {
  margin-top: calc(var(--spacing) * 4);
  margin-bottom: calc(var(--spacing) * 1);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}
.markdown h3:where(:not(.not-markdown *)):first-child {
  margin-top: calc(var(--spacing) * 0);
}
.markdown h4:where(:not(.not-markdown *)) {
  margin-top: calc(var(--spacing) * 4);
  margin-bottom: calc(var(--spacing) * 2);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.markdown-new-styling :is(.markdown h4:where(:not(.not-markdown *))) {
  margin-bottom: calc(var(--spacing) * 0);
}
.markdown h4:where(:not(.not-markdown *)):first-child,
.markdown-new-styling :is(.markdown h4 + p:where(:not(.not-markdown *))) {
  margin-top: calc(var(--spacing) * 0);
}
.markdown h5:where(:not(.not-markdown *)) {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.markdown h5:where(:not(.not-markdown *)):first-child {
  margin-top: calc(var(--spacing) * 0);
}
.markdown blockquote:where(:not(.not-markdown *)) {
  margin: calc(var(--spacing) * 0);
  border-style: var(--tw-border-style);
  padding-block: calc(var(--spacing) * 2);
  --tw-leading: calc(var(--spacing) * 6);
  line-height: calc(var(--spacing) * 6);
  border-width: 0;
  padding-inline-start: calc(var(--spacing) * 6);
  position: relative;
}
.markdown-new-styling :is(.markdown blockquote:where(:not(.not-markdown *))) {
  margin-top: calc(var(--spacing) * 0);
  margin-bottom: calc(var(--spacing) * 2);
}
.markdown blockquote:where(:not(.not-markdown *)) > p {
  margin: calc(var(--spacing) * 0);
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}
.markdown blockquote:where(:not(.not-markdown *)) > p:before,
.markdown blockquote:where(:not(.not-markdown *)) > p:after {
  display: none;
}
.markdown blockquote:where(:not(.not-markdown *)):after {
  content: "";
  background-color: var(--border-medium);
  inset-inline-start: 0;
  border-radius: 2px;
  width: 4px;
  position: absolute;
  top: 0.5rem;
  bottom: 0.5rem;
}
.markdown p:where(:not(.not-markdown *)) {
  margin-bottom: 0.5rem;
}
.markdown-new-styling :is(.markdown p:where(:not(.not-markdown *))) {
  margin-block: calc(var(--spacing) * 1);
}
.markdown-new-styling
  :is(.markdown p:where(:not(.not-markdown *))):first-child {
  margin-top: calc(var(--spacing) * 0);
}
.markdown p:where(:not(.not-markdown *)):not(:first-child) {
  margin-top: 0.5rem;
}
.markdown-new-styling :is(.markdown p + p:where(:not(.not-markdown *))) {
  margin-block: calc(var(--spacing) * 4);
}
.markdown.markdown-new-styling > :last-child:where(:not(.not-markdown *)) {
  margin-bottom: calc(var(--spacing) * 1);
}
.markdown p + :where(ol, ul):where(:not(.not-markdown *)) {
  margin-top: 0;
}
.markdown :where(ol, ul) > li > :last-child:where(:not(.not-markdown *)) {
  margin-bottom: 0;
}
.markdown :where(ol, ul) > li > :first-child:where(:not(.not-markdown *)) {
  margin-top: 0;
  margin-bottom: 0;
}
.markdown
  :where(ul, ol):where(:not(.not-markdown *)):has(
    > li > p [data-rich-entity-image],
    > li > [data-rich-entity-image]
  ) {
  flex-direction: column;
  gap: 16px;
  padding-inline-start: 0;
  display: flex;
}
.markdown
  :where(ul, ol):where(:not(.not-markdown *)):has(
    > li > p [data-rich-entity-local],
    > li > [data-rich-entity-local]
  ) {
  gap: 0;
}
.markdown
  li:where(:not(.not-markdown *)):has(
    > p [data-rich-entity],
    > [data-rich-entity]
  ) {
  box-sizing: border-box;
  padding-top: 8px;
  padding-bottom: 0;
  align-items: flex-start;
  min-height: 80px;
  padding-inline-start: calc(60px + 1rem);
  display: flex;
  position: relative;
}
@media (min-width: 768px) {
  .markdown
    li:where(:not(.not-markdown *)):has(
      > p [data-rich-entity],
      > [data-rich-entity]
    ) {
    padding-bottom: 12px;
    min-height: 120px;
    padding-inline-start: calc(76px + 1rem);
  }
  .markdown
    li:where(:not(.not-markdown *)):has(
      > p [data-rich-entity-local],
      > [data-rich-entity-local]
    ) {
    min-height: 100px;
  }
}
.markdown
  li:where(:not(.not-markdown *)):has(
    > p [data-rich-entity],
    > [data-rich-entity]
  )::marker {
  content: "";
}
.markdown
  li:where(:not(.not-markdown *)):has(
    > p [data-rich-entity],
    > [data-rich-entity]
  )
  > * {
  flex: auto;
  min-width: 0;
}
.markdown
  li:where(:not(.not-markdown *)):has(
    > p [data-rich-entity],
    > [data-rich-entity]
  )
  [data-rich-entity-image] {
  float: none;
  clear: none;
  display: block;
  position: absolute;
  inset-block-start: 6px;
  inset-inline-start: 0;
}
.markdown [data-rich-entity-popular]:where(:not(.not-markdown *)) {
  display: none;
}
.markdown
  li:where(:not(.not-markdown *)):has(
    > p [data-rich-entity],
    > [data-rich-entity]
  )
  [data-rich-entity-popular] {
  letter-spacing: -0.08px;
  font-size: 13px;
  line-height: 18px;
  display: inline-flex;
  position: absolute;
  inset-inline-start: 0;
}
.markdown
  li:where(:not(.not-markdown *)):has(
    > p [data-rich-entity-image],
    > [data-rich-entity-image]
  )
  [data-rich-entity-popular] {
  justify-content: center;
  inline-size: 60px;
  inset-block-start: 66px;
}
@media (min-width: 768px) {
  .markdown
    li:where(:not(.not-markdown *)):has(
      > p [data-rich-entity-image],
      > [data-rich-entity-image]
    )
    [data-rich-entity-popular] {
    inline-size: 76px;
    inset-block-start: 86px;
  }
  .markdown
    li:where(:not(.not-markdown *)):has(
      > p [data-rich-entity],
      > [data-rich-entity]
    )
    [data-rich-entity-image] {
    inset-block-start: 8px;
  }
}
.markdown
  li:where(:not(.not-markdown *)):has(
    > p [data-rich-entity],
    > [data-rich-entity]
  )
  [data-rich-entity]:after {
  content: "";
  display: block;
}
.markdown [data-rich-entity-meta]:where(:not(.not-markdown *)) {
  display: none;
}
.markdown
  li:where(:not(.not-markdown *)):has(
    > p [data-rich-entity],
    > [data-rich-entity]
  )
  [data-rich-entity-meta] {
  display: inline;
}
.markdown table:where(:not(.not-markdown *)) {
  margin: calc(var(--spacing) * 0);
  border-collapse: separate;
  --tw-border-spacing-x: calc(var(--spacing) * 0);
  --tw-border-spacing-y: calc(var(--spacing) * 0);
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.markdown table:where(:not(.not-markdown *)) [data-col-size="sm"] {
  min-width: calc(var(--thread-content-max-width) * 4 / 24);
  max-width: calc(var(--thread-content-max-width) * 6 / 24);
}
.markdown table:where(:not(.not-markdown *)) [data-col-size="md"] {
  min-width: calc(var(--thread-content-max-width) * 6 / 24);
  max-width: calc(var(--thread-content-max-width) * 8 / 24);
}
.markdown table:where(:not(.not-markdown *)) [data-col-size="lg"] {
  min-width: calc(var(--thread-content-max-width) * 8 / 24);
  max-width: calc(var(--thread-content-max-width) * 12 / 24);
}
.markdown table:where(:not(.not-markdown *)) [data-col-size="xl"] {
  min-width: calc(var(--thread-content-max-width) * 14 / 24);
  max-width: calc(var(--thread-content-max-width) * 18 / 24);
}
.markdown th:where(:not(.not-markdown *)) {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--border-medium);
  padding-block: calc(var(--spacing) * 2);
  --tw-leading: calc(var(--spacing) * 4);
  line-height: calc(var(--spacing) * 4);
}
.markdown th:where(:not(.not-markdown *)):not(:last-child) {
  padding-inline-end: calc(var(--spacing) * 6);
}
.markdown tr:where(:not(.not-markdown *)):not(:last-child) td {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--border-light);
}
.markdown tr:where(:not(.not-markdown *)):last-child td {
  padding-bottom: calc(var(--spacing) * 6);
}
.markdown td:where(:not(.not-markdown *)) {
  padding-block: calc(var(--spacing) * 2.5);
}
.markdown td:where(:not(.not-markdown *)):not(:last-child) {
  padding-inline-end: calc(var(--spacing) * 6);
}
.markdown
  table:where(:not(.not-markdown *)):has(.product-table-sidebar-card)
  th:has(.product-table-sidebar-card) {
  min-width: 12rem;
}
@media (max-width: 767px) {
  .markdown
    table:where(:not(.not-markdown *)):has(.product-table-sidebar-card)
    th:not(:last-child),
  .markdown
    table:where(:not(.not-markdown *)):has(.product-table-sidebar-card)
    td:not(:last-child) {
    padding-inline-end: calc(var(--spacing) * 2);
  }
}
.markdown ul:where(:not(.not-markdown *)),
.markdown ol:where(:not(.not-markdown *)) {
  margin-bottom: calc(var(--spacing) * 4);
}
.markdown-new-styling
  :is(
    .markdown ul:where(:not(.not-markdown *)),
    .markdown ol:where(:not(.not-markdown *))
  ) {
  margin: calc(var(--spacing) * 0);
}
.markdown-new-styling
  :is(
    .markdown ul + h1:where(:not(.not-markdown *)),
    .markdown ul + h2:where(:not(.not-markdown *)),
    .markdown ul + h3:where(:not(.not-markdown *)),
    .markdown ul + h4:where(:not(.not-markdown *)),
    .markdown ul + h5:where(:not(.not-markdown *)),
    .markdown ul + h6:where(:not(.not-markdown *)),
    .markdown ol + h1:where(:not(.not-markdown *)),
    .markdown ol + h2:where(:not(.not-markdown *)),
    .markdown ol + h3:where(:not(.not-markdown *)),
    .markdown ol + h4:where(:not(.not-markdown *)),
    .markdown ol + h5:where(:not(.not-markdown *)),
    .markdown ol + h6:where(:not(.not-markdown *))
  ) {
  margin-top: calc(var(--spacing) * 4);
}
.markdown-new-styling
  :is(
    .markdown ul li:where(:not(.not-markdown *)),
    .markdown ol li:where(:not(.not-markdown *))
  ) {
  margin-block: calc(var(--spacing) * 0);
}
.markdown li:where(:not(.not-markdown *))::marker {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: currentColor;
}
.markdown-new-styling :is() {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.markdown a:where(:not(.not-markdown *)) {
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--link);
  text-decoration-line: none;
}
@media (hover: hover) {
  .markdown a:where(:not(.not-markdown *)):hover {
    color: var(--link-hover);
  }
}
.markdown a.decorated-link:where(:not(.not-markdown *)) {
  vertical-align: baseline;
  text-decoration-line: underline;
  -webkit-text-decoration-color: var(--text-tertiary);
  -webkit-text-decoration-color: var(--text-tertiary);
  -webkit-text-decoration-color: var(--text-tertiary);
  -webkit-text-decoration-color: var(--text-tertiary);
  text-decoration-color: var(--text-tertiary);
  text-underline-offset: 2px;
  text-decoration-style: dotted;
  text-decoration-thickness: 1px;
  display: inline;
}
@media (hover: hover) {
  .markdown a.decorated-link:where(:not(.not-markdown *)):hover {
    -webkit-text-decoration-color: inherit;
    -webkit-text-decoration-color: inherit;
    -webkit-text-decoration-color: inherit;
    -webkit-text-decoration-color: inherit;
    text-decoration-color: inherit;
  }
}
.markdown a.decorated-link:where(:not(.not-markdown *)) {
  -webkit-text-decoration-skip-ink: auto;
  text-decoration-skip-ink: auto;
  text-underline-position: from-font;
  cursor: pointer;
  color: inherit;
}
@media (hover: hover) {
  .markdown a.decorated-link:where(:not(.not-markdown *)):hover {
    color: var(--theme-entity-accent);
  }
}
.markdown-new-styling :is(.markdown strong:where(:not(.not-markdown *))) {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.gizmo .markdown > :not(pre):where(:not(.not-markdown *)),
.gizmo
  .markdown
  > :not(pre):where(:not(.not-markdown *))
  > :not(a):where(:not(.not-markdown *)) {
  color: var(--text-primary);
}
.markdown .float-image + p:where(:not(.not-markdown *)),
.markdown-new-styling :is(.markdown hr + :where(:not(.not-markdown *))) {
  margin-top: calc(var(--spacing) * 0);
}
.markdown hr:where(:not(.not-markdown *)) {
  margin-block: calc(var(--spacing) * 10);
  border-color: var(--border-light);
  clear: both;
}
.markdown-new-styling :is(.markdown hr:where(:not(.not-markdown *))) {
  margin-block: calc(var(--spacing) * 7);
  border-color: var(--border-medium);
}
a.business-rating-anchor {
  color: inherit;
}
.business-rating-anchor .business-rating-value {
  text-decoration: none;
}
.business-rating-anchor:hover .business-rating-value,
.business-rating-anchor:focus-visible .business-rating-value {
  vertical-align: baseline;
  text-decoration-line: underline;
  -webkit-text-decoration-color: var(--text-tertiary);
  -webkit-text-decoration-color: var(--text-tertiary);
  -webkit-text-decoration-color: var(--text-tertiary);
  -webkit-text-decoration-color: var(--text-tertiary);
  text-decoration-color: var(--text-tertiary);
  text-underline-offset: 2px;
  text-decoration-style: dotted;
  text-decoration-thickness: 1px;
  display: inline;
}
@media (hover: hover) {
  :is(
    .business-rating-anchor:hover .business-rating-value,
    .business-rating-anchor:focus-visible .business-rating-value
  ):hover {
    -webkit-text-decoration-color: inherit;
    -webkit-text-decoration-color: inherit;
    -webkit-text-decoration-color: inherit;
    -webkit-text-decoration-color: inherit;
    text-decoration-color: inherit;
  }
}
.business-rating-anchor:hover .business-rating-value,
.business-rating-anchor:focus-visible .business-rating-value {
  -webkit-text-decoration-skip-ink: auto;
  text-decoration-skip-ink: auto;
  text-underline-position: from-font;
}
.deep-research-result p {
  vertical-align: top;
  width: 100%;
  display: inline-block;
}
@keyframes blink {
  to {
    visibility: hidden;
  }
}
@keyframes show {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.result-streaming > :not(ol, ul, pre, div):last-child:after,
.result-streaming > pre:last-child code:after {
  content: "●";
  vertical-align: baseline;
  font-family: Circle, system-ui, sans-serif;
  line-height: normal;
}
.result-streaming.no-flow > :not(ol, ul, pre):last-child:after,
.result-streaming.no-flow > pre:last-child code:after {
  margin-top: 0.25rem;
  position: absolute;
}
.pulse > :not(ol, ul, pre, div):last-child:after,
.pulse > pre:last-child code:after {
  content: "●";
  transform-origin: 50%;
  backface-visibility: hidden;
  will-change: transform;
  -webkit-font-smoothing: subpixel-antialiased;
  border-radius: 50%;
  padding-inline-start: 0.1em;
  animation: 1.25s ease-in-out infinite pulseSize;
  display: inline-block;
  transform: translateZ(0);
}
.result-thinking p:last-child:after {
  content: " ";
  background-color: var(--text-primary);
  box-sizing: border-box;
  transform-origin: 50%;
  backface-visibility: hidden;
  will-change: transform;
  -webkit-font-smoothing: subpixel-antialiased;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  animation: 1.25s ease-in-out infinite pulseSize;
  display: block;
  position: absolute;
  top: 11px;
  transform: translateZ(0);
}
:root {
  --sharp-edge-top-shadow: 0 1px 0 var(--border-sharp);
  --sharp-edge-top-shadow-placeholder: 0 1px 0 transparent;
  --sharp-edge-bottom-shadow: 0 -1px 0 var(--border-sharp);
  --sharp-edge-bottom-shadow-placeholder: 0 -1px 0 transparent;
}
@keyframes add-top-shadow {
  0% {
    box-shadow: var(--sharp-edge-top-shadow-placeholder);
  }
  .1%,
  to {
    box-shadow: var(--sharp-edge-top-shadow);
  }
}
@keyframes add-bottom-shadow {
  0%,
  99.9% {
    box-shadow: var(--sharp-edge-bottom-shadow);
  }
  to {
    box-shadow: var(--sharp-edge-bottom-shadow-placeholder);
  }
}
.sharp-edge-on-scroll-start {
  box-shadow: 0 1px #0000;
}
@supports (animation-timeline: --agi) {
  .sharp-edge-on-scroll-start {
    animation: 1ms linear both add-top-shadow;
    animation-range: 0 1px;
  }
}
.sharp-edge-on-scroll-end {
  box-shadow: 0 -1px #0000;
}
.sharp-edge-on-scroll-start,
.sharp-edge-on-scroll-end,
.sharp-edge-on-scroll-start {
  animation-timeline: scroll();
}
@keyframes shimmer-skeleton {
  0% {
    background-position: 100%;
  }
  to {
    background-position: 0%;
  }
}
@supports selector(:has(*)) {
  .result-streaming:not(.streaming-animation)
    > :is(ul, ol):last-child
    > li:last-child
    > :is(ul, ol):last-child
    > li:last-child:after,
  .result-streaming:not(.streaming-animation)
    > :is(ul, ol):last-child
    > li:last-child
    > :is(ul, ol):last-child
    > li:last-child
    > :is(ul, ol):last-child
    > li:last-child:after,
  .result-streaming:not(.streaming-animation)
    > :is(ul, ol):last-child
    > li:last-child:not(:has(* > li)):after {
    content: "●";
    vertical-align: baseline;
    margin-inline-start: 0.25rem;
    font-family: Circle, system-ui, sans-serif;
    line-height: normal;
  }
}
@supports not selector(:has(*)) {
  .result-streaming > ol:last-child > li:last-child:after,
  .result-streaming > ul:last-child > li:last-child:after {
    content: "●";
    vertical-align: baseline;
    margin-inline-start: 0.25rem;
    font-family: Circle, system-ui, sans-serif;
    line-height: normal;
  }
}
.result-streaming .katex-error {
  display: none;
}
@keyframes pulse-dot {
  0% {
    opacity: 0.1;
    scale: 0.7;
  }
  50% {
    transform: scale(var(--pulse-scale, 1.3));
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: scale(0.7);
  }
}
@keyframes float-sidebar-in {
  0% {
    opacity: 0;
    translate: -60%;
  }
  70% {
    opacity: 1;
  }
  to {
    translate: 0;
  }
}
@keyframes float-sidebar-out {
  0% {
    translate: 0;
  }
  30% {
    opacity: 1;
  }
  to {
    opacity: 0;
    translate: -60%;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .pulsing-dot {
    opacity: 0;
    animation: pulse-dot 1.6s 1 var(--spring-slow-bounce) forwards;
    animation-delay: 0.3s;
  }
}
@keyframes pulseSize {
  0%,
  to {
    transform: scale(1);
  }
  50% {
    transform: scale(1.25);
  }
}
@keyframes toast-open {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes toast-close {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.toast-root {
  flex-direction: column;
  align-items: center;
  height: 0;
  transition: all 0.24s cubic-bezier(0, 0, 0.2, 1);
  display: flex;
}
.toast-root[data-state="entering"] {
  animation: 0.24s cubic-bezier(0.175, 0.885, 0.32, 1) both toast-open;
}
.toast-root[data-state="exiting"] {
  animation: 0.12s cubic-bezier(0.4, 0, 1, 1) both toast-close;
}
.toast-root .alert-root {
  pointer-events: all;
  flex-shrink: 0;
  box-shadow:
    0 0 1px #435a6f4d,
    0 5px 8px -4px #435a6f4d;
}
.title {
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-family:
    ui-sans-serif,
    system-ui,
    Segoe UI,
    Roboto,
    Helvetica Neue,
    Arial,
    sans-serif,
    Apple Color Emoji,
    Segoe UI Emoji,
    Segoe UI Symbol,
    Noto Color Emoji;
}
.images-app {
  --images-app-active: 1;
}
@media not all and (min-width: 48rem) {
  .images-app [data-scroll-root] {
    margin-top: calc(var(--header-height) * -1);
    -webkit-mask-image: linear-gradient(
      to bottom,
      transparent 0px,
      transparent var(--header-height),
      black var(--header-height)
    );
    -webkit-mask-image: linear-gradient(
      to bottom,
      transparent 0px,
      transparent var(--header-height),
      black var(--header-height)
    );
    -webkit-mask-image: linear-gradient(
      to bottom,
      transparent 0px,
      transparent var(--header-height),
      black var(--header-height)
    );
    -webkit-mask-image: linear-gradient(
      to bottom,
      transparent 0px,
      transparent var(--header-height),
      black var(--header-height)
    );
    mask-image: linear-gradient(
      to bottom,
      transparent 0px,
      transparent var(--header-height),
      black var(--header-height)
    );
    -webkit-mask-clip: content-box;
    mask-clip: content-box;
  }
}
.images-app.no-auth #page-header {
  width: 100%;
  box-shadow: var(--sharp-edge-top-shadow-placeholder);
}
.images-app.no-auth [data-scroll-root] {
  margin-top: calc(var(--header-height) * -1);
  -webkit-mask-image: linear-gradient(
    to bottom,
    transparent 0px,
    transparent var(--header-height),
    black var(--header-height)
  );
  -webkit-mask-image: linear-gradient(
    to bottom,
    transparent 0px,
    transparent var(--header-height),
    black var(--header-height)
  );
  -webkit-mask-image: linear-gradient(
    to bottom,
    transparent 0px,
    transparent var(--header-height),
    black var(--header-height)
  );
  -webkit-mask-image: linear-gradient(
    to bottom,
    transparent 0px,
    transparent var(--header-height),
    black var(--header-height)
  );
  mask-image: linear-gradient(
    to bottom,
    transparent 0px,
    transparent var(--header-height),
    black var(--header-height)
  );
  -webkit-mask-clip: content-box;
  mask-clip: content-box;
}
.images-app.no-auth.scrolled-from-start #page-header {
  width: 100%;
  box-shadow: var(--sharp-edge-top-shadow);
}
.icon-shimmer {
  background-repeat: no-repeat;
  animation: 5s cubic-bezier(0.2, 0.44, 0.38, 1.02) infinite icon-shimmer;
  -webkit-mask: linear-gradient(
      80deg,
      currentColor 30%,
      #0005,
      currentColor 70%
    )
    100%/300% 100%;
  mask: linear-gradient(80deg, currentColor 30%, #0005, currentColor 70%)
    100%/300% 100%;
}
@keyframes icon-shimmer {
  0% {
    -webkit-mask-position: 100%;
    mask-position: 100%;
  }
  20% {
    -webkit-mask-position: 0;
    mask-position: 0;
  }
  to {
    -webkit-mask-position: 0;
    mask-position: 0;
  }
}
@keyframes loading-results-shimmer {
  0% {
    background-position: -1000px 0;
  }
  to {
    background-position: 1000px 0;
  }
}
@keyframes scalePulse {
  0%,
  to {
    filter: blur();
    transform: scale(1);
  }
  50% {
    filter: blur(8px);
    transform: scale(1.1);
  }
}
.bg-scale-pulse {
  transform-origin: 50%;
  animation: 3.5s ease-in-out infinite scalePulse;
}
@keyframes diagonalSweep {
  0% {
    transform: translate(-100%, -100%);
  }
  to {
    transform: translate(100%, 100%);
  }
}
.diagonal-sweep-gradient {
  background-image: linear-gradient(135deg, #fff0 46%, #fff3 50%, #fff0 54%);
  animation: 4s ease-out infinite diagonalSweep;
}
@media (prefers-reduced-motion: reduce) {
  .diagonal-sweep-gradient {
    animation: none;
  }
}
.loading-results-shimmer {
  background: var(--main-surface-secondary)
    gradient(
      linear,
      100% 0,
      0 0,
      from(var(--main-surface-secondary)),
      color-stop(0.5, var(--main-surface-tertiary)),
      to(var(--main-surface-secondary))
    );
  background: var(--main-surface-secondary) -webkit-gradient(
      linear,
      100% 0,
      0 0,
      from(var(--main-surface-secondary)),
      color-stop(0.5, var(--main-surface-tertiary)),
      to(var(--main-surface-secondary))
    );
  background-size: 1000px 100%;
  animation: 3s linear infinite loading-results-shimmer;
}
@media (prefers-reduced-motion: reduce) {
  .loading-results-shimmer {
    animation: none;
  }
}
:root {
  --cot-shimmer-duration: 2s;
}
.hint-pill {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--hint-text);
}
.ecosystem-mention {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
@keyframes loading-shimmer {
  0% {
    background-position: -100% 0;
    background-position: var(--is-ltr, -100%) var(--is-rtl, 200%) top;
  }
  to {
    background-position: 250% 0;
    background-position: var(--is-ltr, 250%) var(--is-rtl, -150%) top;
  }
}
@keyframes rotateShine {
  0% {
    opacity: 0;
    transform: rotate(var(--feh-border-glow-start-rotation, 0deg))
      translate(-50%, -50%);
  }
  68% {
    opacity: 0;
    transform: rotate(var(--feh-border-glow-start-rotation, 0deg))
      translate(-50%, -50%);
  }
  72% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: rotate(
        calc(var(--feh-border-glow-start-rotation, 0deg) + 360deg)
      )
      translate(-50%, -50%);
  }
}
@keyframes rotateShineContinuous {
  0% {
    opacity: 1;
    transform: rotate(var(--feh-border-glow-start-rotation, 0deg))
      translate(-50%, -50%);
  }
  to {
    opacity: 1;
    transform: rotate(
        calc(var(--feh-border-glow-start-rotation, 0deg) + 360deg)
      )
      translate(-50%, -50%);
  }
}
@keyframes upgrade-button-gleam {
  0% {
    opacity: 0;
    transform: translate(-150%) skew(-18deg);
  }
  68% {
    opacity: 0;
    transform: translate(-150%) skew(-18deg);
  }
  72% {
    opacity: 0.6;
  }
  to {
    opacity: 0;
    transform: translate(150%) skew(-18deg);
  }
}
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.gizmo-bot-avatar {
  outline: solid 1px var(--main-surface-tertiary);
}
div[data-radix-popper-content-wrapper]:has(> div[data-side="right"]) {
  left: min(
    0px,
    var(--radix-popper-available-width) +
      (-1 * var(--radix-popper-anchor-width))
  ) !important;
}
div[data-radix-popper-content-wrapper]:has(> div[data-side="left"]) {
  left: max(
    0px,
    (
      -1 * var(--radix-popper-available-width) +
        var(--radix-popper-anchor-width) + 40px
    )
  ) !important;
}
@media not all and (min-width: 342px) {
  :where(
    div[data-radix-popper-content-wrapper]:has(> div[data-side])
      [data-radix-collection-item]:not([data-fill])
  ) {
    max-width: 85dvw;
  }
}
#sidebar-summarizer p:not(:first-child) {
  margin-top: 0;
}
@font-face {
  font-family: KaTeX_AMS;
  font-style: normal;
  font-weight: 400;
  src: url(/cdn/assets/KaTeX_AMS-Regular-e1why8ff.woff2) format("woff2");
}
@font-face {
  font-family: KaTeX_Caligraphic;
  font-style: normal;
  font-weight: 700;
  src: url(/cdn/assets/KaTeX_Caligraphic-Bold-n63xiolk.woff2) format("woff2");
}
@font-face {
  font-family: KaTeX_Caligraphic;
  font-style: normal;
  font-weight: 400;
  src: url(/cdn/assets/KaTeX_Caligraphic-Regular-npwmqylf.woff2) format("woff2");
}
@font-face {
  font-family: KaTeX_Fraktur;
  font-style: normal;
  font-weight: 700;
  src: url(/cdn/assets/KaTeX_Fraktur-Bold-ikhebgtj.woff2) format("woff2");
}
@font-face {
  font-family: KaTeX_Fraktur;
  font-style: normal;
  font-weight: 400;
  src: url(/cdn/assets/KaTeX_Fraktur-Regular-i0egury6.woff2) format("woff2");
}
@font-face {
  font-family: KaTeX_Main;
  font-style: normal;
  font-weight: 700;
  src: url(/cdn/assets/KaTeX_Main-Bold-ktk38ybk.woff2) format("woff2");
}
@font-face {
  font-family: KaTeX_Main;
  font-style: italic;
  font-weight: 700;
  src: url(/cdn/assets/KaTeX_Main-BoldItalic-oj033t4i.woff2) format("woff2");
}
@font-face {
  font-family: KaTeX_Main;
  font-style: italic;
  font-weight: 400;
  src: url(/cdn/assets/KaTeX_Main-Italic-2p4bq1jf.woff2) format("woff2");
}
@font-face {
  font-family: KaTeX_Main;
  font-style: normal;
  font-weight: 400;
  src: url(/cdn/assets/KaTeX_Main-Regular-hbkzldb8.woff2) format("woff2");
}
@font-face {
  font-family: KaTeX_Math;
  font-style: italic;
  font-weight: 700;
  src: url(/cdn/assets/KaTeX_Math-BoldItalic-jdo1yxu8.woff2) format("woff2");
}
@font-face {
  font-family: KaTeX_Math;
  font-style: italic;
  font-weight: 400;
  src: url(/cdn/assets/KaTeX_Math-Italic-cz4b2ure.woff2) format("woff2");
}
@font-face {
  font-family: KaTeX_SansSerif;
  font-style: normal;
  font-weight: 700;
  src: url(/cdn/assets/KaTeX_SansSerif-Bold-otxc8itm.woff2) format("woff2");
}
@font-face {
  font-family: KaTeX_SansSerif;
  font-style: italic;
  font-weight: 400;
  src: url(/cdn/assets/KaTeX_SansSerif-Italic-k4kksncm.woff2) format("woff2");
}
@font-face {
  font-family: KaTeX_SansSerif;
  font-style: normal;
  font-weight: 400;
  src: url(/cdn/assets/KaTeX_SansSerif-Regular-ltw53ck4.woff2) format("woff2");
}
@font-face {
  font-family: KaTeX_Script;
  font-style: normal;
  font-weight: 400;
  src: url(/cdn/assets/KaTeX_Script-Regular-oybd33cp.woff2) format("woff2");
}
@font-face {
  font-family: KaTeX_Size1;
  font-style: normal;
  font-weight: 400;
  src: url(/cdn/assets/KaTeX_Size1-Regular-cjccv44r.woff2) format("woff2");
}
@font-face {
  font-family: KaTeX_Size2;
  font-style: normal;
  font-weight: 400;
  src: url(/cdn/assets/KaTeX_Size2-Regular-onxq3bzc.woff2) format("woff2");
}
@font-face {
  font-family: KaTeX_Size3;
  font-style: normal;
  font-weight: 400;
  src: url(data:font/woff2;base64,d09GMgABAAAAAA4oAA4AAAAAHbQAAA3TAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgRQIDgmcDBEICo1oijYBNgIkA14LMgAEIAWJAAeBHAyBHBvbGiMRdnO0IkRRkiYDgr9KsJ1NUAf2kILNxgUmgqIgq1P89vcbIcmsQbRps3vCcXdYOKSWEPEKgZgQkprQQsxIXUgq0DqpGKmIvrgkeVGtEQD9DzAO29fM9jYhxZEsL2FeURH2JN4MIcTdO049NCVdxQ/w9NrSYFEBKTDKpLKfNkCGDc1RwjZLQcm3vqJ2UW9Xfa3tgAHz6ivp6vgC2yD4/6352ndnN0X0TL7seypkjZlMsjmZnf0Mm5Q+JykRWQBKCVCVPbARPXWyQtb5VgLB6Biq7/Uixcj2WGqdI8tGSgkuRG+t910GKP2D7AQH0DB9FMDW/obJZ8giFI3Wg8Cvevz0M+5m0rTh7XDBlvo9Y4vm13EXmfttwI4mBo1EG15fxJhUiCLbiiyCf/ZA6MFAhg3pGIZGdGIVjtPn6UcMk9A/UUr9PhoNsCENw1APAq0gpH73e+M+0ueyHbabc3vkbcdtzcf/fiy+NxQEjf9ud/ELBHAXJ0nk4z+MXH2Ev/kWyV4k7SkvpPc9Qr38F6RPWnM9cN6DJ0AdD1BhtgABtmoRoFCvPsBAumNm6soZG2Gk5GyVTo2sJncSyp0jQTYoR6WDvTwaaEcHsxHfvuWhHA3a6bN7twRKtcGok6NsCi7jYRrM2jExsUFMxMQYuJbMhuWNOumEJy9hi29Dmg5zMp/A5+hhPG19j1vBrq8JTLr8ki5VLPmG/PynJHVul440bxg5xuymHUFPBshC+nA9I1FmwbRBTNHAcik3Oae0cxKoI3MOriM42UrPe51nsaGxJ+WfXubAsP84aabUlQSJ1IiE0iPETLUU4CATgfXSCSpuRFRmCGbO+wSpAnzaeaCYW1VNEysRtuXCEL1kUFUbbtMv3Tilt/1c11jt3Q5bbMa84cpWipp8Elw3MZhOHsOlwwVUQM3lAR35JiFQbaYCRnMF2lxAWoOg2gyoIV4PouX8HytNIfLhqpJtXB4vjiViUI8IJ7bkC4ikkQvKksnOTKICwnqWSZ9YS5f0WCxmpgjbIq7EJcM4aI2nmhLNY2JIUgOjXZFWBHb+x5oh6cwb0Tv1ackHdKi0I9OO2wE9aogIOn540CCCziyhN+IaejtgAONKznHlHyutPrHGwCx9S6B8kfS4Mfi4Eyv7OU730bT1SCBjt834cXsf43zVjPUqqJjgrjeGnBxSG4aYAKFuVbeCfkDIjAqMb6yLNIbCuvXhMH2/+k2vkNpkORhR59N1CkzoOENvneIosjYmuTxlhUzaGEJQ/iWqx4dmwpmKjrwTiTGTCVozNAYqk/zXOndWxuWSmJkQpJw3pK5KX6QrLt5LATMqpmPAQhkhK6PUjzHUn7E0gHE0kPE0iKkolgkUx9SZmVAdDgpffdyJKg3k7VmzYGCwVXGz/tXmkOIp+vcWs+EMuhhvN0h9uhfzWJziBQmCREGSIFmQIkgVpAnSBRmC//6hkLZwaVhwxlrJSOdqlFtOYxlau9F2QN5Y98xmIAsiM1HVp2VFX+DHHGg6Ecjh3vmqtidX3qHI2qycTk/iwxSt5UzTmEP92ZBnEWTk4Mx8Mpl78ZDokxg/KWb+Q0QkvdKVmq3TMW+RXEgrsziSAfNXFMhDc60N5N9jQzjfO0kBKpUZl0ZmwJ41j/B9Hz6wmRaJB84niNmQrzp9eSlQCDDzazGDdVi3P36VZQ+Jy4f9UBNp+3zTjqI4abaFAm+GShVaXlsGdF3FYzZcDI6cori4kMxUECl9IjJZpzkvitAoxKue+90pDMvcKRxLl53TmOKCmV/xRolNKSqqUxc6LStOETmFOiLZZptlZepcKiAzteG8PEdpnQpbOMNcMsR4RR2Bs0cKFEvSmIjAFcnarqwUL4lDhHmnVkwu1IwshbiCcgvOheZuYyOteufZZwlcTlLgnZ3o/WcYdzZHW/WGaqaVfmTZ1aWCceJjkbZqsfbkOtcFlUZM/jy+hXHDbaUobWqqXaeWobbLO99yG5N3U4wxco0rQGGcOLASFMXeJoham8M+/x6O2WywK2l4HGbq1CoUyC/IZikQhdq3SiuNrvAEj0AVu9x2x3lp/xWzahaxidezFVtdcb5uEnzyl0ZmYiuKI0exvCd4Xc9CV1KB0db00z92wDPde0kukbvZIWN6jUWFTmPIC/Y4UPCm8UfDTFZpZNon1qLFTkBhxzB+FjQRA2Q/YRJT8pQigslMaUpFyAG8TMlXigiqmAZX4xgijKjRlGpLE0GdplRfCaJo0JQaSxNBk6ZmMzcya0FmrcisDdn0Q3HI2sWSppYigmlM1XT/kLQZSNpMJG0WkjYbSZuDpM1F0uYhFc1HxU4m1QJjDK6iL0S5uSj5rgXc3RejEigtcRBtqYPQsiTskmO5vosV+q4VGIKbOkDg0jtRrq+Em1YloaTFar3EGr1EUC8R0kus1Uus00usL97ABr2BjXoDm/QGNhuWtMVBKOwg/i78lT7hBsAvDmwHc/ao3vmUbBmhjeYySZNWvGkfZAgISDSaDo1SVpzGDsAEkF8B+gEapViUoZgUWXcRIGFZNm6gWbAKk0bp0k1MHG9fLYtV4iS2SmLEQFARzRcnf9PUS0LVn05/J9MiRRBU3v2IrvW974v4N00L7ZMk0wXP1409CHo/an8zTRHD3eSJ6m8D4YMkZNl3M79sqeuAsr/m3f+8/yl7A50aiAEJgeBeMWzu7ui9UfUBCe2TIqZIoOd/3/udRBOQidQZUERzb2/VwZN1H/Sju82ew2H2Wfr6qvfVf3hqwDvAIpkQVFy4B9Pe9e4/XvPeceu7h3dvO56iJPf0+A6cqA2ip18ER+iFgggiuOkvj24bby0N9j2UHIkgqIt+sVgfodC4YghLSMjSZbH0VR/6dMDrYJeKHilKTemt6v6kvzvn3/RrdWtr0GoN/xL+Sex/cPYLUpepx9cz/D46UPU5KXgAQa+NDps1v6J3xP1i2HtaDB0M9aX2deA7SYff//+gUCovMmIK/qfsFcOk+4Y5ZN97XlG6zebqtMbKgeRFi51vnxTQYBUik2rS/Cn6PC8ADR8FGxsRPB82dzfND90gIcshOcYUkfjherBz53odpm6TP8txlwOZ71xmfHHOvq053qFF/MRlS3jP0ELudrf2OeN8DHvp6ZceLe8qKYvWz/7yp0u4dKPfli3CYq0O13Ih71mylJ80tOi10On8wi+F4+LWgDPeJ30msSQt9/vkmHq9/Lvo2b461mP801v3W4xTcs6CbvF9UDdrSt+A8OUbpSh55qAUFXWznBBfdeJ8a4d7ugT5tvxUza3h9m4H7ptTqiG4z0g5dc0X29OcGlhpGFMpQo9ytTS+NViZpNdvU4kWx+LKxNY10kQ1yqGXrhe4/1nvP7E+nd5A92TtaRplbHSqoIdOqtRWti+fkB5/n1+/VvCmz12pG1kpQWsfi1ftlBobm0bpngs16CHkbIwdLnParxtTV3QYRlfJ0KFskH7pdN/YDn+yRuSd7sNH3aO0DYPggk6uWuXrfOc+fa3VTxFVvKaNxHsiHmsXyCLIE5yuOeN3/Jdf8HBL/5M6shjyhxHx9BjB1O0+4NLOnjLLSxwO7ukN4jMbOIcD879KLSi6Pk61Oqm2377n8079PXEEQ7cy7OKEC9nbpet118fxweTafpt69x/Bt8UqGzNQt7aelpc44dn5cqhwf71+qKp/Zf/+a0zcizOUWpl/iBcSXip0pplkatCchoH5c5aUM8I7/dWxAej8WicPL1URFZ9BDJelUwEwTkGqUhgSlydVes95YdXvhh9Gfz/aeFWvgVb4tuLbcv4+wLdutVZv/cUonwBD/6eDlE0aSiKK/uoH3+J1wDE/jMVqY2ysGufN84oIXB0sPzy8ollX/LegY74DgJXJR57sn+VGza0x3DnuIgABFM15LmajjjsNlYj+JEZGbuRYcAMOWxFkPN2w6Wd46xo4gVWQR/X4lyI/R6K/YK0110GzudPRW7Y+UOBGTfNNzHeYT0fiH0taunBpq9HEW8OKSaBGj21L0MqenEmNRWBAWDWAk4CpNoEZJ2tTaPFgbQYj8HxtFilErs3BTRwT8uO1NXQaWfIotchmPkAF5mMBAliEmZiOGVgCG9LgRzpscMAOOwowlT3JhusdazXGSC/hxR3UlmWVwWHpOIKheqONvjyhSiTHIkVUco5bnji8m//zL7PKaT1Vl5I6UE609f+gkr6MZKVyKc7zJRmCahLsdlyA5fdQkRSan9LgnnLEyGSkaKJCJog0wAgvepWBt80+1yKln1bMVtCljfNWDueKLsWwaEbBSfSPTEmVRsUcYYMnEjcjeyCZzBXK9E9BYBXLKjOSpUDR+nEV3TFSUdQaz+ot98QxgXwx0GQ+EEUAKB2qZPkQQ0GqFD8UPFMqyaCHM24BZmSGic9EYMagKizOw9Hz50DMrDLrqqLkTAhplMictiCAx5S3BIUQdeJeLnBy2CNtMfz6cV4u8XKoFZQesbf9YZiIERiHjaNodDW6LgcirX/mPnJIkBGDUpTBhSa0EIr38D5hCIszhCM8URGBqImoWjpvpt1ebu/v3Gl3qJfMnNM+9V+kiRFyROTPHQWOcs1dNW94/ukKMPZBvDi55i5CttdeJz84DLngLqjcdwEZ87bFFR8CIG35OAkDVN6VRDZ7aq67NteYqZ2lpT8oYB2CytoBd6VuAx4WgiAsnuj3WohG+LugzXiQRDeM3XYXlULv4dp5VFYC)
    format("woff2");
}
@font-face {
  font-family: KaTeX_Size4;
  font-style: normal;
  font-weight: 400;
  src: url(/cdn/assets/KaTeX_Size4-Regular-nv9nppzf.woff2) format("woff2");
}
@font-face {
  font-family: KaTeX_Typewriter;
  font-style: normal;
  font-weight: 400;
  src: url(/cdn/assets/KaTeX_Typewriter-Regular-iqvr3vwu.woff2) format("woff2");
}
.katex {
  text-rendering: auto;
  text-indent: 0;
  direction: ltr;
  unicode-bidi: isolate;
  font:
    1.21em/1.2 KaTeX_Main,
    Times New Roman,
    serif;
}
.katex * {
  border-color: currentColor;
  -ms-high-contrast-adjust: none !important;
}
.katex .katex-version:after {
  content: "0.16.0";
}
.katex .katex-mathml {
  clip: rect(1px, 1px, 1px, 1px);
  border: 0;
  width: 1px;
  height: 1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}
.katex .katex-html > .newline {
  display: block;
}
.katex .base {
  white-space: nowrap;
  width: min-content;
  position: relative;
}
.katex .base,
.katex .strut {
  display: inline-block;
}
.katex .textbf {
  font-weight: 700;
}
.katex .textit {
  font-style: italic;
}
.katex .textrm {
  font-family: KaTeX_Main;
}
.katex .textsf {
  font-family: KaTeX_SansSerif;
}
.katex .texttt {
  font-family: KaTeX_Typewriter;
}
.katex .mathnormal {
  font-family: KaTeX_Math;
  font-style: italic;
}
.katex .mathit {
  font-family: KaTeX_Main;
  font-style: italic;
}
.katex .mathrm {
  font-style: normal;
}
.katex .mathbf {
  font-family: KaTeX_Main;
  font-weight: 700;
}
.katex .boldsymbol {
  font-family: KaTeX_Math;
  font-style: italic;
  font-weight: 700;
}
.katex .amsrm,
.katex .mathbb,
.katex .textbb {
  font-family: KaTeX_AMS;
}
.katex .mathcal {
  font-family: KaTeX_Caligraphic;
}
.katex .mathfrak,
.katex .textfrak {
  font-family: KaTeX_Fraktur;
}
.katex .mathtt {
  font-family: KaTeX_Typewriter;
}
.katex .mathscr,
.katex .textscr {
  font-family: KaTeX_Script;
}
.katex .mathsf,
.katex .textsf {
  font-family: KaTeX_SansSerif;
}
.katex .mathboldsf,
.katex .textboldsf {
  font-family: KaTeX_SansSerif;
  font-weight: 700;
}
.katex .mathitsf,
.katex .textitsf {
  font-family: KaTeX_SansSerif;
  font-style: italic;
}
.katex .mainrm {
  font-family: KaTeX_Main;
  font-style: normal;
}
.katex .vlist-t {
  border-collapse: collapse;
  table-layout: fixed;
  display: inline-table;
}
.katex .vlist-r {
  display: table-row;
}
.katex .vlist {
  vertical-align: bottom;
  display: table-cell;
  position: relative;
}
.katex .vlist > span {
  height: 0;
  display: block;
  position: relative;
}
.katex .vlist > span > span {
  display: inline-block;
}
.katex .vlist > span > .pstrut {
  width: 0;
  overflow: hidden;
}
.katex .vlist-t2 {
  margin-right: -2px;
}
.katex .vlist-s {
  vertical-align: bottom;
  width: 2px;
  min-width: 2px;
  font-size: 1px;
  display: table-cell;
}
.katex .vbox {
  flex-direction: column;
  align-items: baseline;
  display: inline-flex;
}
.katex .hbox {
  width: 100%;
}
.katex .hbox,
.katex .thinbox {
  flex-direction: row;
  display: inline-flex;
}
.katex .thinbox {
  width: 0;
  max-width: 0;
}
.katex .msupsub {
  text-align: left;
}
.katex .mfrac > span > span {
  text-align: center;
}
.katex .mfrac .frac-line {
  border-bottom-style: solid;
  width: 100%;
  display: inline-block;
}
.katex .hdashline,
.katex .hline,
.katex .mfrac .frac-line,
.katex .overline .overline-line,
.katex .rule,
.katex .underline .underline-line {
  min-height: 1px;
}
.katex .mspace {
  display: inline-block;
}
.katex .clap,
.katex .llap,
.katex .rlap {
  width: 0;
  position: relative;
}
.katex .clap > .inner,
.katex .llap > .inner,
.katex .rlap > .inner {
  position: absolute;
}
.katex .clap > .fix,
.katex .llap > .fix,
.katex .rlap > .fix {
  display: inline-block;
}
.katex .llap > .inner {
  right: 0;
}
.katex .clap > .inner,
.katex .rlap > .inner {
  left: 0;
}
.katex .clap > .inner > span {
  margin-left: -50%;
  margin-right: 50%;
}
.katex .rule {
  border: 0 solid;
  display: inline-block;
  position: relative;
}
.katex .hline,
.katex .overline .overline-line,
.katex .underline .underline-line {
  border-bottom-style: solid;
  width: 100%;
  display: inline-block;
}
.katex .hdashline {
  border-bottom-style: dashed;
  width: 100%;
  display: inline-block;
}
.katex .sqrt > .root {
  margin-left: 0.277778em;
  margin-right: -0.555556em;
}
.katex .fontsize-ensurer.reset-size1.size1,
.katex .sizing.reset-size1.size1 {
  font-size: 1em;
}
.katex .fontsize-ensurer.reset-size1.size2,
.katex .sizing.reset-size1.size2 {
  font-size: 1.2em;
}
.katex .fontsize-ensurer.reset-size1.size3,
.katex .sizing.reset-size1.size3 {
  font-size: 1.4em;
}
.katex .fontsize-ensurer.reset-size1.size4,
.katex .sizing.reset-size1.size4 {
  font-size: 1.6em;
}
.katex .fontsize-ensurer.reset-size1.size5,
.katex .sizing.reset-size1.size5 {
  font-size: 1.8em;
}
.katex .fontsize-ensurer.reset-size1.size6,
.katex .sizing.reset-size1.size6 {
  font-size: 2em;
}
.katex .fontsize-ensurer.reset-size1.size7,
.katex .sizing.reset-size1.size7 {
  font-size: 2.4em;
}
.katex .fontsize-ensurer.reset-size1.size8,
.katex .sizing.reset-size1.size8 {
  font-size: 2.88em;
}
.katex .fontsize-ensurer.reset-size1.size9,
.katex .sizing.reset-size1.size9 {
  font-size: 3.456em;
}
.katex .fontsize-ensurer.reset-size1.size10,
.katex .sizing.reset-size1.size10 {
  font-size: 4.148em;
}
.katex .fontsize-ensurer.reset-size1.size11,
.katex .sizing.reset-size1.size11 {
  font-size: 4.976em;
}
.katex .fontsize-ensurer.reset-size2.size1,
.katex .sizing.reset-size2.size1 {
  font-size: 0.833333em;
}
.katex .fontsize-ensurer.reset-size2.size2,
.katex .sizing.reset-size2.size2 {
  font-size: 1em;
}
.katex .fontsize-ensurer.reset-size2.size3,
.katex .sizing.reset-size2.size3 {
  font-size: 1.16667em;
}
.katex .fontsize-ensurer.reset-size2.size4,
.katex .sizing.reset-size2.size4 {
  font-size: 1.33333em;
}
.katex .fontsize-ensurer.reset-size2.size5,
.katex .sizing.reset-size2.size5 {
  font-size: 1.5em;
}
.katex .fontsize-ensurer.reset-size2.size6,
.katex .sizing.reset-size2.size6 {
  font-size: 1.66667em;
}
.katex .fontsize-ensurer.reset-size2.size7,
.katex .sizing.reset-size2.size7 {
  font-size: 2em;
}
.katex .fontsize-ensurer.reset-size2.size8,
.katex .sizing.reset-size2.size8 {
  font-size: 2.4em;
}
.katex .fontsize-ensurer.reset-size2.size9,
.katex .sizing.reset-size2.size9 {
  font-size: 2.88em;
}
.katex .fontsize-ensurer.reset-size2.size10,
.katex .sizing.reset-size2.size10 {
  font-size: 3.45667em;
}
.katex .fontsize-ensurer.reset-size2.size11,
.katex .sizing.reset-size2.size11 {
  font-size: 4.14667em;
}
.katex .fontsize-ensurer.reset-size3.size1,
.katex .sizing.reset-size3.size1 {
  font-size: 0.714286em;
}
.katex .fontsize-ensurer.reset-size3.size2,
.katex .sizing.reset-size3.size2 {
  font-size: 0.857143em;
}
.katex .fontsize-ensurer.reset-size3.size3,
.katex .sizing.reset-size3.size3 {
  font-size: 1em;
}
.katex .fontsize-ensurer.reset-size3.size4,
.katex .sizing.reset-size3.size4 {
  font-size: 1.14286em;
}
.katex .fontsize-ensurer.reset-size3.size5,
.katex .sizing.reset-size3.size5 {
  font-size: 1.28571em;
}
.katex .fontsize-ensurer.reset-size3.size6,
.katex .sizing.reset-size3.size6 {
  font-size: 1.42857em;
}
.katex .fontsize-ensurer.reset-size3.size7,
.katex .sizing.reset-size3.size7 {
  font-size: 1.71429em;
}
.katex .fontsize-ensurer.reset-size3.size8,
.katex .sizing.reset-size3.size8 {
  font-size: 2.05714em;
}
.katex .fontsize-ensurer.reset-size3.size9,
.katex .sizing.reset-size3.size9 {
  font-size: 2.46857em;
}
.katex .fontsize-ensurer.reset-size3.size10,
.katex .sizing.reset-size3.size10 {
  font-size: 2.96286em;
}
.katex .fontsize-ensurer.reset-size3.size11,
.katex .sizing.reset-size3.size11 {
  font-size: 3.55429em;
}
.katex .fontsize-ensurer.reset-size4.size1,
.katex .sizing.reset-size4.size1 {
  font-size: 0.625em;
}
.katex .fontsize-ensurer.reset-size4.size2,
.katex .sizing.reset-size4.size2 {
  font-size: 0.75em;
}
.katex .fontsize-ensurer.reset-size4.size3,
.katex .sizing.reset-size4.size3 {
  font-size: 0.875em;
}
.katex .fontsize-ensurer.reset-size4.size4,
.katex .sizing.reset-size4.size4 {
  font-size: 1em;
}
.katex .fontsize-ensurer.reset-size4.size5,
.katex .sizing.reset-size4.size5 {
  font-size: 1.125em;
}
.katex .fontsize-ensurer.reset-size4.size6,
.katex .sizing.reset-size4.size6 {
  font-size: 1.25em;
}
.katex .fontsize-ensurer.reset-size4.size7,
.katex .sizing.reset-size4.size7 {
  font-size: 1.5em;
}
.katex .fontsize-ensurer.reset-size4.size8,
.katex .sizing.reset-size4.size8 {
  font-size: 1.8em;
}
.katex .fontsize-ensurer.reset-size4.size9,
.katex .sizing.reset-size4.size9 {
  font-size: 2.16em;
}
.katex .fontsize-ensurer.reset-size4.size10,
.katex .sizing.reset-size4.size10 {
  font-size: 2.5925em;
}
.katex .fontsize-ensurer.reset-size4.size11,
.katex .sizing.reset-size4.size11 {
  font-size: 3.11em;
}
.katex .fontsize-ensurer.reset-size5.size1,
.katex .sizing.reset-size5.size1 {
  font-size: 0.555556em;
}
.katex .fontsize-ensurer.reset-size5.size2,
.katex .sizing.reset-size5.size2 {
  font-size: 0.666667em;
}
.katex .fontsize-ensurer.reset-size5.size3,
.katex .sizing.reset-size5.size3 {
  font-size: 0.777778em;
}
.katex .fontsize-ensurer.reset-size5.size4,
.katex .sizing.reset-size5.size4 {
  font-size: 0.888889em;
}
.katex .fontsize-ensurer.reset-size5.size5,
.katex .sizing.reset-size5.size5 {
  font-size: 1em;
}
.katex .fontsize-ensurer.reset-size5.size6,
.katex .sizing.reset-size5.size6 {
  font-size: 1.11111em;
}
.katex .fontsize-ensurer.reset-size5.size7,
.katex .sizing.reset-size5.size7 {
  font-size: 1.33333em;
}
.katex .fontsize-ensurer.reset-size5.size8,
.katex .sizing.reset-size5.size8 {
  font-size: 1.6em;
}
.katex .fontsize-ensurer.reset-size5.size9,
.katex .sizing.reset-size5.size9 {
  font-size: 1.92em;
}
.katex .fontsize-ensurer.reset-size5.size10,
.katex .sizing.reset-size5.size10 {
  font-size: 2.30444em;
}
.katex .fontsize-ensurer.reset-size5.size11,
.katex .sizing.reset-size5.size11 {
  font-size: 2.76444em;
}
.katex .fontsize-ensurer.reset-size6.size1,
.katex .sizing.reset-size6.size1 {
  font-size: 0.5em;
}
.katex .fontsize-ensurer.reset-size6.size2,
.katex .sizing.reset-size6.size2 {
  font-size: 0.6em;
}
.katex .fontsize-ensurer.reset-size6.size3,
.katex .sizing.reset-size6.size3 {
  font-size: 0.7em;
}
.katex .fontsize-ensurer.reset-size6.size4,
.katex .sizing.reset-size6.size4 {
  font-size: 0.8em;
}
.katex .fontsize-ensurer.reset-size6.size5,
.katex .sizing.reset-size6.size5 {
  font-size: 0.9em;
}
.katex .fontsize-ensurer.reset-size6.size6,
.katex .sizing.reset-size6.size6 {
  font-size: 1em;
}
.katex .fontsize-ensurer.reset-size6.size7,
.katex .sizing.reset-size6.size7 {
  font-size: 1.2em;
}
.katex .fontsize-ensurer.reset-size6.size8,
.katex .sizing.reset-size6.size8 {
  font-size: 1.44em;
}
.katex .fontsize-ensurer.reset-size6.size9,
.katex .sizing.reset-size6.size9 {
  font-size: 1.728em;
}
.katex .fontsize-ensurer.reset-size6.size10,
.katex .sizing.reset-size6.size10 {
  font-size: 2.074em;
}
.katex .fontsize-ensurer.reset-size6.size11,
.katex .sizing.reset-size6.size11 {
  font-size: 2.488em;
}
.katex .fontsize-ensurer.reset-size7.size1,
.katex .sizing.reset-size7.size1 {
  font-size: 0.416667em;
}
.katex .fontsize-ensurer.reset-size7.size2,
.katex .sizing.reset-size7.size2 {
  font-size: 0.5em;
}
.katex .fontsize-ensurer.reset-size7.size3,
.katex .sizing.reset-size7.size3 {
  font-size: 0.583333em;
}
.katex .fontsize-ensurer.reset-size7.size4,
.katex .sizing.reset-size7.size4 {
  font-size: 0.666667em;
}
.katex .fontsize-ensurer.reset-size7.size5,
.katex .sizing.reset-size7.size5 {
  font-size: 0.75em;
}
.katex .fontsize-ensurer.reset-size7.size6,
.katex .sizing.reset-size7.size6 {
  font-size: 0.833333em;
}
.katex .fontsize-ensurer.reset-size7.size7,
.katex .sizing.reset-size7.size7 {
  font-size: 1em;
}
.katex .fontsize-ensurer.reset-size7.size8,
.katex .sizing.reset-size7.size8 {
  font-size: 1.2em;
}
.katex .fontsize-ensurer.reset-size7.size9,
.katex .sizing.reset-size7.size9 {
  font-size: 1.44em;
}
.katex .fontsize-ensurer.reset-size7.size10,
.katex .sizing.reset-size7.size10 {
  font-size: 1.72833em;
}
.katex .fontsize-ensurer.reset-size7.size11,
.katex .sizing.reset-size7.size11 {
  font-size: 2.07333em;
}
.katex .fontsize-ensurer.reset-size8.size1,
.katex .sizing.reset-size8.size1 {
  font-size: 0.347222em;
}
.katex .fontsize-ensurer.reset-size8.size2,
.katex .sizing.reset-size8.size2 {
  font-size: 0.416667em;
}
.katex .fontsize-ensurer.reset-size8.size3,
.katex .sizing.reset-size8.size3 {
  font-size: 0.486111em;
}
.katex .fontsize-ensurer.reset-size8.size4,
.katex .sizing.reset-size8.size4 {
  font-size: 0.555556em;
}
.katex .fontsize-ensurer.reset-size8.size5,
.katex .sizing.reset-size8.size5 {
  font-size: 0.625em;
}
.katex .fontsize-ensurer.reset-size8.size6,
.katex .sizing.reset-size8.size6 {
  font-size: 0.694444em;
}
.katex .fontsize-ensurer.reset-size8.size7,
.katex .sizing.reset-size8.size7 {
  font-size: 0.833333em;
}
.katex .fontsize-ensurer.reset-size8.size8,
.katex .sizing.reset-size8.size8 {
  font-size: 1em;
}
.katex .fontsize-ensurer.reset-size8.size9,
.katex .sizing.reset-size8.size9 {
  font-size: 1.2em;
}
.katex .fontsize-ensurer.reset-size8.size10,
.katex .sizing.reset-size8.size10 {
  font-size: 1.44028em;
}
.katex .fontsize-ensurer.reset-size8.size11,
.katex .sizing.reset-size8.size11 {
  font-size: 1.72778em;
}
.katex .fontsize-ensurer.reset-size9.size1,
.katex .sizing.reset-size9.size1 {
  font-size: 0.289352em;
}
.katex .fontsize-ensurer.reset-size9.size2,
.katex .sizing.reset-size9.size2 {
  font-size: 0.347222em;
}
.katex .fontsize-ensurer.reset-size9.size3,
.katex .sizing.reset-size9.size3 {
  font-size: 0.405093em;
}
.katex .fontsize-ensurer.reset-size9.size4,
.katex .sizing.reset-size9.size4 {
  font-size: 0.462963em;
}
.katex .fontsize-ensurer.reset-size9.size5,
.katex .sizing.reset-size9.size5 {
  font-size: 0.520833em;
}
.katex .fontsize-ensurer.reset-size9.size6,
.katex .sizing.reset-size9.size6 {
  font-size: 0.578704em;
}
.katex .fontsize-ensurer.reset-size9.size7,
.katex .sizing.reset-size9.size7 {
  font-size: 0.694444em;
}
.katex .fontsize-ensurer.reset-size9.size8,
.katex .sizing.reset-size9.size8 {
  font-size: 0.833333em;
}
.katex .fontsize-ensurer.reset-size9.size9,
.katex .sizing.reset-size9.size9 {
  font-size: 1em;
}
.katex .fontsize-ensurer.reset-size9.size10,
.katex .sizing.reset-size9.size10 {
  font-size: 1.20023em;
}
.katex .fontsize-ensurer.reset-size9.size11,
.katex .sizing.reset-size9.size11 {
  font-size: 1.43981em;
}
.katex .fontsize-ensurer.reset-size10.size1,
.katex .sizing.reset-size10.size1 {
  font-size: 0.24108em;
}
.katex .fontsize-ensurer.reset-size10.size2,
.katex .sizing.reset-size10.size2 {
  font-size: 0.289296em;
}
.katex .fontsize-ensurer.reset-size10.size3,
.katex .sizing.reset-size10.size3 {
  font-size: 0.337512em;
}
.katex .fontsize-ensurer.reset-size10.size4,
.katex .sizing.reset-size10.size4 {
  font-size: 0.385728em;
}
.katex .fontsize-ensurer.reset-size10.size5,
.katex .sizing.reset-size10.size5 {
  font-size: 0.433944em;
}
.katex .fontsize-ensurer.reset-size10.size6,
.katex .sizing.reset-size10.size6 {
  font-size: 0.48216em;
}
.katex .fontsize-ensurer.reset-size10.size7,
.katex .sizing.reset-size10.size7 {
  font-size: 0.578592em;
}
.katex .fontsize-ensurer.reset-size10.size8,
.katex .sizing.reset-size10.size8 {
  font-size: 0.694311em;
}
.katex .fontsize-ensurer.reset-size10.size9,
.katex .sizing.reset-size10.size9 {
  font-size: 0.833173em;
}
.katex .fontsize-ensurer.reset-size10.size10,
.katex .sizing.reset-size10.size10 {
  font-size: 1em;
}
.katex .fontsize-ensurer.reset-size10.size11,
.katex .sizing.reset-size10.size11 {
  font-size: 1.19961em;
}
.katex .fontsize-ensurer.reset-size11.size1,
.katex .sizing.reset-size11.size1 {
  font-size: 0.200965em;
}
.katex .fontsize-ensurer.reset-size11.size2,
.katex .sizing.reset-size11.size2 {
  font-size: 0.241158em;
}
.katex .fontsize-ensurer.reset-size11.size3,
.katex .sizing.reset-size11.size3 {
  font-size: 0.281351em;
}
.katex .fontsize-ensurer.reset-size11.size4,
.katex .sizing.reset-size11.size4 {
  font-size: 0.321543em;
}
.katex .fontsize-ensurer.reset-size11.size5,
.katex .sizing.reset-size11.size5 {
  font-size: 0.361736em;
}
.katex .fontsize-ensurer.reset-size11.size6,
.katex .sizing.reset-size11.size6 {
  font-size: 0.401929em;
}
.katex .fontsize-ensurer.reset-size11.size7,
.katex .sizing.reset-size11.size7 {
  font-size: 0.482315em;
}
.katex .fontsize-ensurer.reset-size11.size8,
.katex .sizing.reset-size11.size8 {
  font-size: 0.578778em;
}
.katex .fontsize-ensurer.reset-size11.size9,
.katex .sizing.reset-size11.size9 {
  font-size: 0.694534em;
}
.katex .fontsize-ensurer.reset-size11.size10,
.katex .sizing.reset-size11.size10 {
  font-size: 0.833601em;
}
.katex .fontsize-ensurer.reset-size11.size11,
.katex .sizing.reset-size11.size11 {
  font-size: 1em;
}
.katex .delimsizing.size1 {
  font-family: KaTeX_Size1;
}
.katex .delimsizing.size2 {
  font-family: KaTeX_Size2;
}
.katex .delimsizing.size3 {
  font-family: KaTeX_Size3;
}
.katex .delimsizing.size4 {
  font-family: KaTeX_Size4;
}
.katex .delimsizing.mult .delim-size1 > span {
  font-family: KaTeX_Size1;
}
.katex .delimsizing.mult .delim-size4 > span {
  font-family: KaTeX_Size4;
}
.katex .nulldelimiter {
  width: 0.12em;
  display: inline-block;
}
.katex .delimcenter,
.katex .op-symbol {
  position: relative;
}
.katex .op-symbol.small-op {
  font-family: KaTeX_Size1;
}
.katex .op-symbol.large-op {
  font-family: KaTeX_Size2;
}
.katex .accent > .vlist-t,
.katex .op-limits > .vlist-t {
  text-align: center;
}
.katex .accent .accent-body {
  position: relative;
}
.katex .accent .accent-body:not(.accent-full) {
  width: 0;
}
.katex .overlay {
  display: block;
}
.katex .mtable .vertical-separator {
  min-width: 1px;
  display: inline-block;
}
.katex .mtable .arraycolsep {
  display: inline-block;
}
.katex .mtable .col-align-c > .vlist-t {
  text-align: center;
}
.katex .mtable .col-align-l > .vlist-t {
  text-align: left;
}
.katex .mtable .col-align-r > .vlist-t {
  text-align: right;
}
.katex .svg-align {
  text-align: left;
}
.katex svg {
  fill: currentColor;
  stroke: currentColor;
  fill-rule: nonzero;
  fill-opacity: 1;
  stroke-width: 1px;
  stroke-linecap: butt;
  stroke-linejoin: miter;
  stroke-miterlimit: 4;
  stroke-dasharray: none;
  stroke-dashoffset: 0;
  stroke-opacity: 1;
  height: inherit;
  width: 100%;
  display: block;
  position: absolute;
}
.katex svg path {
  stroke: none;
}
.katex img {
  border-style: none;
  min-width: 0;
  max-width: none;
  min-height: 0;
  max-height: none;
}
.katex .stretchy {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}
.katex .stretchy:after,
.katex .stretchy:before {
  content: "";
}
.katex .hide-tail {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.katex .halfarrow-left {
  width: 50.2%;
  position: absolute;
  left: 0;
  overflow: hidden;
}
.katex .halfarrow-right {
  width: 50.2%;
  position: absolute;
  right: 0;
  overflow: hidden;
}
.katex .brace-left {
  width: 25.1%;
  position: absolute;
  left: 0;
  overflow: hidden;
}
.katex .brace-center {
  width: 50%;
  position: absolute;
  left: 25%;
  overflow: hidden;
}
.katex .brace-right {
  width: 25.1%;
  position: absolute;
  right: 0;
  overflow: hidden;
}
.katex .x-arrow-pad {
  padding: 0 0.5em;
}
.katex .cd-arrow-pad {
  padding: 0 0.55556em 0 0.27778em;
}
.katex .mover,
.katex .munder,
.katex .x-arrow {
  text-align: center;
}
.katex .boxpad {
  padding: 0 0.3em;
}
.katex .fbox,
.katex .fcolorbox {
  box-sizing: border-box;
  border: 0.04em solid;
}
.katex .cancel-pad {
  padding: 0 0.2em;
}
.katex .cancel-lap {
  margin-left: -0.2em;
  margin-right: -0.2em;
}
.katex .sout {
  border-bottom-style: solid;
  border-bottom-width: 0.08em;
}
.katex .angl {
  box-sizing: border-box;
  border-top: 0.049em solid;
  border-right: 0.049em solid;
  margin-right: 0.03889em;
}
.katex .anglpad {
  padding: 0 0.03889em;
}
.katex .eqn-num:before {
  content: "(" counter(katexEqnNo) ")";
  counter-increment: katexEqnNo;
}
.katex .mml-eqn-num:before {
  content: "(" counter(mmlEqnNo) ")";
  counter-increment: mmlEqnNo;
}
.katex .mtr-glue {
  width: 50%;
}
.katex .cd-vert-arrow {
  display: inline-block;
  position: relative;
}
.katex .cd-label-left {
  text-align: left;
  display: inline-block;
  position: absolute;
  right: calc(50% + 0.3em);
}
.katex .cd-label-right {
  text-align: right;
  display: inline-block;
  position: absolute;
  left: calc(50% + 0.3em);
}
.katex-display {
  text-align: center;
  margin: 1em 0;
  display: block;
}
.katex-display > .katex {
  text-align: center;
  white-space: nowrap;
  display: block;
}
.katex-display > .katex > .katex-html {
  display: block;
  position: relative;
}
.katex-display > .katex > .katex-html > .tag {
  position: absolute;
  right: 0;
}
.katex-display.leqno > .katex > .katex-html > .tag {
  left: 0;
  right: auto;
}
.katex-display.fleqn > .katex {
  text-align: left;
  padding-left: 2em;
}
body {
  counter-reset: katexEqnNo mmlEqnNo;
}
html.mini-root {
  --header-height: 56px;
  --tab-width: calc(var(--header-height) + 10px);
  --stage-scroll-gutter: stable;
  background-color: #0000;
}
body.mini {
  background-color: #0000;
}
body.mini[data-window-style="sidebar_view"] {
  box-shadow: var(--sidechat-shadow) !important;
}
.light body.mini[data-window-style="sidebar_view"] {
  --sidechat-shadow: inset 10px 0 10px -10px #00000026;
}
.dark body.mini[data-window-style="sidebar_view"] {
  --sidechat-shadow: inset 10px 0 10px -10px #ffffff26;
}
html.mini-root:not(:has(body.mini[data-window-style="new_page_overlay_view"])),
html.mini-root body.mini:not([data-window-style="new_page_overlay_view"]) {
  background-color: var(--bg-primary);
}
html.mini-root:not(:has(body.mini[data-window-style="sidebar_view"])) {
  --user-chat-width: 50%;
}
html.mini-root.light,
html.mini-root.light .markdown.prose.light {
  --mini-link-color: #007afd;
  --bento-border-color: #0d0d0d0f;
  --bg-quaternary: #f8f8f8;
  --default-theme-interactive-label-accent: var(--blue-400);
  --default-theme-interactive-bg-accent-default: var(--blue-50);
  --default-theme-interactive-bg-accent-hover: var(--blue-75);
  --default-theme-interactive-bg-accent-muted-hover: #ebf4ff;
  --default-theme-interactive-bg-accent-muted-context: #ebf4ff80;
  --default-theme-interactive-bg-accent-press: var(--blue-100);
  --default-theme-interactive-bg-accent-muted-press: #e0efff;
  --default-theme-interactive-bg-accent-inactive: var(--blue-50);
  --blue-theme-interactive-label-accent: var(--blue-400);
  --blue-theme-interactive-bg-accent-default: var(--blue-50);
  --blue-theme-interactive-bg-accent-hover: var(--blue-75);
  --blue-theme-interactive-bg-accent-muted-hover: #ebf4ff;
  --blue-theme-interactive-bg-accent-muted-context: #ebf4ff80;
  --blue-theme-interactive-bg-accent-press: var(--blue-100);
  --blue-theme-interactive-bg-accent-muted-press: #e0efff;
  --blue-theme-interactive-bg-accent-inactive: var(--blue-50);
  --green-theme-interactive-label-accent: var(--green-400);
  --green-theme-interactive-bg-accent-default: var(--green-50);
  --green-theme-interactive-bg-accent-hover: var(--green-75);
  --green-theme-interactive-bg-accent-muted-hover: #d9f4e4;
  --green-theme-interactive-bg-accent-muted-context: #d9f4e480;
  --green-theme-interactive-bg-accent-press: var(--green-100);
  --green-theme-interactive-bg-accent-muted-press: #b8ebcc;
  --green-theme-interactive-bg-accent-inactive: var(--green-50);
  --yellow-theme-interactive-label-accent: var(--yellow-400);
  --yellow-theme-interactive-bg-accent-default: var(--yellow-50);
  --yellow-theme-interactive-bg-accent-hover: var(--yellow-75);
  --yellow-theme-interactive-bg-accent-muted-hover: #fff6d9;
  --yellow-theme-interactive-bg-accent-muted-context: #fff6d980;
  --yellow-theme-interactive-bg-accent-press: var(--yellow-100);
  --yellow-theme-interactive-bg-accent-muted-press: #ffeeb8;
  --yellow-theme-interactive-bg-accent-inactive: var(--yellow-50);
  --purple-theme-interactive-label-accent: var(--purple-400);
  --purple-theme-interactive-bg-accent-default: var(--purple-50);
  --purple-theme-interactive-bg-accent-hover: var(--purple-75);
  --purple-theme-interactive-bg-accent-muted-hover: #efe5fe;
  --purple-theme-interactive-bg-accent-muted-context: #efe5fe80;
  --purple-theme-interactive-bg-accent-press: var(--purple-100);
  --purple-theme-interactive-bg-accent-muted-press: #e0cefd;
  --purple-theme-interactive-bg-accent-inactive: var(--purple-50);
  --pink-theme-interactive-label-accent: var(--pink-400);
  --pink-theme-interactive-bg-accent-default: var(--pink-50);
  --pink-theme-interactive-bg-accent-hover: var(--pink-75);
  --pink-theme-interactive-bg-accent-muted-hover: #ffe8f3;
  --pink-theme-interactive-bg-accent-muted-context: #ffe8f380;
  --pink-theme-interactive-bg-accent-press: var(--pink-100);
  --pink-theme-interactive-bg-accent-muted-press: #ffd4e8;
  --pink-theme-interactive-bg-accent-inactive: var(--pink-50);
  --orange-theme-interactive-label-accent: var(--orange-400);
  --orange-theme-interactive-bg-accent-default: var(--orange-50);
  --orange-theme-interactive-bg-accent-hover: var(--orange-75);
  --orange-theme-interactive-bg-accent-muted-hover: #ffe7d9;
  --orange-theme-interactive-bg-accent-muted-context: #ffe7d980;
  --orange-theme-interactive-bg-accent-press: var(--orange-100);
  --orange-theme-interactive-bg-accent-muted-press: #ffcfb4;
  --orange-theme-interactive-bg-accent-inactive: var(--orange-50);
  --black-theme-interactive-label-accent: #8f8f8f;
  --black-theme-interactive-bg-accent-default: #f9f9f9;
  --black-theme-interactive-bg-accent-hover: #f3f3f3;
  --black-theme-interactive-bg-accent-muted-hover: #f2f2f2;
  --black-theme-interactive-bg-accent-muted-context: #f2f2f280;
  --black-theme-interactive-bg-accent-press: #e8e8e8;
  --black-theme-interactive-bg-accent-muted-press: #e0e0e0;
  --black-theme-interactive-bg-accent-inactive: #f9f9f9;
}
html.mini-root.dark,
html.mini-root.dark .markdown.prose.dark {
  --mini-link-color: #56aaff;
  --bento-border-color: #ffffff0f;
  --bg-quaternary: #3a3a3a;
  --default-theme-interactive-label-accent: var(--blue-100);
  --default-theme-interactive-bg-accent-default: var(--blue-800);
  --default-theme-interactive-bg-accent-hover: var(--blue-700);
  --default-theme-interactive-bg-accent-muted-hover: #394a5b;
  --default-theme-interactive-bg-accent-muted-context: #394a5b80;
  --default-theme-interactive-bg-accent-press: var(--blue-600);
  --default-theme-interactive-bg-accent-muted-press: #40484f;
  --default-theme-interactive-bg-accent-inactive: var(--blue-800);
  --blue-theme-interactive-label-accent: var(--blue-100);
  --blue-theme-interactive-bg-accent-default: var(--blue-800);
  --blue-theme-interactive-bg-accent-hover: var(--blue-700);
  --blue-theme-interactive-bg-accent-muted-hover: #394a5b;
  --blue-theme-interactive-bg-accent-muted-context: #394a5b80;
  --blue-theme-interactive-bg-accent-press: var(--blue-600);
  --blue-theme-interactive-bg-accent-muted-press: #40484f;
  --blue-theme-interactive-bg-accent-inactive: var(--blue-800);
  --green-theme-interactive-label-accent: var(--green-100);
  --green-theme-interactive-bg-accent-default: var(--green-800);
  --green-theme-interactive-bg-accent-hover: var(--green-700);
  --green-theme-interactive-bg-accent-muted-hover: #004f1f;
  --green-theme-interactive-bg-accent-muted-context: #004f1f80;
  --green-theme-interactive-bg-accent-press: var(--green-600);
  --green-theme-interactive-bg-accent-muted-press: #00692a;
  --green-theme-interactive-bg-accent-inactive: var(--green-800);
  --yellow-theme-interactive-label-accent: var(--yellow-100);
  --yellow-theme-interactive-bg-accent-default: var(--yellow-800);
  --yellow-theme-interactive-bg-accent-hover: var(--yellow-700);
  --yellow-theme-interactive-bg-accent-muted-hover: #6e5400;
  --yellow-theme-interactive-bg-accent-muted-context: #6e540080;
  --yellow-theme-interactive-bg-accent-press: var(--yellow-600);
  --yellow-theme-interactive-bg-accent-muted-press: #916f00;
  --yellow-theme-interactive-bg-accent-inactive: var(--yellow-800);
  --purple-theme-interactive-label-accent: var(--purple-100);
  --purple-theme-interactive-bg-accent-default: var(--purple-800);
  --purple-theme-interactive-bg-accent-hover: var(--purple-700);
  --purple-theme-interactive-bg-accent-muted-hover: #3f226a;
  --purple-theme-interactive-bg-accent-muted-context: #3f226a80;
  --purple-theme-interactive-bg-accent-press: var(--purple-600);
  --purple-theme-interactive-bg-accent-muted-press: #532d8d;
  --purple-theme-interactive-bg-accent-inactive: var(--purple-800);
  --pink-theme-interactive-label-accent: var(--pink-100);
  --pink-theme-interactive-bg-accent-default: var(--pink-800);
  --pink-theme-interactive-bg-accent-hover: var(--pink-700);
  --pink-theme-interactive-bg-accent-muted-hover: #6e2c4a;
  --pink-theme-interactive-bg-accent-muted-context: #6e2c4a80;
  --pink-theme-interactive-bg-accent-press: var(--pink-600);
  --pink-theme-interactive-bg-accent-muted-press: #963c67;
  --pink-theme-interactive-bg-accent-inactive: var(--pink-800);
  --orange-theme-interactive-label-accent: var(--orange-100);
  --orange-theme-interactive-bg-accent-default: var(--orange-800);
  --orange-theme-interactive-bg-accent-hover: var(--orange-700);
  --orange-theme-interactive-bg-accent-muted-hover: #6d2e0f;
  --orange-theme-interactive-bg-accent-muted-context: #6d2e0f80;
  --orange-theme-interactive-bg-accent-press: var(--orange-600);
  --orange-theme-interactive-bg-accent-muted-press: #923b0f;
  --orange-theme-interactive-bg-accent-inactive: var(--orange-800);
  --black-theme-interactive-label-accent: #e8e8e8;
  --black-theme-interactive-bg-accent-default: #212121;
  --black-theme-interactive-bg-accent-hover: #303030;
  --black-theme-interactive-bg-accent-muted-hover: #222;
  --black-theme-interactive-bg-accent-muted-context: #22222280;
  --black-theme-interactive-bg-accent-press: #414141;
  --black-theme-interactive-bg-accent-muted-press: #292929;
  --black-theme-interactive-bg-accent-inactive: #212121;
}
html.mini-root.light:has(body.mini[data-window-style="sidebar_view"]) {
  --bg-primary: #f9f9f9;
  --main-surface-primary: #f9f9f9;
  --composer-surface-primary: var(--main-surface-primary);
}
html.mini-root.dark:has(body.mini[data-window-style="sidebar_view"]) {
  --bg-primary: #181818;
  --main-surface-primary: #181818;
  --composer-surface-primary: var(--main-surface-primary);
}
html.mini-root:has(body.mini[data-window-style="sidebar_view"]) {
  --header-height: 52px;
  --mini-sidebar-rem-revert: calc(1 / 0.875);
  font-size: 87.5%;
}
html.mini-root:has(body.mini[data-window-style="sidebar_view"])
  :is(
    #thread-bottom-container,
    [data-radix-popper-content-wrapper],
    [data-radix-menu-content],
    [role="dialog"],
    [role="alertdialog"]
  ) {
  --spacing: 4px;
}
html.mini-root:has(body.mini[data-window-style="sidebar_view"])
  :is(
    #thread-bottom-container,
    [data-radix-popper-content-wrapper],
    [data-radix-menu-content],
    [role="dialog"],
    [role="alertdialog"]
  )
  .text-xs {
  font-size: calc(0.75rem * var(--mini-sidebar-rem-revert));
  line-height: 1.33333;
}
html.mini-root:has(body.mini[data-window-style="sidebar_view"])
  :is(
    #thread-bottom-container,
    [data-radix-popper-content-wrapper],
    [data-radix-menu-content],
    [role="dialog"],
    [role="alertdialog"]
  )
  .text-sm {
  font-size: calc(0.875rem * var(--mini-sidebar-rem-revert));
  line-height: 1.42857;
}
html.mini-root:has(body.mini[data-window-style="sidebar_view"])
  :is(
    #thread-bottom-container,
    [data-radix-popper-content-wrapper],
    [data-radix-menu-content],
    [role="dialog"],
    [role="alertdialog"]
  )
  .text-base,
html.mini-root:has(body.mini[data-window-style="sidebar_view"])
  :is(
    #thread-bottom-container,
    [data-radix-popper-content-wrapper],
    [data-radix-menu-content],
    [role="dialog"],
    [role="alertdialog"]
  )
  .text-md {
  font-size: calc(1rem * var(--mini-sidebar-rem-revert));
  line-height: 1.5;
}
html.mini-root:has(body.mini[data-window-style="sidebar_view"])
  :is(
    #thread-bottom-container,
    [data-radix-popper-content-wrapper],
    [data-radix-menu-content],
    [role="dialog"],
    [role="alertdialog"]
  )
  .text-lg {
  font-size: calc(1.125rem * var(--mini-sidebar-rem-revert));
  line-height: 1.55556;
}
html.mini-root:has(body.mini[data-window-style="sidebar_view"])
  :is(
    #thread-bottom-container,
    [data-radix-popper-content-wrapper],
    [data-radix-menu-content],
    [role="dialog"],
    [role="alertdialog"]
  )
  .text-xl {
  font-size: calc(1.25rem * var(--mini-sidebar-rem-revert));
  line-height: 1.4;
}
html.mini-root:has(body.mini[data-window-style="sidebar_view"])
  :is(
    #thread-bottom-container,
    [data-radix-popper-content-wrapper],
    [data-radix-menu-content],
    [role="dialog"],
    [role="alertdialog"]
  )
  .text-2xl {
  font-size: calc(1.5rem * var(--mini-sidebar-rem-revert));
  line-height: 1.33333;
}
html.mini-root:has(body.mini[data-window-style="sidebar_view"])
  :is(
    #thread-bottom-container,
    [data-radix-popper-content-wrapper],
    [data-radix-menu-content],
    [role="dialog"],
    [role="alertdialog"]
  )
  .text-3xl {
  font-size: calc(1.875rem * var(--mini-sidebar-rem-revert));
  line-height: 1.2;
}
html.mini-root:has(body.mini[data-window-style="sidebar_view"])
  :is(
    #thread-bottom-container,
    [data-radix-popper-content-wrapper],
    [data-radix-menu-content],
    [role="dialog"],
    [role="alertdialog"]
  )
  .text-4xl {
  font-size: calc(2.25rem * var(--mini-sidebar-rem-revert));
  line-height: 1.11111;
}
html.mini-root:has(body.mini[data-window-style="sidebar_view"])
  :is(
    #thread-bottom-container,
    [data-radix-popper-content-wrapper],
    [data-radix-menu-content],
    [role="dialog"],
    [role="alertdialog"]
  )
  .text-5xl {
  font-size: calc(3rem * var(--mini-sidebar-rem-revert));
  line-height: 1;
}
html.mini-root:has(body.mini[data-window-style="sidebar_view"])
  :is(
    #thread-bottom-container,
    [data-radix-popper-content-wrapper],
    [data-radix-menu-content],
    [role="dialog"],
    [role="alertdialog"]
  )
  .text-6xl {
  font-size: calc(3.75rem * var(--mini-sidebar-rem-revert));
  line-height: 1;
}
html.mini-root:has(body.mini[data-window-style="sidebar_view"])
  :is(
    #thread-bottom-container,
    [data-radix-popper-content-wrapper],
    [data-radix-menu-content],
    [role="dialog"],
    [role="alertdialog"]
  )
  .__menu-item,
html.mini-root:has(body.mini[data-window-style="sidebar_view"])
  :is(
    #thread-bottom-container,
    [data-radix-popper-content-wrapper],
    [data-radix-menu-content],
    [role="dialog"],
    [role="alertdialog"]
  )
  .__menu-label {
  font-size: calc(0.875rem * var(--mini-sidebar-rem-revert));
  line-height: 1.42857;
}
html.mini-root:has(body.mini[data-window-style="sidebar_view"])
  :is(
    #thread-bottom-container,
    [data-radix-popper-content-wrapper],
    [data-radix-menu-content],
    [role="dialog"],
    [role="alertdialog"]
  )
  h1 {
  font-size: calc(1.875rem * var(--mini-sidebar-rem-revert));
  line-height: 1.2;
}
html.mini-root:has(body.mini[data-window-style="sidebar_view"])
  :is(
    #thread-bottom-container,
    [data-radix-popper-content-wrapper],
    [data-radix-menu-content],
    [role="dialog"],
    [role="alertdialog"]
  )
  h2,
html.mini-root:has(body.mini[data-window-style="sidebar_view"])
  :is(
    #thread-bottom-container,
    [data-radix-popper-content-wrapper],
    [data-radix-menu-content],
    [role="dialog"],
    [role="alertdialog"]
  )
  h3 {
  font-size: calc(1.5rem * var(--mini-sidebar-rem-revert));
  line-height: 1.33333;
}
html.mini-root:has(body.mini[data-window-style="sidebar_view"])
  :is(
    #thread-bottom-container,
    [data-radix-popper-content-wrapper],
    [data-radix-menu-content],
    [role="dialog"],
    [role="alertdialog"]
  )
  .ProseMirror,
html.mini-root:has(body.mini[data-window-style="sidebar_view"])
  :is(
    #thread-bottom-container,
    [data-radix-popper-content-wrapper],
    [data-radix-menu-content],
    [role="dialog"],
    [role="alertdialog"]
  )
  .fallbackTextarea {
  font-size: calc(0.875rem * var(--mini-sidebar-rem-revert));
  line-height: 1.42857;
}
html.mini-root:has(body.mini[data-window-style="sidebar_view"])
  :is(
    #thread-bottom-container,
    [data-radix-popper-content-wrapper],
    [data-radix-menu-content],
    [role="dialog"],
    [role="alertdialog"]
  )
  [data-size="lg"]
  .ProseMirror,
html.mini-root:has(body.mini[data-window-style="sidebar_view"])
  :is(
    #thread-bottom-container,
    [data-radix-popper-content-wrapper],
    [data-radix-menu-content],
    [role="dialog"],
    [role="alertdialog"]
  )
  [data-size="lg"]
  .fallbackTextarea {
  font-size: calc(1rem * var(--mini-sidebar-rem-revert));
  line-height: 1.5;
}
html.mini-root:has(body.mini[data-window-style="sidebar_view"])
  :is(
    #thread-bottom-container,
    [data-radix-popper-content-wrapper],
    [data-radix-menu-content],
    [role="dialog"],
    [role="alertdialog"]
  )
  [data-size="xl"]
  .ProseMirror,
html.mini-root:has(body.mini[data-window-style="sidebar_view"])
  :is(
    #thread-bottom-container,
    [data-radix-popper-content-wrapper],
    [data-radix-menu-content],
    [role="dialog"],
    [role="alertdialog"]
  )
  [data-size="xl"]
  .fallbackTextarea {
  font-size: calc(1.125rem * var(--mini-sidebar-rem-revert));
  line-height: 1.55556;
}
html.mini-root:has(body.mini[data-window-style="sidebar_view"]) .btn {
  font-size: calc(0.875rem * var(--mini-sidebar-rem-revert));
  --spacing: 4px;
  line-height: 1.42857;
}
html.mini-root
  #mini-chat-content
  [data-turn="assistant"]
  hr:not(:where(#navlinks-content *)) {
  margin-block: calc(var(--spacing) * 4);
  border: none;
}
html.mini-root:has(body.mini[data-window-style="sidebar_view"])
  [data-turn="assistant"]
  hr:not(:where(#navlinks-content *)) {
  margin-block: calc(var(--spacing) * 2);
  border: none;
}
html.mini-root.dark[data-chat-theme="black"] #super-widget-tab-buttons {
  --interactive-label-accent-default: #5d5d5d;
}
html.mini-root.light[data-chat-theme="black"] #super-widget-tab-buttons {
  --interactive-label-accent-default: #cdcdcd;
}
iframe[src*="https://accounts.google.com/gsi/iframe"] {
  color-scheme: normal;
  pointer-events: auto;
}
.sdtrn-root {
  font-size: 14px;
  line-height: 20px;
  background: unset !important;
}
.sdtrn-root .draggable {
  app-region: drag;
}
.sdtrn-root .no-draggable {
  app-region: no-drag;
}
.sdtrn-root .no-draggable-children * {
  app-region: no-drag;
  -webkit-user-select: none;
  user-select: none;
}
.sdtrn-root [data-radix-popper-content-wrapper],
.sdtrn-root [role="dialog"] {
  app-region: no-drag;
}
.sdtrn-root button,
.sdtrn-root [role="button"],
.sdtrn-root label,
.sdtrn-root [data-radix-popper-content-wrapper] li a,
.sdtrn-root div[role="menu"],
.sdtrn-root input[type="button"],
.sdtrn-root input[type="submit"],
.sdtrn-root input[type="reset"] {
  cursor: default;
}
.sdtrn-root nav a {
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
}
.snc-root {
  font-size: var(--snc-text-base);
}
.snc {
  --snc-1: 1.5rem;
  --snc-2: 1.75rem;
  --snc-3: 3rem;
  --snc-results-padding: 1rem;
  --snc-input-height: 2.875rem;
  --snc-text-base: 16px;
  --snc-hover: #00000008;
  --main-surface-secondary: #f7f7f7;
  --main-surface-tertiary: #f1f1f1;
  --text-secondary: var(--gray-600);
  --text-tertiary: var(--gray-500);
}
.snc .snc-accent-border {
  border: 0;
}
.snc {
  --snc-result-search-input-shadow: 0 12px 20px -8px;
  --snc-answer-followup-input-shadow: 0 -12px 20px -8px;
  --snc-input-shadow-mult: 0;
}
.snc ::-webkit-scrollbar {
  background: 0 0;
  width: 16px;
}
.snc ::-webkit-scrollbar-thumb {
  background: var(--main-surface-tertiary);
  border: 4px solid var(--main-surface-primary);
  border-radius: 8px;
}
.snc ::-webkit-scrollbar-thumb:hover {
  background: var(--gray-200);
}
.dark .snc ::-webkit-scrollbar-thumb:hover {
  background: var(--gray-600);
}
@media (min-width: 40rem) {
  .snc {
    --snc-input-height: 3.25rem;
    --snc-input-shadow-mult: 0.1;
  }
}
.dark .snc .dark,
.dark .snc {
  --snc-hover: #ffffff08;
  --snc-focus-border: #ffffffbf;
  --main-surface-primary: var(--gray-950);
  --main-surface-secondary: var(--gray-900);
  --main-surface-tertiary: var(--gray-700);
  --text-secondary: var(--gray-300);
  --text-tertiary: var(--gray-500);
  --border-light: #ffffff0d;
  --border-medium: #ffffff1f;
  --border-xheavy: #fff3;
  --gray-950: #141414;
}
:is(.dark .snc .dark, .dark .snc) .snc-accent-border {
  border: 0.5px solid var(--border-xheavy);
}
.dark .snc .dark,
.dark .snc {
  --snc-result-search-input-shadow: 0 8px 12px -8px;
  --snc-answer-followup-input-shadow: 0 -8px 12px -8px;
}
@media (min-width: 40rem) {
  .dark .snc .dark,
  .dark .snc {
    --snc-input-shadow-mult: 1;
  }
}
.snc .user-query .prose p:first-child {
  margin-bottom: calc(var(--spacing) * 0);
}
.snc .prose :not(.not-prose, .not-prose *) {
  max-width: 100%;
}
.snc .prose :not(.not-prose, .not-prose *) a {
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--link);
  text-underline-offset: 2px;
  text-decoration-line: none;
}
.snc .prose :not(.not-prose, .not-prose *) > h1:first-child {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
@media (min-width: 40rem) {
  .snc .prose :not(.not-prose, .not-prose *) > h1:first-child {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
}
.snc .prose :not(.not-prose, .not-prose *) h1,
.snc .prose :not(.not-prose, .not-prose *) h2,
.snc .prose :not(.not-prose, .not-prose *) h3,
.snc .prose :not(.not-prose, .not-prose *) h4,
.snc .prose :not(.not-prose, .not-prose *) h5 {
  --tw-font-weight: var(--font-weight-semibold);
  font-size: 1rem;
  font-weight: var(--font-weight-semibold);
}
.snc .prose :not(.not-prose, .not-prose *) h3,
.snc .prose :not(.not-prose, .not-prose *) h4 {
  margin-bottom: calc(var(--spacing) * 1);
}
.snc .prose :not(.not-prose, .not-prose *) h3:first-child a {
  font-size: 1.25rem;
  font-weight: 500;
}
.snc .prose :not(.not-prose, .not-prose *) p,
.snc .prose :not(.not-prose, .not-prose *) ol,
.snc .prose :not(.not-prose, .not-prose *) ul {
  margin-bottom: calc(var(--spacing) * 4);
}
:is(
  .snc .prose :not(.not-prose, .not-prose *) p,
  .snc .prose :not(.not-prose, .not-prose *) ol,
  .snc .prose :not(.not-prose, .not-prose *) ul
):last-child {
  margin-bottom: calc(var(--spacing) * 0);
}
.snc .prose :not(.not-prose, .not-prose *) ol,
.snc .prose :not(.not-prose, .not-prose *) ul {
  margin-top: calc(var(--spacing) * 0);
  list-style-type: none;
  list-style-position: inside;
  display: contents;
}
:is(
    .snc .prose :not(.not-prose, .not-prose *) ol,
    .snc .prose :not(.not-prose, .not-prose *) ul
  )
  > li {
  position: relative;
}
:is(
    .snc .prose :not(.not-prose, .not-prose *) ol,
    .snc .prose :not(.not-prose, .not-prose *) ul
  )
  > li:has(.title-citation) {
  margin-bottom: calc(var(--spacing) * 3);
}
:is(
    .snc .prose :not(.not-prose, .not-prose *) ol,
    .snc .prose :not(.not-prose, .not-prose *) ul
  )
  > li:has(.title-citation):last-child {
  margin-bottom: calc(var(--spacing) * 0);
}
:is(
    .snc .prose :not(.not-prose, .not-prose *) ol,
    .snc .prose :not(.not-prose, .not-prose *) ul
  )
  > li:before {
  left: calc(var(--spacing) * 0);
  position: absolute;
}
:is(
    .snc .prose :not(.not-prose, .not-prose *) ol,
    .snc .prose :not(.not-prose, .not-prose *) ul
  )
  > li
  > a,
:is(
    .snc .prose :not(.not-prose, .not-prose *) ol,
    .snc .prose :not(.not-prose, .not-prose *) ul
  )
  > li
  button {
  margin-block: calc(var(--spacing) * 0);
}
:is(
    .snc .prose :not(.not-prose, .not-prose *) ol,
    .snc .prose :not(.not-prose, .not-prose *) ul
  )
  > li
  p {
  margin-top: calc(var(--spacing) * 0);
  margin-bottom: calc(var(--spacing) * 2);
}
:is(
    .snc .prose :not(.not-prose, .not-prose *) ol,
    .snc .prose :not(.not-prose, .not-prose *) ul
  )
  > li
  ol,
:is(
    .snc .prose :not(.not-prose, .not-prose *) ol,
    .snc .prose :not(.not-prose, .not-prose *) ul
  )
  > li
  ul {
  margin-block: calc(var(--spacing) * 0);
  margin-left: calc(var(--spacing) * 4);
  padding: calc(var(--spacing) * 0);
  display: block;
}
.snc .prose :not(.not-prose, .not-prose *) ol {
  counter-reset: list-counter;
}
.snc .prose :not(.not-prose, .not-prose *) ol > li {
  padding-left: calc(var(--spacing) * 8);
  counter-increment: list-counter;
}
.snc .prose :not(.not-prose, .not-prose *) ol > li:before {
  color: var(--text-secondary);
  content: counter(list-counter) ".";
}
.snc .prose :not(.not-prose, .not-prose *) ul > li {
  padding-left: calc(var(--spacing) * 6);
}
.snc .prose :not(.not-prose, .not-prose *) ul > li:before {
  content: "•";
}
.snc .prose :not(.not-prose, .not-prose *) strong {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.snc .prose.result-streaming .context-list:last-child:has(p):after {
  display: none;
}
.snc .prose.result-streaming .context-list:last-child p:last-child:after {
  content: "●";
  vertical-align: baseline;
  margin-left: 0.25rem;
  font-family: Circle, system-ui, sans-serif;
  line-height: normal;
  display: inline;
}
code,
pre {
  font-family:
    ui-monospace,
    SFMono-Regular,
    SF Mono,
    Menlo,
    Consolas,
    Liberation Mono,
    monospace !important;
}
code[class="language-plaintext"] {
  white-space: pre-line;
}
code[class*="language-"],
pre[class*="language-"],
code.hljs {
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  tab-size: 4;
  -webkit-hyphens: none;
  hyphens: none;
  background: 0 0;
  line-height: 1.5;
}
pre[class*="language-"] {
  border-radius: 0.3em;
  overflow: auto;
}
:not(pre) > code[class*="language-"],
:not(pre) > code.hljs {
  white-space: normal;
  border-radius: 0.3em;
  padding: 0.1em;
}
:is(.light .dark, .dark) code[class*="language-"],
:is(.light .dark, .dark) pre[class*="language-"],
:is(.light .dark, .dark) code.hljs {
  color: #fff;
}
:is(.light .dark, .dark) .hljs-comment {
  color: #ffffff80;
}
:is(.light .dark, .dark) .hljs-meta {
  color: #fff9;
}
:is(.light .dark, .dark) .hljs-built_in,
:is(.light .dark, .dark) .hljs-class .hljs-title {
  color: #e9950c;
}
:is(.light .dark, .dark) .hljs-doctag,
:is(.light .dark, .dark) .hljs-keyword,
:is(.light .dark, .dark) .hljs-formula,
:is(.light .dark, .dark) .hljs-literal {
  color: #2e95d3;
}
:is(.light .dark, .dark) .hljs-string,
:is(.light .dark, .dark) .hljs-regexp,
:is(.light .dark, .dark) .hljs-addition,
:is(.light .dark, .dark) .hljs-attribute,
:is(.light .dark, .dark) .hljs-meta-string {
  color: #00a67d;
}
:is(.light .dark, .dark) .hljs-attr,
:is(.light .dark, .dark) .hljs-variable,
:is(.light .dark, .dark) .hljs-template-variable,
:is(.light .dark, .dark) .hljs-type,
:is(.light .dark, .dark) .hljs-selector-class,
:is(.light .dark, .dark) .hljs-selector-attr,
:is(.light .dark, .dark) .hljs-selector-pseudo,
:is(.light .dark, .dark) .hljs-number {
  color: #df3079;
}
:is(.light .dark, .dark) .hljs-symbol,
:is(.light .dark, .dark) .hljs-bullet,
:is(.light .dark, .dark) .hljs-link,
:is(.light .dark, .dark) .hljs-selector-id,
:is(.light .dark, .dark) .hljs-title {
  color: #f22c3d;
}
.light code[class*="language-"],
.light pre[class*="language-"],
.light code.hljs {
  color: #383a42;
}
.light .hljs-comment,
.light .hljs-quote {
  color: #a0a1a7;
  font-style: italic;
}
.light .hljs-doctag,
.light .hljs-keyword,
.light .hljs-formula {
  color: #a626a4;
}
.light .hljs-section,
.light .hljs-name,
.light .hljs-selector-tag,
.light .hljs-deletion,
.light .hljs-subst {
  color: #e45649;
}
.light .hljs-literal {
  color: #0184bb;
}
.light .hljs-string,
.light .hljs-regexp,
.light .hljs-addition,
.light .hljs-attribute,
.light .hljs-meta-string {
  color: #50a14f;
}
.light .hljs-built_in,
.light .hljs-class .hljs-title {
  color: #c18401;
}
.light .hljs-attr,
.light .hljs-variable,
.light .hljs-template-variable,
.light .hljs-type,
.light .hljs-selector-class,
.light .hljs-selector-attr,
.light .hljs-selector-pseudo,
.light .hljs-number {
  color: #986801;
}
.light .hljs-symbol,
.light .hljs-bullet,
.light .hljs-link,
.light .hljs-meta,
.light .hljs-selector-id,
.light .hljs-title {
  color: #4078f2;
}
.light .hljs-emphasis {
  font-style: italic;
}
.light .hljs-strong {
  font-weight: 700;
}
.light .hljs-link {
  text-decoration: underline;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: #a9aec1;
}
.token.punctuation {
  color: #fefefe;
}
.token.property,
.token.tag,
.token.constant,
.token.symbol,
.token.deleted {
  color: #ffa07a;
}
.token.boolean,
.token.number {
  color: #00e0e0;
}
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: #abe338;
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
  color: #00e0e0;
}
.token.atrule,
.token.attr-value,
.token.function {
  color: gold;
}
.token.keyword {
  color: #00e0e0;
}
.token.regex,
.token.important {
  color: gold;
}
.token.important,
.token.bold {
  font-weight: 700;
}
.token.italic {
  font-style: italic;
}
.token.entity {
  cursor: help;
}
@media screen and (-ms-high-contrast: active) {
  code[class*="language-"],
  pre[class*="language-"] {
    color: windowtext;
    background: window;
  }
  :not(pre) > code[class*="language-"],
  pre[class*="language-"] {
    background: window;
  }
  .token.important {
    color: window;
    background: highlight;
    font-weight: 400;
  }
  .token.atrule,
  .token.attr-value,
  .token.function,
  .token.keyword,
  .token.operator,
  .token.selector {
    font-weight: 700;
  }
  .token.attr-value,
  .token.comment,
  .token.doctype,
  .token.function,
  .token.keyword,
  .token.operator,
  .token.property,
  .token.string {
    color: highlight;
  }
  .token.attr-value,
  .token.url {
    font-weight: 400;
  }
}
.react-select-container input:focus {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
    calc(0px + 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);
}
.react-select-container .react-select__control {
  border-radius: var(--radius-lg);
  border-color: var(--gray-100);
  height: 192px;
  min-height: 192px;
  padding: calc(var(--spacing) * 2);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  align-items: flex-start;
  overflow: auto;
}
@media (hover: hover) {
  .react-select-container .react-select__control:hover {
    border-color: var(--gray-200);
  }
}
.react-select-container
  .react-select__control:where(.dark, .dark *):not(
    :where(.dark .light, .dark .light *)
  ) {
  background-color: var(--gray-900);
  border-color: #ffffff1a;
  border-color: lab(100% -0.0000298023 0.0000119209/.1);
}
@media (hover: hover) {
  .react-select-container
    .react-select__control:hover:where(.dark, .dark *):not(
      :where(.dark .light, .dark .light *)
    ) {
    border-color: #fff3;
    border-color: lab(100% -0.0000298023 0.0000119209/.2);
  }
}
.react-select-container.react-select--invalid .react-select__control,
.react-select-container.react-select--invalid
  .react-select__control:where(.dark, .dark *):not(
    :where(.dark .light, .dark .light *)
  ) {
  border-color: var(--red-500);
}
.react-select-container .react-select__placeholder {
  padding-inline: calc(var(--spacing) * 2);
}
.react-select-container .react-select__input-container {
  padding-inline: calc(var(--spacing) * 2);
  color: var(--text-secondary);
}
.react-select-container .react-select__input {
  height: calc(var(--spacing) * 8);
}
.react-select-container .react-select__control--is-focused {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
    calc(0px + 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);
  border-color: var(--interactive-border-focus) !important;
}
.react-select-container .react-select__control--is-focused:hover {
  border-color: var(--interactive-border-focus) !important;
}
.react-select-container .react-select__value-container {
  padding: calc(var(--spacing) * 0);
}
.react-select-container .react-select__indicators:empty {
  display: none;
}
.react-select-container .react-select__multi-value {
  margin: calc(var(--spacing) * 0);
  background-color: #0000;
}
.react-select-container .react-select__multi-value__label {
  padding: calc(var(--spacing) * 0);
}
.react-select-container .react-select__menu-list {
  padding: calc(var(--spacing) * 1.5);
}
.react-select-container .react-select__menu {
  margin-top: calc(var(--spacing) * 0);
  border-radius: var(--radius-2xl);
  max-height: 200px;
  overflow: hidden;
}
#intercom-container {
  display: none;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-border-spacing-x {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-spacing-y {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-pan-x {
  syntax: "*";
  inherits: false;
}
@property --tw-pan-y {
  syntax: "*";
  inherits: false;
}
@property --tw-pinch-zoom {
  syntax: "*";
  inherits: false;
}
@property --tw-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-tracking {
  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: 0;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@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;
}
@property --tw-contain-size {
  syntax: "*";
  inherits: false;
}
@property --tw-contain-layout {
  syntax: "*";
  inherits: false;
}
@property --tw-contain-paint {
  syntax: "*";
  inherits: false;
}
@property --tw-contain-style {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@property --tw-mask-linear {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-radial {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-conic {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-left {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-right {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-bottom {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-top {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-bottom-from-position {
  syntax: "*";
  inherits: false;
  initial-value: 0%;
}
@property --tw-mask-bottom-to-position {
  syntax: "*";
  inherits: false;
  initial-value: 100%;
}
@property --tw-mask-bottom-from-color {
  syntax: "*";
  inherits: false;
  initial-value: black;
}
@property --tw-mask-bottom-to-color {
  syntax: "*";
  inherits: false;
  initial-value: transparent;
}
@property --tw-mask-right-from-position {
  syntax: "*";
  inherits: false;
  initial-value: 0%;
}
@property --tw-mask-right-to-position {
  syntax: "*";
  inherits: false;
  initial-value: 100%;
}
@property --tw-mask-right-from-color {
  syntax: "*";
  inherits: false;
  initial-value: black;
}
@property --tw-mask-right-to-color {
  syntax: "*";
  inherits: false;
  initial-value: transparent;
}
@property --tw-mask-left-from-position {
  syntax: "*";
  inherits: false;
  initial-value: 0%;
}
@property --tw-mask-left-to-position {
  syntax: "*";
  inherits: false;
  initial-value: 100%;
}
@property --tw-mask-left-from-color {
  syntax: "*";
  inherits: false;
  initial-value: black;
}
@property --tw-mask-left-to-color {
  syntax: "*";
  inherits: false;
  initial-value: transparent;
}
@keyframes spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@keyframes bounce {
  0%,
  to {
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
    transform: translateY(-25%);
  }
  50% {
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    transform: none;
  }
}
@keyframes pulsing {
  0% {
    opacity: 1;
    scale: 1;
  }
  50% {
    opacity: 0.9;
    scale: 0.875;
  }
  to {
    opacity: 1;
    scale: 1;
  }
}
@keyframes slideDownAndFade {
  0% {
    opacity: 0;
    transform: translateY(-1px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideLeftAndFade {
  0% {
    opacity: 0;
    transform: translate(1px);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes contentShow {
  0% {
    opacity: 0;
    transform: scale(0.96);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes alertShow {
  0% {
    opacity: 0;
    transform: translate(-50%, -48%) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes slide-in-right {
  0% {
    transform: translate(100%);
  }
  to {
    transform: translate(0);
  }
}
@keyframes slide-out-left {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(-100%);
  }
}
@keyframes slide-in-left {
  0% {
    transform: translate(-100%);
  }
  to {
    transform: translate(0);
  }
}
@keyframes slide-out-right {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(100%);
  }
}
@keyframes mkt-slide-anim {
  0% {
    transform: translate(0);
  }
  50% {
    left: 0;
  }
  to {
    transform: translateX(calc(-100% * var(--to-end-unit, 1)));
  }
}