@clerk/react 6.13.0-snapshot.v20260805185245 → 6.13.0

package/dist/experimental/mosaic/styles.css

@@ -1,1388 +0,0 @@
-@layer priority1;
-
-@layer priority2 {
-  .x1ghz6dp {
-    margin: 0;
-  }
-
-  .x1717udv {
-    padding: 0;
-  }
-
-  .x81kzg8 {
-    padding: var(--xdy756j);
-  }
-}
-
-@layer priority3 {
-  .x1w294er {
-    animation-range: 0 var(--cl-scroll-fade-range),calc(100% - var(--cl-scroll-fade-range)) 100%;
-  }
-
-  .x9r1u3d {
-    border-color: #0000;
-  }
-
-  .x7vjwj5 {
-    border-color: var(--cl-color-border);
-  }
-
-  .x6i6fhv {
-    border-radius: .375rem;
-  }
-
-  .x1pjcqnp {
-    border-radius: inherit;
-  }
-
-  .xsq0ucf {
-    border-radius: var(--cl-radius-full);
-  }
-
-  .x5tmu5v {
-    border-radius: var(--cl-radius-lg);
-  }
-
-  .xzmjytj {
-    border-radius: var(--cl-radius-md);
-  }
-
-  .xoyn5m3 {
-    border-radius: var(--cl-radius-xl);
-  }
-
-  .xng3xce {
-    border-style: none;
-  }
-
-  .x1y0btm7 {
-    border-style: solid;
-  }
-
-  .xvndefy {
-    border-width: 1.5px;
-  }
-
-  .xmkeg23 {
-    border-width: 1px;
-  }
-
-  .xdh2fpr {
-    border-width: 2px;
-  }
-
-  .x1kkcdw1 {
-    gap: var(--x1a53y5a);
-  }
-
-  .x1m40gi7 {
-    gap: var(--x1si9mhm);
-  }
-
-  .x23m7v {
-    gap: var(--xdy756j);
-  }
-
-  .xye6cdn {
-    gap: var(--xq0ngzb);
-  }
-
-  .x159ucg {
-    gap: var(--xy9qo3a);
-  }
-
-  .xy1joaf {
-    margin-block: var(--xq0ngzb);
-  }
-
-  .x1b7ykpr {
-    margin-inline: calc(-1 * var(--xq0ngzb));
-  }
-
-  .x1a2a7pz {
-    outline: none;
-  }
-
-  .xb3r6kr {
-    overflow: hidden;
-  }
-
-  .x1rea2x4 {
-    overflow: visible;
-  }
-
-  .xish69e {
-    overscroll-behavior: contain;
-  }
-
-  .x13ypk2r {
-    padding-block: var(--x1a53y5a);
-  }
-
-  .x8wnb9s {
-    padding-block: var(--xhc2ez);
-  }
-
-  .xw3ici0 {
-    padding-block: var(--xq0ngzb);
-  }
-
-  .x1im7vgq {
-    padding-block: var(--xy9qo3a);
-  }
-
-  .x1ra9hnu {
-    padding-inline: var(--x1ovo3dy);
-  }
-
-  .x1frjxyn {
-    padding-inline: var(--xdy756j);
-  }
-
-  .x17hum9o {
-    padding-inline: var(--xhc2ez);
-  }
-
-  .x1i07m7f {
-    padding-inline: var(--xq0ngzb);
-  }
-
-  .x1nv35cc {
-    scroll-padding-block: var(--cl-scroll-fade-size);
-  }
-
-  .xb9ty9z:focus-visible {
-    outline: 2px solid var(--cl-color-primary);
-  }
-}
-
-@layer priority4 {
-  .x1ua5tub {
-    -webkit-box-orient: vertical;
-  }
-
-  .x6s0dn4 {
-    align-items: center;
-  }
-
-  .x1cy8zhl {
-    align-items: flex-start;
-  }
-
-  .xdz8niu {
-    animation-duration: .6s;
-  }
-
-  .x1c74tu6 {
-    animation-duration: 2s;
-  }
-
-  .x1u6ievf {
-    animation-fill-mode: both;
-  }
-
-  .xa4qsjk {
-    animation-iteration-count: infinite;
-  }
-
-  .x1aerksh {
-    animation-name: x1wc8ddo-B;
-  }
-
-  .xo6bm9r {
-    animation-name: xjsmpz5-B;
-  }
-
-  .x1qvwqhg {
-    animation-timeline: scroll(self), scroll(self);
-  }
-
-  .xw1l40g {
-    animation-timing-function: cubic-bezier(.4, 0, .6, 1);
-  }
-
-  .x1esw782 {
-    animation-timing-function: linear;
-  }
-
-  .xjyslct {
-    appearance: none;
-  }
-
-  .x1y5e3q9 {
-    aspect-ratio: 1;
-  }
-
-  .xl6u2f4 {
-    background-color: light-dark(oklab(0% none none / .06), oklab(100% 0 0 / .06));
-  }
-
-  .x1ahq011 {
-    background-color: color-mix(in oklab,var(--cl-color-neutral) 8%,transparent);
-  }
-
-  .xjbqb8w {
-    background-color: #0000;
-  }
-
-  .xypn2br {
-    background-color: var(--cl-color-border-faded);
-  }
-
-  .x1rhdsbq {
-    background-color: var(--cl-color-border);
-  }
-
-  .xi0fnek {
-    background-color: var(--cl-color-card);
-  }
-
-  .x1v0n27i {
-    background-color: var(--cl-color-negative-faded);
-  }
-
-  .x1i7qlve {
-    background-color: var(--cl-color-negative);
-  }
-
-  .xvifhcz {
-    background-color: var(--cl-color-positive-faded);
-  }
-
-  .x8iw500 {
-    background-color: var(--cl-color-primary);
-  }
-
-  .x1js9a9q {
-    background-color: var(--cl-color-warning-faded);
-  }
-
-  .x1bet0mg {
-    box-shadow: 0 12px 12px -7px light-dark(oklch(20.46% 0 0 / .12), #0000), 0 24px 24px -10px light-dark(oklch(20.46% 0 0 / .04), #0000), 0 0 0 1px light-dark(oklch(20.46% 0 0 / .04), oklch(100% 0 0 / .1));
-  }
-
-  .xndgffv {
-    box-shadow: 0 12px 12px -7px oklch(20.46% 0 0 / .12), 0 24px 24px -10px oklch(20.46% 0 0 / .04), 0 0 0 1px oklch(20.46% 0 0 / .04);
-  }
-
-  .x1gnnqk1 {
-    box-shadow: none;
-  }
-
-  .x9f619 {
-    box-sizing: border-box;
-  }
-
-  .x1heor9g {
-    color: inherit;
-  }
-
-  .x1r7nxy8 {
-    color: var(--_cl-icon-color, currentColor);
-  }
-
-  .x1bbkniq {
-    color: var(--cl-color-card-foreground);
-  }
-
-  .x17h5lh2 {
-    color: var(--cl-color-negative-foreground);
-  }
-
-  .xon2h3r {
-    color: var(--cl-color-negative);
-  }
-
-  .xyfrgc4 {
-    color: var(--cl-color-neutral-faded);
-  }
-
-  .x1dky8hy {
-    color: var(--cl-color-neutral-foreground);
-  }
-
-  .x1jq3gyk {
-    color: var(--cl-color-neutral);
-  }
-
-  .x1clqapk {
-    color: var(--cl-color-positive);
-  }
-
-  .x1dssb7w {
-    color: var(--cl-color-primary-foreground);
-  }
-
-  .xfuwino {
-    color: var(--cl-color-primary);
-  }
-
-  .x1v0fbtm {
-    color: var(--cl-color-warning);
-  }
-
-  .x1h6gzvc {
-    cursor: not-allowed;
-  }
-
-  .x1ypdohk {
-    cursor: pointer;
-  }
-
-  .x104kibb {
-    display: -webkit-box;
-  }
-
-  .x1lliihq {
-    display: block;
-  }
-
-  .x78zum5 {
-    display: flex;
-  }
-
-  .x1rg5ohu {
-    display: inline-block;
-  }
-
-  .x3nfvp2 {
-    display: inline-flex;
-  }
-
-  .xdl72j9 {
-    flex-basis: auto;
-  }
-
-  .xdt5ytf {
-    flex-direction: column;
-  }
-
-  .x1iyjqo2 {
-    flex-grow: 1;
-  }
-
-  .x2lah0s {
-    flex-shrink: 0;
-  }
-
-  .xs83m0k {
-    flex-shrink: 1;
-  }
-
-  .xjb2p0i {
-    font-family: inherit;
-  }
-
-  .x2ohwh0 {
-    font-size: .625rem;
-  }
-
-  .xboafo0 {
-    font-size: .75rem;
-  }
-
-  .xkpwil5 {
-    font-size: .875rem;
-  }
-
-  .x1jchvi3 {
-    font-size: 1rem;
-  }
-
-  .x1qlqyl8 {
-    font-size: inherit;
-  }
-
-  .xmrwz5s {
-    font-size: var(--cl-text-2xl-size);
-  }
-
-  .xiavimo {
-    font-size: var(--cl-text-base-size);
-  }
-
-  .x10wtlqb {
-    font-size: var(--cl-text-lg-size);
-  }
-
-  .xycjmc8 {
-    font-size: var(--cl-text-sm-size);
-  }
-
-  .x151w8eg {
-    font-size: var(--cl-text-xl-size);
-  }
-
-  .xoquv76 {
-    font-size: var(--cl-text-xs-size);
-  }
-
-  .x1pd3egz {
-    font-weight: inherit;
-  }
-
-  .x1356bol {
-    font-weight: var(--cl-font-medium);
-  }
-
-  .xyiwv3i {
-    font-weight: var(--cl-font-normal);
-  }
-
-  .x15k4r3u {
-    font-weight: var(--cl-font-semibold);
-  }
-
-  .xl56j7k {
-    justify-content: center;
-  }
-
-  .x1qughib {
-    justify-content: space-between;
-  }
-
-  .xo5v014 {
-    line-height: 1;
-  }
-
-  .x15bjb6t {
-    line-height: inherit;
-  }
-
-  .x1k5ophi {
-    line-height: var(--cl-text-2xl-leading);
-  }
-
-  .x60xny5 {
-    line-height: var(--cl-text-base-leading);
-  }
-
-  .xlz07k7 {
-    line-height: var(--cl-text-lg-leading);
-  }
-
-  .x4wh5sz {
-    line-height: var(--cl-text-sm-leading);
-  }
-
-  .xbuswt8 {
-    line-height: var(--cl-text-xl-leading);
-  }
-
-  .x1s3bc0o {
-    line-height: var(--cl-text-xs-leading);
-  }
-
-  .xf524h5 {
-    mask-image: linear-gradient(to bottom,transparent 0,#000 calc(var(--cl-scroll-area-progress-start) * var(--cl-scroll-fade-size)),#000 calc(100% - var(--cl-scroll-area-progress-end) * var(--cl-scroll-fade-size)),transparent 100%),linear-gradient(#000,#000);
-  }
-
-  .xu8n7he {
-    mask-position: 0 0, 100% 0;
-  }
-
-  .x16fucec {
-    mask-repeat: no-repeat;
-  }
-
-  .xnzzp5q {
-    mask-size: 100% 100%, 0 100%;
-  }
-
-  .xl1xv1r {
-    object-fit: cover;
-  }
-
-  .xbyyjgo {
-    opacity: .5;
-  }
-
-  .x1hc1fzr {
-    opacity: 1;
-  }
-
-  .x1hl8ikr {
-    outline-offset: 2px;
-  }
-
-  .xj0a0fe {
-    overflow-wrap: anywhere;
-  }
-
-  .xyri2b {
-    padding-inline-end: 0;
-  }
-
-  .x1f3lon0 {
-    padding-inline-end: var(--xkzh3wu);
-  }
-
-  .xheug0j {
-    padding-inline-end: var(--xy9qo3a);
-  }
-
-  .x1c1uobl {
-    padding-inline-start: 0;
-  }
-
-  .x1cg68ic {
-    padding-inline-start: var(--xkzh3wu);
-  }
-
-  .x16igjie {
-    padding-inline-start: var(--xy9qo3a);
-  }
-
-  .x10l6tqk {
-    position: absolute;
-  }
-
-  .x1n2onr6 {
-    position: relative;
-  }
-
-  .x1w32qep {
-    row-gap: var(--x192isxn);
-  }
-
-  .x1hsy5kr {
-    scale: 1;
-  }
-
-  .x24f09q {
-    scrollbar-gutter: auto;
-  }
-
-  .x185mbhu {
-    scrollbar-gutter: stable;
-  }
-
-  .x2b8uid {
-    text-align: center;
-  }
-
-  .x1yc453h {
-    text-align: start;
-  }
-
-  .xr5o5jz {
-    text-decoration-color: #0000;
-  }
-
-  .xujl8zx {
-    text-decoration-line: underline;
-  }
-
-  .xlyipyv {
-    text-overflow: ellipsis;
-  }
-
-  .xrys4gj {
-    text-underline-offset: 2px;
-  }
-
-  .x1ik82zu {
-    transform-origin: var(--cl-anchor-origin, center);
-  }
-
-  .x3k6q7e {
-    transform-origin: var(--cl-transform-origin);
-  }
-
-  .x3oybdh {
-    transform: scale(1);
-  }
-
-  .xx6bhzk {
-    transition-duration: .15s;
-  }
-
-  .x15lxu3q {
-    transition-duration: var(--_cl-icon-duration, var(--cl-duration-instant));
-  }
-
-  .x15zdmbk {
-    transition-duration: var(--cl-duration-base);
-  }
-
-  .x1ki4nqw {
-    transition-duration: var(--cl-duration-fast),var(--cl-duration-base);
-  }
-
-  .xfdlj7e {
-    transition-property: background-color, border-color, color, opacity, text-decoration-color;
-  }
-
-  .x15406qy {
-    transition-property: background-color;
-  }
-
-  .xt3l3uh {
-    transition-property: color;
-  }
-
-  .x1h615f9 {
-    transition-property: opacity, scale;
-  }
-
-  .x6o7n8i {
-    transition-property: opacity, transform;
-  }
-
-  .x9lcvmn {
-    transition-timing-function: ease-out;
-  }
-
-  .x1q86gd6 {
-    transition-timing-function: linear,var(--cl-ease-default);
-  }
-
-  .xcj1dhv {
-    transition-timing-function: linear;
-  }
-
-  .x87ps6o {
-    -webkit-user-select: none;
-    user-select: none;
-  }
-
-  .xxymvpz {
-    vertical-align: middle;
-  }
-
-  .xuxw1ft {
-    white-space: nowrap;
-  }
-
-  @supports (animation-timeline: scroll()) {
-    .x1h88zcb.x1h88zcb {
-      animation-name: x1aonz99-B, xgpyg5j-B;
-    }
-  }
-
-  .xhjukbx:enabled[data-open] {
-    background-color: light-dark(oklab(0% none none / .12), oklab(100% 0 0 / .12));
-  }
-
-  .x12ryjg1:enabled[data-open] {
-    background-color: light-dark(oklab(0% none none / .18), oklab(100% 0 0 / .18));
-  }
-
-  .x1m6ra4l:enabled[data-open] {
-    background-color: color-mix(in oklab,var(--cl-color-negative-faded),var(--cl-color-negative) 8%);
-  }
-
-  .x1vg0ax0[data-active] {
-    background-color: color-mix(in oklab,var(--cl-color-negative) 8%,transparent);
-  }
-
-  .x123c0hq:enabled[data-open] {
-    background-color: color-mix(in oklab,var(--cl-color-negative),var(--cl-color-negative-foreground) 18%);
-  }
-
-  .x1kvun9o[data-active] {
-    background-color: color-mix(in oklab,var(--cl-color-neutral) 4%,transparent);
-  }
-
-  .x7x086a:enabled[data-open] {
-    background-color: color-mix(in oklab,var(--cl-color-primary),var(--cl-color-primary-foreground) 18%);
-  }
-
-  .x5ezrf1[data-disabled] {
-    cursor: not-allowed;
-  }
-
-  .xxh3kiz[data-disabled] {
-    opacity: .5;
-  }
-
-  .x1gqblgl[data-ending-style], .x1iwdfne.x1iwdfne:where([data-starting-style], [data-ending-style]), .x1llxi74[data-starting-style] {
-    opacity: 0;
-  }
-
-  .x115il6k:focus-visible {
-    outline-offset: var(--xq0ngzb);
-  }
-
-  .xz00goy.xz00goy:where(:has(.xv0oujw[data-icon="inline-end"])) {
-    padding-inline-end: var(--xdy756j);
-  }
-
-  .xwc2e68.xwc2e68:where(:has(.xv0oujw[data-icon="inline-start"])) {
-    padding-inline-start: var(--xdy756j);
-  }
-
-  .x1a24yex[data-ending-style], .x1f7osl9[data-starting-style] {
-    scale: .96;
-  }
-
-  .x1x339lt.x1x339lt:where([data-starting-style], [data-ending-style]) {
-    transform: scale(.94);
-  }
-
-  .xcv21v6.xcv21v6:where([data-ending-style]) {
-    transition-duration: var(--cl-duration-fast);
-  }
-
-  .xqbl4w0.xqbl4w0:where([data-ending-style]) {
-    transition-timing-function: linear,var(--cl-ease-exit);
-  }
-
-  .xaqnwrm:disabled {
-    pointer-events: none;
-  }
-
-  .xujddwr:active {
-    background-color: color-mix(in oklab,var(--cl-color-neutral) 8%,transparent);
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .x1aquc0h.x1aquc0h {
-      animation-name: none;
-    }
-  }
-
-  @media (pointer: coarse) {
-    .xrxqdxo.xrxqdxo {
-      position: relative;
-    }
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .x1v3nhsv.x1v3nhsv {
-      transform: scale(1);
-    }
-
-    .xsagj69.xsagj69 {
-      transition-duration: .01ms;
-    }
-  }
-
-  @media (pointer: fine) {
-    .xirxuem.xirxuem {
-      transition-duration: var(--cl-duration-base);
-    }
-
-    .xr752y0.xr752y0 {
-      transition-property: --_cl-scrollbar-thumb-color;
-    }
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .x1ympp8d.x1ympp8d {
-      transition-property: opacity;
-    }
-  }
-
-  @media (pointer: fine) {
-    .x1iuo0uw.x1iuo0uw {
-      transition-timing-function: linear;
-    }
-  }
-
-  .xp2y9pe:enabled:hover {
-    text-decoration-color: currentColor;
-  }
-
-  .x1ehwo8e:enabled:hover {
-    transition-duration: var(--cl-duration-instant);
-  }
-
-  @supports not ((-moz-appearance: none)) {
-    @media (pointer: fine) {
-      .xpkdp8j.xpkdp8j.xpkdp8j {
-        mask-size: calc(100% - var(--cl-scrollbar-width)) 100%,var(--cl-scrollbar-width) 100%;
-      }
-    }
-  }
-
-  @media (hover: hover) {
-    .x1x5uf0n.x1x5uf0n:enabled:hover:not(:active):not([data-open]) {
-      background-color: light-dark(oklab(0% none none / .12), oklab(100% 0 0 / .12));
-    }
-
-    .x2u8x75.x2u8x75:enabled:hover:not(:active):not([data-open]) {
-      background-color: light-dark(oklab(0% none none / .06), oklab(100% 0 0 / .06));
-    }
-
-    .x67pp3z.x67pp3z:enabled:hover:not(:active):not([data-open]) {
-      background-color: color-mix(in oklab,var(--cl-color-negative),var(--cl-color-negative-foreground) 12%);
-    }
-
-    .xomtlre.xomtlre:enabled:hover:not(:active):not([data-open]) {
-      background-color: color-mix(in oklab,var(--cl-color-primary),var(--cl-color-primary-foreground) 12%);
-    }
-
-    .xc5n431.xc5n431:enabled:hover:not(:active):not([data-open]) {
-      background-color: var(--cl-color-negative-faded);
-    }
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .xuz6scd.xuz6scd.xuz6scd:where([data-starting-style], [data-ending-style]) {
-      transform: scale(1);
-    }
-  }
-
-  @media (pointer: fine) {
-    .x1pe5yr2.x1pe5yr2:is(:hover, :focus-within) {
-      transition-duration: var(--cl-duration-fast);
-    }
-  }
-
-  .x1aufcjf:enabled:active {
-    background-color: light-dark(oklab(0% none none / .12), oklab(100% 0 0 / .12));
-  }
-
-  .x1cbg60r:enabled:active {
-    background-color: light-dark(oklab(0% none none / .18), oklab(100% 0 0 / .18));
-  }
-
-  .xnqgkqz:enabled:active {
-    background-color: color-mix(in oklab,var(--cl-color-negative-faded),var(--cl-color-negative) 8%);
-  }
-
-  .x1hejetb:enabled:active {
-    background-color: color-mix(in oklab,var(--cl-color-negative),var(--cl-color-negative-foreground) 18%);
-  }
-
-  .xnbqvkm:enabled:active {
-    background-color: color-mix(in oklab,var(--cl-color-primary),var(--cl-color-primary-foreground) 18%);
-  }
-
-  .x1cciqnj:enabled:active {
-    transition-duration: var(--cl-duration-instant);
-  }
-
-  @media (hover: hover) {
-    .x1l17d2i.x1l17d2i:hover {
-      background-color: color-mix(in oklab,var(--cl-color-negative) 8%,transparent);
-    }
-
-    .x1mqvlab.x1mqvlab:hover {
-      background-color: color-mix(in oklab,var(--cl-color-neutral) 4%,transparent);
-    }
-
-    .xnzns11.xnzns11:hover {
-      color: var(--cl-color-neutral);
-    }
-  }
-}
-
-@layer priority5 {
-  .xwnvlhs {
-    border-top-color: var(--cl-color-border-faded);
-  }
-
-  .x1dwpgp5 {
-    border-top-color: var(--cl-color-border);
-  }
-
-  .x8j55la {
-    border-top-color: var(--cl-color-card-foreground);
-  }
-
-  .x13fuv20 {
-    border-top-style: solid;
-  }
-
-  .x178xt8z {
-    border-top-width: 1px;
-  }
-
-  .xb8l8e1 {
-    height: 1.75rem;
-  }
-
-  .x5yr21d {
-    height: 100%;
-  }
-
-  .xjm9jq1 {
-    height: 1px;
-  }
-
-  .xt7dq6l {
-    height: auto;
-  }
-
-  .x13bvjdt {
-    height: var(--x192isxn);
-  }
-
-  .x1rirb2l {
-    height: var(--x1ho5iso);
-  }
-
-  .x5ueopp {
-    height: var(--x1mx0i3q);
-  }
-
-  .x1jumdjj {
-    height: var(--xhc2ez);
-  }
-
-  .xahslz {
-    height: var(--xmufy6b);
-  }
-
-  .xpd21ip {
-    height: var(--xr8u8ci);
-  }
-
-  .xjyqqt9 {
-    height: var(--xtthhbj);
-  }
-
-  .x130cbx6 {
-    height: var(--xzvjavo);
-  }
-
-  .x10xx96q {
-    max-height: 18rem;
-  }
-
-  .x1umrnd3 {
-    max-height: min(80dvh, 36rem);
-  }
-
-  .xuslves {
-    max-height: var(--cl-available-height);
-  }
-
-  .x1ok5v8c {
-    max-width: 12rem;
-  }
-
-  .x193lwwl {
-    max-width: calc(100vw - 2rem);
-  }
-
-  .x2lwn1j {
-    min-height: 0;
-  }
-
-  .xeuugli {
-    min-width: 0;
-  }
-
-  .x1j0rjk9 {
-    min-width: 12.5rem;
-  }
-
-  .x6ikm8r {
-    overflow-x: hidden;
-  }
-
-  .x1odjw0f {
-    overflow-y: auto;
-  }
-
-  .xh55o2l {
-    padding-top: var(--x192isxn);
-  }
-
-  .xh29eag {
-    width: 1.75rem;
-  }
-
-  .xh8yej3 {
-    width: 100%;
-  }
-
-  .x1qrp33v {
-    width: min(18rem, 100vw - 2rem);
-  }
-
-  .x31lhzi {
-    width: min(23.5rem, 100vw - 2rem);
-  }
-
-  .x43d60k {
-    width: min(26rem, 100vw - 2rem);
-  }
-
-  .xb8nub8 {
-    width: var(--x192isxn);
-  }
-
-  .xdlblfk {
-    width: var(--x1mx0i3q);
-  }
-
-  .xrv0xk7 {
-    width: var(--xhc2ez);
-  }
-
-  .xcbigqw {
-    width: var(--xmufy6b);
-  }
-
-  .xxh3iqc {
-    width: var(--xr8u8ci);
-  }
-
-  .x125yc2o {
-    width: var(--xtthhbj);
-  }
-
-  .xv6aqql {
-    width: var(--xzvjavo);
-  }
-}
-
-@layer priority6 {
-  @media (pointer: fine) {
-    .x1yvygqp.x1yvygqp::-webkit-scrollbar-thumb:hover {
-      --_cl-scrollbar-thumb-color: var(--cl-scrollbar-thumb-hover);
-    }
-
-    .x1mc4fbr.x1mc4fbr::-webkit-scrollbar-thumb:active {
-      --_cl-scrollbar-thumb-color: var(--cl-scrollbar-thumb-active);
-    }
-  }
-}
-
-@layer priority7 {
-  .xyecbis:before {
-    inset-block: calc(-1 * var(--xq0ngzb));
-  }
-
-  .xzsz2wb:after {
-    inset-block: min(0px,(100% - var(--cl-target-coarse)) / 2);
-  }
-
-  .xb7ltuz:after {
-    inset-inline: 0;
-  }
-
-  .x4dh16m:before {
-    inset-inline: calc(-1 * var(--xq0ngzb));
-  }
-
-  .x1oplquz:after {
-    inset-inline: min(0px,(100% - var(--cl-target-coarse)) / 2);
-  }
-
-  @media (pointer: fine) {
-    .x1pet65r.x1pet65r::-webkit-scrollbar-thumb {
-      border-color: #0000;
-    }
-
-    .x16sl5ms.x16sl5ms::-webkit-scrollbar-thumb {
-      border-radius: var(--cl-radius-full);
-    }
-
-    .x1x053z9.x1x053z9::-webkit-scrollbar-thumb {
-      border-style: solid;
-    }
-
-    .xvioski.xvioski::-webkit-scrollbar-thumb {
-      border-width: var(--cl-scrollbar-thumb-inset);
-    }
-  }
-}
-
-@layer priority8 {
-  .x1cpjm7i:before {
-    content: "";
-  }
-
-  .x1hmns74:before, .x1j6awrg:after {
-    position: absolute;
-  }
-
-  @media (pointer: fine) {
-    .xldlt4e.xldlt4e::-webkit-scrollbar-thumb {
-      background-clip: content-box;
-    }
-
-    .xfylwoi.xfylwoi::-webkit-scrollbar-track {
-      background-color: #0000;
-    }
-
-    .xvydbqu.xvydbqu::-webkit-scrollbar-thumb {
-      background-color: var(--_cl-scrollbar-thumb-color);
-    }
-  }
-
-  @media (pointer: coarse) {
-    .x1fjtqre.x1fjtqre:after {
-      content: "";
-    }
-  }
-
-  @media (pointer: fine) {
-    @media (forced-colors: active) {
-      .x1m9b8w2.x1m9b8w2.x1m9b8w2::-webkit-scrollbar-thumb {
-        background-color: buttonborder;
-      }
-    }
-  }
-}
-
-@layer priority9 {
-  @media (pointer: fine) {
-    .x13mldug.x13mldug::-webkit-scrollbar {
-      width: var(--cl-scrollbar-width);
-    }
-  }
-}
-
-@property --_cl-scrollbar-thumb-color {
-  syntax: "<color>";
-  inherits: true;
-  initial-value: #0000;
-}
-
-@property --cl-scroll-area-progress-end {
-  syntax: "<number>";
-  inherits: true;
-  initial-value: 0;
-}
-
-@property --cl-scroll-area-progress-start {
-  syntax: "<number>";
-  inherits: true;
-  initial-value: 0;
-}
-
-@keyframes xgpyg5j-B {
-  from {
-    --cl-scroll-area-progress-end: 1;
-  }
-
-  to {
-    --cl-scroll-area-progress-end: 0;
-  }
-}
-
-@keyframes x1aonz99-B {
-  from {
-    --cl-scroll-area-progress-start: 0;
-  }
-
-  to {
-    --cl-scroll-area-progress-start: 1;
-  }
-}
-
-@keyframes xjsmpz5-B {
-  50% {
-    opacity: .5;
-  }
-}
-
-@keyframes x1wc8ddo-B {
-  from {
-    transform: rotate(0);
-  }
-
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-:root, .xli8ifs {
-  --_cl-scrollbar-thumb-color: transparent;
-}
-
-:root, .x1pppt44 {
-  --cl-color-primary: light-dark(oklch(20.5% 0 0), oklch(92.2% 0 0));
-  --cl-color-primary-foreground: light-dark(oklch(98.5% 0 0), oklch(20.5% 0 0));
-  --cl-color-primary-faded: light-dark(oklch(95.83% .0214 291.74), oklch(30.97% .1008 285.05));
-  --cl-color-neutral: light-dark(oklch(29.28% .0163 285.35), oklch(98.54% .0013 286.38));
-  --cl-color-neutral-foreground: light-dark(oklch(24% 0 0), oklch(96% 0 0));
-  --cl-color-neutral-faded: light-dark(oklch(56.97% .0246 279.94), oklch(69.53% .0261 285.7));
-  --cl-color-negative: light-dark(oklch(57.7% .245 27.325), oklch(63.7% .237 25.331));
-  --cl-color-negative-foreground: oklch(98.5% 0 0);
-  --cl-color-negative-faded: light-dark(oklch(97.57% .0118 17.36), oklch(25.5% .0604 22.31));
-  --cl-color-positive: light-dark(oklch(54.8% .153 152.535), oklch(69.6% .17 162.48));
-  --cl-color-positive-foreground: oklch(98.5% 0 0);
-  --cl-color-positive-faded: light-dark(oklch(98.59% .0164 156.92), oklch(32.97% .052 152.31));
-  --cl-color-warning: light-dark(oklch(64.6% .222 41.116), oklch(75% .183 55.934));
-  --cl-color-warning-foreground: oklch(98.5% 0 0);
-  --cl-color-warning-faded: light-dark(oklch(97.99% .0147 70.89), oklch(27.25% .0547 55.7));
-  --cl-color-card: light-dark(oklch(100% 0 0), oklch(20.5% 0 0));
-  --cl-color-card-foreground: light-dark(oklch(14.5% 0 0), oklch(98.5% 0 0));
-  --cl-color-border: light-dark(oklch(94.75% .0067 286.27), oklch(33.21% .014 285.61));
-  --cl-color-border-faded: light-dark(oklch(95.87% .0027 286.35), oklch(29.6% .0126 285.61));
-}
-
-:root, .x8r605d {
-  --cl-duration-instant: 0s;
-  --cl-duration-fast: .1s;
-  --cl-duration-base: .15s;
-  --cl-duration-slow: .25s;
-  --cl-duration-slower: .35s;
-}
-
-:root, .x1oz6thk {
-  --cl-ease-default: cubic-bezier(.175, .885, .32, 1.1);
-  --cl-ease-exit: cubic-bezier(.55, .085, .68, .53);
-}
-
-:root, .xbaf74w {
-  --cl-font-normal: 400;
-  --cl-font-medium: 500;
-  --cl-font-semibold: 600;
-  --cl-font-bold: 700;
-}
-
-:root, .xo5lcej {
-  --cl-radius-none: 0rem;
-  --cl-radius-sm: .25rem;
-  --cl-radius-md: .375rem;
-  --cl-radius-lg: .5rem;
-  --cl-radius-xl: .75rem;
-  --cl-radius-full: calc(infinity * 1px);
-}
-
-:root, .xg2166p {
-  --cl-scroll-area-progress-start: 0;
-  --cl-scroll-area-progress-end: 0;
-}
-
-:root, .xajl02 {
-  --cl-scroll-fade-size: 1.5rem;
-  --cl-scroll-fade-range: 1.5rem;
-}
-
-:root, .xuwnbhb {
-  --cl-scrollbar-width: 8px;
-  --cl-scrollbar-thumb-inset: 2px;
-  --cl-scrollbar-thumb: color-mix(in oklab, var(--cl-color-neutral-faded), var(--cl-color-card) 55%);
-  --cl-scrollbar-thumb-idle: color-mix(in oklab, var(--cl-scrollbar-thumb), var(--cl-color-card) 45%);
-  --cl-scrollbar-thumb-hover: color-mix(in oklab, var(--cl-scrollbar-thumb), var(--cl-color-card-foreground) 15%);
-  --cl-scrollbar-thumb-active: color-mix(in oklab, var(--cl-scrollbar-thumb), var(--cl-color-card-foreground) 30%);
-}
-
-:root, .xwhwew9 {
-  --cl-spacing: .25rem;
-}
-
-:root, .xqacbov {
-  --cl-target-coarse: 2.75rem;
-}
-
-:root, .x1wvf28a {
-  --cl-text-xs-size: .75rem;
-  --cl-text-xs-leading: calc(1 / .75);
-  --cl-text-sm-size: .875rem;
-  --cl-text-sm-leading: calc(1.25 / .875);
-  --cl-text-base-size: 1rem;
-  --cl-text-base-leading: calc(1.5 / 1);
-  --cl-text-lg-size: 1.125rem;
-  --cl-text-lg-leading: calc(1.75 / 1.125);
-  --cl-text-xl-size: 1.25rem;
-  --cl-text-xl-leading: calc(1.75 / 1.25);
-  --cl-text-2xl-size: 1.5rem;
-  --cl-text-2xl-leading: calc(2 / 1.5);
-}
-
-:root, .xh18x0r {
-  --x1mjdd8l: 0px;
-  --x1a53y5a: calc(var(--cl-spacing) * 1);
-  --xdy756j: calc(var(--cl-spacing) * 2);
-  --xy9qo3a: calc(var(--cl-spacing) * 3);
-  --xhc2ez: calc(var(--cl-spacing) * 4);
-  --x192isxn: calc(var(--cl-spacing) * 5);
-  --x1ovo3dy: calc(var(--cl-spacing) * 6);
-  --xr8u8ci: calc(var(--cl-spacing) * 7);
-  --x1mx0i3q: calc(var(--cl-spacing) * 8);
-  --xzvjavo: calc(var(--cl-spacing) * 9);
-  --x1j5xiwv: calc(var(--cl-spacing) * 10);
-  --x1bmhtkd: calc(var(--cl-spacing) * 11);
-  --xmufy6b: calc(var(--cl-spacing) * 12);
-  --x1ho5iso: calc(var(--cl-spacing) * 13);
-  --xq0ngzb: calc(var(--cl-spacing) * .5);
-  --x1si9mhm: calc(var(--cl-spacing) * 1.5);
-  --xkzh3wu: calc(var(--cl-spacing) * 2.5);
-  --xtthhbj: calc(var(--cl-spacing) * 3.5);
-}
-
-.xloh1ix {
-  --_cl-icon-color: color-mix(in oklab,var(--cl-color-negative-foreground),var(--cl-color-negative) 40%);
-}
-
-.xnjffwo {
-  --_cl-icon-color: color-mix(in oklab,var(--cl-color-negative),var(--cl-color-negative-faded) 50%);
-}
-
-.xb14vx4 {
-  --_cl-icon-color: color-mix(in oklab,var(--cl-color-primary-foreground),var(--cl-color-primary) 40%);
-}
-
-.x21fbpw {
-  --_cl-icon-color: var(--cl-color-neutral-faded);
-}
-
-.x1oyuh9t {
-  --_cl-icon-duration: var(--cl-duration-base);
-}
-
-.x70wjba:enabled[data-open] {
-  --_cl-icon-color: var(--cl-color-negative-foreground);
-}
-
-.xmkjum2:enabled[data-open] {
-  --_cl-icon-color: var(--cl-color-negative);
-}
-
-.xfy2m4o:enabled[data-open] {
-  --_cl-icon-color: var(--cl-color-neutral-foreground);
-}
-
-.x15yl68p:enabled[data-open] {
-  --_cl-icon-color: var(--cl-color-primary-foreground);
-}
-
-.xw7037m:enabled[data-open] {
-  --_cl-icon-color: var(--cl-color-primary);
-}
-
-@media (pointer: fine) {
-  .xbbqkst.xbbqkst {
-    --_cl-scrollbar-thumb-color: var(--cl-scrollbar-thumb-idle);
-  }
-}
-
-.x1sl693h:enabled:hover {
-  --_cl-icon-duration: var(--cl-duration-instant);
-}
-
-@media (pointer: fine) {
-  .x1odmb1f.x1odmb1f:is(:hover, :focus-within) {
-    --_cl-scrollbar-thumb-color: var(--cl-scrollbar-thumb);
-  }
-}
-
-.x1uqjgx9:enabled:active {
-  --_cl-icon-duration: var(--cl-duration-instant);
-}
-
-@media (hover: hover) {
-  .xyaylae.xyaylae:hover {
-    --_cl-icon-color: var(--cl-color-neutral);
-  }
-
-  .x8e775.x8e775:enabled:hover {
-    --_cl-icon-color: var(--cl-color-negative-foreground);
-  }
-
-  .xe9ltju.xe9ltju:enabled:hover {
-    --_cl-icon-color: var(--cl-color-negative);
-  }
-
-  .x19hxnu0.x19hxnu0:enabled:hover {
-    --_cl-icon-color: var(--cl-color-neutral-foreground);
-  }
-
-  .xrarb3b.xrarb3b:enabled:hover {
-    --_cl-icon-color: var(--cl-color-primary-foreground);
-  }
-
-  .xe2u2qb.xe2u2qb:enabled:hover {
-    --_cl-icon-color: var(--cl-color-primary);
-  }
-}