@nuee/ui 0.4.0 → 0.5.0

package/dist/stylex.css

@@ -1,6 +1,10 @@
 @layer priority1;
 
 @layer priority2 {
+  .xln7xf2 {
+    font: inherit;
+  }
+
   .x10a8y8t {
     inset: 0;
   }
@@ -13,18 +17,10 @@
     margin: var(--x2umbq8);
   }
 
-  .x1ngqb6p {
-    padding: .125rem;
-  }
-
   .x1717udv {
     padding: 0;
   }
 
-  .x1i3ajwb {
-    padding: 2px;
-  }
-
   .x1r3a7wo {
     padding: var(--x15cw12z);
   }
@@ -41,6 +37,10 @@
     padding: var(--x2umbq8);
   }
 
+  .x1td52mm {
+    padding: var(--x3w2d7e);
+  }
+
   .xkm8lt0 {
     padding: var(--x5rmw12);
   }
@@ -99,26 +99,18 @@
     border-radius: .125rem;
   }
 
-  .x1nk6e8i {
-    border-radius: 0 0 1rem 1rem;
+  .xzuvkz {
+    border-radius: 0 0 var(--xczpsdq) var(--xczpsdq);
   }
 
-  .x10g0tjl {
-    border-radius: 0 1rem 1rem 0;
+  .x1odicd7 {
+    border-radius: 0 var(--xczpsdq) var(--xczpsdq) 0;
   }
 
   .x2u8bby {
     border-radius: 0;
   }
 
-  .x1cxjlwu {
-    border-radius: 1rem 0 0 1rem;
-  }
-
-  .x6hl4wd {
-    border-radius: 1rem 1rem 0 0;
-  }
-
   .x1pjcqnp {
     border-radius: inherit;
   }
@@ -131,6 +123,14 @@
     border-radius: var(--x1g3vpdt);
   }
 
+  .xcjmqoe {
+    border-radius: var(--xczpsdq) 0 0 var(--xczpsdq);
+  }
+
+  .x1h7yrkr {
+    border-radius: var(--xczpsdq) var(--xczpsdq) 0 0;
+  }
+
   .xbsl7fq {
     border-style: dashed;
   }
@@ -151,10 +151,6 @@
     border-width: 0;
   }
 
-  .xmkeg23 {
-    border-width: 1px;
-  }
-
   .x1shk7dx {
     border-width: var(--x1wis0yw);
   }
@@ -163,6 +159,10 @@
     border-width: var(--xo0dsr3);
   }
 
+  .x1otvp5z {
+    flex: 0 0 100%;
+  }
+
   .x98rzlu {
     flex: 1;
   }
@@ -183,6 +183,10 @@
     gap: var(--x1l7h5kz);
   }
 
+  .xdhicxc {
+    gap: var(--x1mjt2ou);
+  }
+
   .x1kr9b5u {
     gap: var(--x2umbq8);
   }
@@ -195,6 +199,18 @@
     gap: var(--xbffhk5);
   }
 
+  .xgkxs2y {
+    grid-column: 1;
+  }
+
+  .x1npkx4u {
+    grid-column: 2;
+  }
+
+  .x17y0mx6 {
+    inset-inline: 0;
+  }
+
   .xe8uvvx {
     list-style: none;
   }
@@ -219,8 +235,8 @@
     margin-inline: auto;
   }
 
-  .x6zmpzd {
-    margin-inline: NaNpx;
+  .x1q79c5l {
+    margin-inline: calc(var(--x2umbq8) * -1);
   }
 
   .x1a2a7pz {
@@ -283,6 +299,10 @@
     padding-inline: var(--x2umbq8);
   }
 
+  .x1yxks2r {
+    padding-inline: var(--x5j3sx9);
+  }
+
   .x19pklni {
     padding-inline: var(--x5rmw12);
   }
@@ -299,14 +319,18 @@
     text-decoration: none;
   }
 
-  .x1fye3y2 {
-    transition: transform .5s cubic-bezier(.22, 1, .36, 1), opacity .5s, height .15s;
+  .x9bh6cl {
+    transition: transform var(--xbs1ogj) var(--x1nbeo3c),opacity var(--x1ex2sqa) var(--x17ynapf),height var(--x1ex2sqa) var(--x17ynapf),left var(--xbs1ogj) var(--x1nbeo3c),right var(--xbs1ogj) var(--x1nbeo3c);
   }
 
   .x7yu9wt:focus-visible {
     border-color: #0000;
   }
 
+  .x4y33lh:focus-within, .xr5nghg:focus-visible {
+    border-color: var(--x1m9xhx8);
+  }
+
   .x1vm5zn:focus-within, .xlysfis:focus-visible {
     border-color: var(--x8dveqv);
   }
@@ -347,32 +371,32 @@
     text-decoration: underline;
   }
 
+  .xuwkz20:focus-visible:user-invalid {
+    border-color: var(--x1m9xhx8);
+  }
+
   .xakpnpt:disabled:hover {
     border-color: var(--xp3kw37);
   }
 }
 
 @layer priority4 {
-  .x6s0dn4 {
-    align-items: center;
-  }
-
-  .xuk3077 {
-    align-items: flex-end;
-  }
-
-  .x1cy8zhl {
-    align-items: flex-start;
+  .x1pha0wt {
+    align-items: baseline;
   }
 
-  .x7a106z {
-    align-items: start;
+  .x6s0dn4 {
+    align-items: center;
   }
 
   .x1qjc9v5 {
     align-items: stretch;
   }
 
+  .xoi2r2e {
+    align-self: baseline;
+  }
+
   .xamitd3 {
     align-self: center;
   }
@@ -385,22 +409,18 @@
     align-self: flex-start;
   }
 
-  .x1y8v6su {
-    align-self: start;
-  }
-
   .xkh2ocl {
     align-self: stretch;
   }
 
-  .xof6966 {
-    animation-duration: .7s;
-  }
-
   .xmg6eyc {
     animation-duration: 1.5s;
   }
 
+  .xx1h35u {
+    animation-duration: var(--xsqqom5);
+  }
+
   .xa4qsjk {
     animation-iteration-count: infinite;
   }
@@ -441,19 +461,10 @@
     background-color: currentColor;
   }
 
-  .x1unu5m3 {
-    background-color: #0006;
-    background-color: lab(0% 0 0 / .4);
-  }
-
   .xjbqb8w {
     background-color: #0000;
   }
 
-  .x1f8krgc {
-    background-color: var(--x19aiw0b);
-  }
-
   .x92qhq {
     background-color: var(--x1him150);
   }
@@ -482,26 +493,38 @@
     background-color: var(--x5pnkr3);
   }
 
+  .x1q0pwuq {
+    background-color: var(--x6vnpxh);
+  }
+
+  .xeqbyvk {
+    background-color: var(--x9ryex2);
+  }
+
   .x10no5i8 {
     background-color: var(--xcnkqo1);
   }
 
-  .x1kvu398 {
-    background-color: var(--xe2bwic);
+  .xivdwog {
+    background-color: var(--xd5lgiu);
   }
 
-  .x1d9fuwt {
-    background-color: var(--xgmveyn);
+  .x1kvu398 {
+    background-color: var(--xe2bwic);
   }
 
-  .xwr2flq {
-    background-color: var(--xisshbo);
+  .x1hrizaq {
+    background-color: var(--xhkqbik);
   }
 
   .x1h9nimm {
     background-color: var(--xjdb38w);
   }
 
+  .x1fu17qy {
+    background-color: var(--xktzzgd);
+  }
+
   .x16jirg3 {
     background-color: var(--xlt4f42);
   }
@@ -510,14 +533,22 @@
     background-color: var(--xp3kw37);
   }
 
-  .x7k1dhl {
-    background-color: var(--xsynjv0);
+  .xiqc3qx {
+    background-color: var(--xrqvhzh);
   }
 
   .x13hkpcx {
     background-color: var(--xwwekhn);
   }
 
+  .x1rt6kg4 {
+    background-color: var(--xxxdkyq);
+  }
+
+  .x1dbz54f {
+    background-color: var(--xztvv2p);
+  }
+
   .x1mwwwfo {
     border-collapse: collapse;
   }
@@ -546,6 +577,10 @@
     color: currentColor;
   }
 
+  .x1heor9g {
+    color: inherit;
+  }
+
   .x1ae0smn {
     color: var(--x124b03l);
   }
@@ -558,16 +593,8 @@
     color: var(--x18l5pcl);
   }
 
-  .x1vhcv9p {
-    color: var(--x1jg52fl);
-  }
-
-  .x4u89p0 {
-    color: var(--x1qtp8u8);
-  }
-
-  .xw0th43 {
-    color: var(--x1r9sj1l);
+  .xrbreni {
+    color: var(--x1wpg99y);
   }
 
   .x6pgtun {
@@ -602,10 +629,6 @@
     column-gap: var(--x1l7h5kz);
   }
 
-  .x9ycefr {
-    column-gap: var(--xbffhk5);
-  }
-
   .xt0e3qv {
     cursor: default;
   }
@@ -642,18 +665,22 @@
     display: inline-flex;
   }
 
-  .x1s85apg {
-    display: none;
-  }
-
   .x1ulh7el {
     fill: var(--xisshbo);
   }
 
+  .xqhywir {
+    fill: var(--xztvv2p);
+  }
+
   .xdt5ytf {
     flex-direction: column;
   }
 
+  .x15zctf7 {
+    flex-direction: row-reverse;
+  }
+
   .x1q0g3np {
     flex-direction: row;
   }
@@ -666,22 +693,22 @@
     flex-wrap: wrap;
   }
 
-  .x17yh6e0 {
-    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+  .x1fe00qh {
+    font-family: var(--x1b0pnya);
   }
 
-  .x14e0hi7 {
-    font-family: var(--x1tz3nry);
-  }
-
-  .x579bpy {
-    font-size: 2rem;
+  .xfhuv4h {
+    font-family: var(--x7mf54e);
   }
 
   .x11icns7 {
     font-size: var(--x1krdydk);
   }
 
+  .x7r2t4g {
+    font-size: var(--x1o79n41);
+  }
+
   .x99mhxu {
     font-size: var(--x6kaanx);
   }
@@ -710,16 +737,24 @@
     font-weight: var(--xwrp1kz);
   }
 
-  .xju1xpo {
-    grid-template-columns: minmax(0, 1fr) auto;
+  .x18s4iga {
+    grid-template-columns: var(--x1qjold6) minmax(0,1fr);
+  }
+
+  .xtijo5x {
+    inset-inline-end: 0;
+  }
+
+  .x1inaw36 {
+    inset-inline-end: calc(var(--x5j3sx9) * -1.5);
   }
 
-  .x1b8u7ep {
-    grid-template-columns: var(--x102dbu8) minmax(0,1fr) auto;
+  .x1o0tod {
+    inset-inline-start: 0;
   }
 
-  .x1ppjl7b {
-    grid-template-columns: var(--x102dbu8) minmax(0,1fr);
+  .xqj54ik {
+    inset-inline-start: calc(var(--x5j3sx9) * -1.5);
   }
 
   .x5qyd9g {
@@ -746,14 +781,6 @@
     justify-content: space-between;
   }
 
-  .x1lg07ej {
-    letter-spacing: -.015em;
-  }
-
-  .x1w69ole {
-    letter-spacing: -.025em;
-  }
-
   .xi1fz51 {
     line-height: var(--x1f9h29r);
   }
@@ -790,8 +817,12 @@
     opacity: 1;
   }
 
-  .x1o2uyhu {
-    opacity: var(--x170ifs3);
+  .xzx43f0 {
+    opacity: var(--x1gcu4wa);
+  }
+
+  .x1l4zsnz {
+    opacity: var(--xnw9xfv);
   }
 
   .x1clqncf {
@@ -810,6 +841,10 @@
     padding-inline-end: var(--x15cw12z);
   }
 
+  .xqp18zy {
+    padding-inline-end: var(--x1jzckg9);
+  }
+
   .xl5cegi {
     padding-inline-end: var(--x1l7h5kz);
   }
@@ -826,6 +861,10 @@
     padding-inline-start: var(--x1mjt2ou);
   }
 
+  .x15x5vka {
+    padding-inline-start: var(--xbffhk5);
+  }
+
   .x67bb7w {
     pointer-events: auto;
   }
@@ -834,12 +873,12 @@
     pointer-events: none;
   }
 
-  .xt0hzig {
-    pointer-events: var(--xj53u9u);
+  .x5efcpy {
+    pointer-events: var(--x1l1fjul);
   }
 
-  .x3dtjyh {
-    pointer-events: var(--xzgjp8e);
+  .xt0hzig {
+    pointer-events: var(--xj53u9u);
   }
 
   .x10l6tqk {
@@ -858,12 +897,8 @@
     resize: vertical;
   }
 
-  .xkcv6ua {
-    scroll-behavior: smooth;
-  }
-
-  .x10vjxrz {
-    scrollbar-color: var(--xgmveyn) transparent;
+  .x140o2bo {
+    table-layout: fixed;
   }
 
   .x2b8uid {
@@ -898,6 +933,10 @@
     text-underline-offset: .15em;
   }
 
+  .x1jdncgf {
+    text-underline-offset: .25em;
+  }
+
   .x5ve5x3 {
     touch-action: none;
   }
@@ -914,6 +953,10 @@
     transform-origin: var(--transform-origin);
   }
 
+  .x7p49u4 {
+    transform: rotate(0);
+  }
+
   .x9mn55f {
     transform: scale(.9);
   }
@@ -938,18 +981,10 @@
     transform: translateX(-50%);
   }
 
-  .x1xvezvf {
-    transform: translateX(.75rem);
-  }
-
   .xbryuvx {
     transform: translateX(0);
   }
 
-  .x10tizke {
-    transform: translateX(1rem);
-  }
-
   .xitnhlw {
     transform: translateX(50%);
   }
@@ -958,20 +993,24 @@
     transform: translateX(var(--active-tab-left));
   }
 
-  .x192b8fm {
-    transform: translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) - (var(--toast-index) * .75rem) - ((1 - max(0,1 - (var(--toast-index) * .1))) * var(--toast-frontmost-height, var(--toast-height))))) scale(calc(max(0,1 - (var(--toast-index) * .1))));
+  .xr4gu0f {
+    transform: translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) - (var(--toast-index) * var(--x1l7h5kz))));
   }
 
-  .x1pniplx {
-    transform: translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) + (var(--toast-index) * .75rem) + ((1 - max(0,1 - (var(--toast-index) * .1))) * var(--toast-frontmost-height, var(--toast-height))))) scale(calc(max(0,1 - (var(--toast-index) * .1))));
+  .x1y7xdrh {
+    transform: translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) + (var(--toast-index) * var(--x1l7h5kz))));
   }
 
-  .x1cb1t30 {
-    transform: translateY(-50%);
+  .xu93rsi {
+    transform: translateX(var(--x1l7h5kz));
+  }
+
+  .x1937icg {
+    transform: translateX(var(--x5rmw12));
   }
 
-  .x11n2la0 {
-    transform: translateY(.125rem);
+  .x1cb1t30 {
+    transform: translateY(-50%);
   }
 
   .xbeh1pe {
@@ -982,10 +1021,6 @@
     transform: translateY(0) scale(1);
   }
 
-  .xnn1q72 {
-    transform: translateY(0);
-  }
-
   .x1ial40k {
     transition-duration: var(--x1ex2sqa);
   }
@@ -1006,6 +1041,10 @@
     transition-property: background-color, border-color, color, opacity;
   }
 
+  .x1eaenvl {
+    transition-property: background-color, border-color, color;
+  }
+
   .x16ab8w3 {
     transition-property: background-color, border-color, opacity;
   }
@@ -1014,6 +1053,10 @@
     transition-property: background-color, border-color;
   }
 
+  .x7h6xqb {
+    transition-property: background-color, color, opacity;
+  }
+
   .xs2xxs2 {
     transition-property: background-color, color;
   }
@@ -1022,6 +1065,10 @@
     transition-property: background-color, opacity;
   }
 
+  .xuo13n2 {
+    transition-property: background-color, transform;
+  }
+
   .x15406qy {
     transition-property: background-color;
   }
@@ -1030,10 +1077,18 @@
     transition-property: border-color, opacity;
   }
 
+  .xshfolx {
+    transition-property: border-color;
+  }
+
   .x1cp1di3 {
     transition-property: color, opacity, text-decoration-color;
   }
 
+  .xz1df8t {
+    transition-property: color, text-decoration-color;
+  }
+
   .xt3l3uh {
     transition-property: color;
   }
@@ -1058,12 +1113,12 @@
     transition-property: opacity;
   }
 
-  .xh3q6i0 {
-    transition-property: transform, width, height;
+  .xeirdtl {
+    transition-property: text-decoration-color;
   }
 
-  .x11xpdln {
-    transition-property: transform;
+  .xh3q6i0 {
+    transition-property: transform, width, height;
   }
 
   .xxrbq2n {
@@ -1123,38 +1178,30 @@
     z-index: 2;
   }
 
-  .xa9119d {
-    z-index: 50;
+  .x1l48cz2 {
+    z-index: calc(1000 - var(--toast-index));
   }
 
-  .xfa8aoj {
-    z-index: 51;
+  .xo8g89 {
+    z-index: var(--x1kbgsbz);
   }
 
-  .x1aciyhk {
-    z-index: 60;
+  .x83lckf {
+    z-index: var(--xbi18md);
   }
 
-  .x6y048q {
-    z-index: 70;
+  .xy6ekaq {
+    z-index: var(--xdmx424);
   }
 
-  .x1l48cz2 {
-    z-index: calc(1000 - var(--toast-index));
+  .x1q11diy {
+    z-index: var(--xlqwnk3);
   }
 
   .x1v46iqk:focus-visible {
     background-color: var(--xjdb38w);
   }
 
-  .x26rpik:is([data-popup-open] *), .xkdhuv9:is([data-panel-open] *) {
-    display: inline-flex;
-  }
-
-  .x1bom2ht:is([data-panel-open] *), .xup1lap:is([data-popup-open] *) {
-    display: none;
-  }
-
   .x14vjn7q[data-behind]:not([data-expanded]), .x1a042xe[data-limited], .x1gqblgl[data-ending-style], .x1i2unn7:is([data-starting-style], [data-ending-style]), .x1llxi74[data-starting-style] {
     opacity: 0;
   }
@@ -1163,6 +1210,10 @@
     outline-color: #0000;
   }
 
+  .x1ooysrn:focus-visible, .xnflsuw:focus-within {
+    outline-color: var(--x1m9xhx8);
+  }
+
   .x7yqiub:focus-visible, .xeyph4s:focus-within {
     outline-color: var(--x8dveqv);
   }
@@ -1207,6 +1258,14 @@
     pointer-events: none;
   }
 
+  .x1f2jko9:focus-visible {
+    text-decoration-line: underline;
+  }
+
+  .x14p7gce:is([data-panel-open] *), .x1nmfbye:is([data-popup-open] *) {
+    transform: rotate(180deg);
+  }
+
   .x14doao2:is([data-starting-style], [data-ending-style]) {
     transform: scale(.95);
   }
@@ -1227,28 +1286,28 @@
     transform: translate3d(100%, 0, 0);
   }
 
-  .xmpnhxk[data-ending-style][data-swipe-direction="left"] {
-    transform: translateX(calc(var(--toast-swipe-movement-x) - 150%)) translateY(calc((var(--toast-offset-y) * -1) - (var(--toast-index) * .75rem) + var(--toast-swipe-movement-y)));
+  .x1mmqjur[data-ending-style][data-swipe-direction="left"] {
+    transform: translateX(calc(var(--toast-swipe-movement-x) - 150%)) translateY(calc((var(--toast-offset-y) * -1) - (var(--toast-index) * var(--x1l7h5kz)) + var(--toast-swipe-movement-y)));
   }
 
-  .x1hdwxx3[data-ending-style][data-swipe-direction="left"] {
-    transform: translateX(calc(var(--toast-swipe-movement-x) - 150%)) translateY(calc(var(--toast-offset-y) + (var(--toast-index) * .75rem) + var(--toast-swipe-movement-y)));
+  .x1odkcxk[data-ending-style][data-swipe-direction="left"] {
+    transform: translateX(calc(var(--toast-swipe-movement-x) - 150%)) translateY(calc(var(--toast-offset-y) + (var(--toast-index) * var(--x1l7h5kz)) + var(--toast-swipe-movement-y)));
   }
 
-  .x1v5215y[data-ending-style][data-swipe-direction="right"] {
-    transform: translateX(calc(var(--toast-swipe-movement-x) + 150%)) translateY(calc((var(--toast-offset-y) * -1) - (var(--toast-index) * .75rem) + var(--toast-swipe-movement-y)));
+  .x158yw1j[data-ending-style][data-swipe-direction="right"] {
+    transform: translateX(calc(var(--toast-swipe-movement-x) + 150%)) translateY(calc((var(--toast-offset-y) * -1) - (var(--toast-index) * var(--x1l7h5kz)) + var(--toast-swipe-movement-y)));
   }
 
-  .xhkt67u[data-ending-style][data-swipe-direction="right"] {
-    transform: translateX(calc(var(--toast-swipe-movement-x) + 150%)) translateY(calc(var(--toast-offset-y) + (var(--toast-index) * .75rem) + var(--toast-swipe-movement-y)));
+  .x1775jh9[data-ending-style][data-swipe-direction="right"] {
+    transform: translateX(calc(var(--toast-swipe-movement-x) + 150%)) translateY(calc(var(--toast-offset-y) + (var(--toast-index) * var(--x1l7h5kz)) + var(--toast-swipe-movement-y)));
   }
 
-  .x1awh1os[data-expanded] {
-    transform: translateX(var(--toast-swipe-movement-x)) translateY(calc((var(--toast-offset-y) * -1) - (var(--toast-index) * .75rem) + var(--toast-swipe-movement-y)));
+  .xhqeemn[data-expanded] {
+    transform: translateX(var(--toast-swipe-movement-x)) translateY(calc((var(--toast-offset-y) * -1) - (var(--toast-index) * var(--x1l7h5kz)) + var(--toast-swipe-movement-y)));
   }
 
-  .xrdgflj[data-expanded] {
-    transform: translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-offset-y) + (var(--toast-index) * .75rem) + var(--toast-swipe-movement-y)));
+  .x8r647n[data-expanded] {
+    transform: translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-offset-y) + (var(--toast-index) * var(--x1l7h5kz)) + var(--toast-swipe-movement-y)));
   }
 
   .x18p6d6d[data-ending-style], .xv51xxh[data-starting-style] {
@@ -1311,6 +1370,14 @@
     background-color: #0000;
   }
 
+  .xxgou8k:hover {
+    background-color: var(--x1him150);
+  }
+
+  .xn0v8co:hover {
+    background-color: var(--x1jv02el);
+  }
+
   .xh3kehl:hover {
     background-color: var(--x1t8mcm0);
   }
@@ -1323,10 +1390,18 @@
     background-color: var(--xcnkqo1);
   }
 
+  .x14r4sh6:hover {
+    background-color: var(--xgmveyn);
+  }
+
   .x1o026c7:hover {
     background-color: var(--xjdb38w);
   }
 
+  .xi7udla:hover {
+    background-color: var(--xpmnlly);
+  }
+
   .xg5fe9h:hover {
     background-color: var(--xwwekhn);
   }
@@ -1343,17 +1418,25 @@
     opacity: .72;
   }
 
+  .x1sur9pj:hover {
+    text-decoration-line: underline;
+  }
+
   .xsjh66b:hover {
     text-underline-offset: var(--x2umbq8);
   }
 
+  .x3l8br0:focus-visible:user-invalid {
+    outline-color: var(--x1m9xhx8);
+  }
+
   .xrfljqn:active {
     background-color: var(--xpmnlly);
   }
 
   @media (prefers-reduced-motion: reduce) {
-    .xfs3gwd.xfs3gwd {
-      animation-duration: 1.5s;
+    .xs9k882.xs9k882 {
+      animation-duration: var(--x1w8j321);
     }
 
     .x1aquc0h.x1aquc0h {
@@ -1368,20 +1451,12 @@
   }
 
   @media (prefers-reduced-motion: reduce) {
-    .xg83hb1.xg83hb1 {
-      scroll-behavior: auto;
-    }
-
     .xuupxpy.xuupxpy {
       transform: none;
     }
 
-    .xsagj69.xsagj69 {
-      transition-duration: .01ms;
-    }
-
-    .x1yjfzay.x1yjfzay {
-      transition-duration: var(--x1ex2sqa);
+    .x1ho1d5x.x1ho1d5x {
+      transition-duration: var(--xhubinb);
     }
   }
 
@@ -1417,6 +1492,10 @@
     .x1ymz01m.x1ymz01m[data-ending-style], .xks8tqp.xks8tqp[data-starting-style] {
       transform: translateY(24%);
     }
+
+    .xyi9dcw.xyi9dcw[data-ending-style] {
+      transition-duration: var(--xhubinb);
+    }
   }
 }
 
@@ -1425,10 +1504,18 @@
     border-bottom-color: var(--xp3kw37);
   }
 
+  .xfrllxf {
+    border-bottom-left-radius: 0;
+  }
+
   .x4cpyzu {
     border-bottom-left-radius: var(--x1bucdn6);
   }
 
+  .xjppbhk {
+    border-bottom-right-radius: 0;
+  }
+
   .x62l8f0 {
     border-bottom-right-radius: var(--x1bucdn6);
   }
@@ -1437,10 +1524,6 @@
     border-bottom-style: solid;
   }
 
-  .xso031l {
-    border-bottom-width: 1px;
-  }
-
   .xbyw4nl {
     border-bottom-width: var(--xo0dsr3);
   }
@@ -1453,12 +1536,28 @@
     border-top-color: var(--xp3kw37);
   }
 
+  .x1ia1hqs {
+    border-top-left-radius: 0;
+  }
+
+  .x1nema14 {
+    border-top-left-radius: var(--x1bucdn6);
+  }
+
+  .x1a2w583 {
+    border-top-right-radius: 0;
+  }
+
+  .x1qb8ewl {
+    border-top-right-radius: var(--x1bucdn6);
+  }
+
   .x13fuv20 {
     border-top-style: solid;
   }
 
-  .x178xt8z {
-    border-top-width: 1px;
+  .x11rg0p {
+    border-top-width: var(--xo0dsr3);
   }
 
   .xoblnwt {
@@ -1473,10 +1572,6 @@
     bottom: auto;
   }
 
-  .xe0eaj1 {
-    bottom: var(--x1l7h5kz);
-  }
-
   .x19hvrdr {
     bottom: var(--x5rmw12);
   }
@@ -1485,18 +1580,6 @@
     bottom: var(--xbffhk5);
   }
 
-  .x16wp3ig {
-    height: .25rem;
-  }
-
-  .x4j2xbe {
-    height: .375rem;
-  }
-
-  .x164u9eo {
-    height: .5rem;
-  }
-
   .xvle69y {
     height: .75rem;
   }
@@ -1505,18 +1588,6 @@
     height: 0;
   }
 
-  .xmll18r {
-    height: 1.25rem;
-  }
-
-  .xam5rvr {
-    height: 1.5rem;
-  }
-
-  .xb8l8e1 {
-    height: 1.75rem;
-  }
-
   .x5yr21d {
     height: 100%;
   }
@@ -1525,14 +1596,6 @@
     height: 10px;
   }
 
-  .x1l36t39 {
-    height: 1rem;
-  }
-
-  .xwaiz5r {
-    height: 2.5rem;
-  }
-
   .x1pizb70 {
     height: 3rem;
   }
@@ -1565,6 +1628,10 @@
     height: var(--toast-frontmost-height, var(--toast-height));
   }
 
+  .x16ye13r {
+    height: var(--x-height);
+  }
+
   .xswfmaf {
     height: var(--x102dbu8);
   }
@@ -1573,14 +1640,34 @@
     height: var(--x1f7vxtm);
   }
 
+  .xag59co {
+    height: var(--x1ipcw0s);
+  }
+
+  .x1rqtlvp {
+    height: var(--x1kczjvm);
+  }
+
+  .xy4d3ni {
+    height: var(--x1m35l98);
+  }
+
   .xqq8mc5 {
     height: var(--x1p97uo4);
   }
 
+  .x1kobcp8 {
+    height: var(--x1qjold6);
+  }
+
   .x1dqxz5f {
     height: var(--x1wis0yw);
   }
 
+  .xtcejao {
+    height: var(--x2umbq8);
+  }
+
   .x5vhmdc {
     height: var(--x5j3sx9);
   }
@@ -1593,10 +1680,18 @@
     height: var(--xbffhk5);
   }
 
+  .x1k8cxa7 {
+    height: var(--xmqgg3k);
+  }
+
   .x1c2adg6 {
     height: var(--xo0dsr3);
   }
 
+  .x1w91hgg {
+    height: var(--xvcvoti);
+  }
+
   .xu96u03 {
     left: 0;
   }
@@ -1605,6 +1700,10 @@
     left: 50%;
   }
 
+  .x1c0vqr {
+    left: calc(min(var(--toast-index),2) * 5%);
+  }
+
   .x19f49xq {
     left: var(--x5rmw12);
   }
@@ -1621,10 +1720,6 @@
     margin-top: -1px;
   }
 
-  .xsj8jdm {
-    margin-top: .0625rem;
-  }
-
   .xdj266r {
     margin-top: 0;
   }
@@ -1653,24 +1748,16 @@
     max-width: 100%;
   }
 
-  .x1vxnb6q {
-    max-width: 18rem;
-  }
-
   .x9h9p8b {
     max-width: 20rem;
   }
 
-  .xowlazn {
-    max-width: 24rem;
-  }
-
   .x1983rqf {
     max-width: 28rem;
   }
 
-  .x6ymgno {
-    max-width: 32rem;
+  .x17na0u1 {
+    max-width: 85%;
   }
 
   .x193lwwl {
@@ -1681,8 +1768,8 @@
     max-width: max-content;
   }
 
-  .x1bht2vh {
-    max-width: min(32rem, 85%);
+  .x1ihlfi {
+    max-width: min(var(--x5yoyxb),100%);
   }
 
   .x7k7lee {
@@ -1693,16 +1780,16 @@
     max-width: var(--x1xr6wfv);
   }
 
-  .x2lwn1j {
-    min-height: 0;
+  .xae1hrw {
+    max-width: var(--x5yoyxb);
   }
 
-  .x2umgb4 {
-    min-height: 1.25rem;
+  .x1s8e660 {
+    max-width: var(--xpw0z69);
   }
 
-  .x1rqwxy8 {
-    min-height: 1.5rem;
+  .x2lwn1j {
+    min-height: 0;
   }
 
   .xisnujt {
@@ -1713,10 +1800,6 @@
     min-height: 4.5rem;
   }
 
-  .xyvwee0 {
-    min-height: 4.75rem;
-  }
-
   .xd4eqea {
     min-height: 4rem;
   }
@@ -1737,6 +1820,10 @@
     min-height: var(--x102dbu8);
   }
 
+  .x3ayk2s {
+    min-height: var(--x1m35l98);
+  }
+
   .x43ag4r {
     min-height: var(--x1p97uo4);
   }
@@ -1749,16 +1836,12 @@
     min-height: var(--xb5krj6);
   }
 
-  .xeuugli {
-    min-width: 0;
+  .xy21qdx {
+    min-height: var(--xn871nm);
   }
 
-  .x199i5n0 {
-    min-width: 1.25rem;
-  }
-
-  .x1vi9356 {
-    min-width: 1.5rem;
+  .xeuugli {
+    min-width: 0;
   }
 
   .xgqtt45 {
@@ -1773,12 +1856,12 @@
     min-width: 12rem;
   }
 
-  .xt4ypqs {
-    min-width: 20px;
+  .x1jn9kf5 {
+    min-width: 13rem;
   }
 
-  .x19hwnzc {
-    min-width: 2rem;
+  .xt4ypqs {
+    min-width: 20px;
   }
 
   .x80t9vs {
@@ -1789,6 +1872,10 @@
     min-width: var(--x1f7vxtm);
   }
 
+  .x4gews3 {
+    min-width: var(--x1m35l98);
+  }
+
   .xneaidr {
     min-width: var(--x5j3sx9);
   }
@@ -1829,6 +1916,10 @@
     right: 0;
   }
 
+  .xxvvz4p {
+    right: calc(min(var(--toast-index),2) * 5%);
+  }
+
   .x1d30cp6 {
     right: var(--x1l7h5kz);
   }
@@ -1853,6 +1944,10 @@
     top: auto;
   }
 
+  .x1oye57c {
+    top: calc(50% - var(--x5j3sx9) / 2);
+  }
+
   .x10uur0e {
     top: var(--active-tab-top);
   }
@@ -1869,26 +1964,10 @@
     top: var(--xo0dsr3);
   }
 
-  .xttl3oo {
-    width: .25rem;
-  }
-
   .x1jw3ynk {
     width: .75rem;
   }
 
-  .xwqq7k2 {
-    width: 1.25rem;
-  }
-
-  .xp8d6y2 {
-    width: 1.5rem;
-  }
-
-  .xh29eag {
-    width: 1.75rem;
-  }
-
   .xh8yej3 {
     width: 100%;
   }
@@ -1905,20 +1984,8 @@
     width: 14rem;
   }
 
-  .x1qyi71f {
-    width: 18rem;
-  }
-
-  .xcdlrvm {
-    width: 1rem;
-  }
-
-  .xvm51jw {
-    width: 2.5rem;
-  }
-
-  .xs5h3dt {
-    width: 2rem;
+  .xsywbqq {
+    width: 17.5rem;
   }
 
   .x188tqju {
@@ -1933,8 +2000,8 @@
     width: auto;
   }
 
-  .xjdehy0 {
-    width: calc(100vw - 2rem);
+  .x28sg2i {
+    width: calc(100vw - var(--x5rmw12) * 2);
   }
 
   .xeq5yr9 {
@@ -1961,14 +2028,34 @@
     width: var(--x1f7vxtm);
   }
 
+  .x1d0vauu {
+    width: var(--x1ipcw0s);
+  }
+
+  .x17g0wcu {
+    width: var(--x1kczjvm);
+  }
+
   .x17f91yp {
     width: var(--x1l7h5kz);
   }
 
+  .x1mu33zv {
+    width: var(--x1m35l98);
+  }
+
   .x144kwlx {
     width: var(--x1p97uo4);
   }
 
+  .x6r631m {
+    width: var(--x1qjold6);
+  }
+
+  .x1c11mwq {
+    width: var(--x2umbq8);
+  }
+
   .x1gxsahx {
     width: var(--x5j3sx9);
   }
@@ -1985,10 +2072,22 @@
     width: var(--xo0dsr3);
   }
 
+  .x1aqz80i {
+    width: var(--xpw0z69);
+  }
+
   .xnbj6on[data-expanded] {
     height: var(--toast-height);
   }
 
+  .x1p2l3ex[data-expanded] {
+    left: 0;
+  }
+
+  .x83jlts[data-expanded] {
+    right: 0;
+  }
+
   .x19mpsmo:first-child {
     border-bottom-left-radius: var(--x1bucdn6);
   }
@@ -2047,6 +2146,10 @@
     content: "";
   }
 
+  .x12vebyb:before {
+    content: "​";
+  }
+
   .xkk1bqk:before {
     pointer-events: none;
   }
@@ -2055,10 +2158,26 @@
     position: absolute;
   }
 
+  .xq8w3tf:before {
+    transition-duration: var(--xvvb3h);
+  }
+
+  .xxcwgru:before {
+    transition-property: background-color;
+  }
+
+  .x40ik1b:before {
+    transition-timing-function: var(--x17ynapf);
+  }
+
   .x2hztxu:before {
     z-index: 0;
   }
 
+  .x1wse844:last-child:before {
+    display: none;
+  }
+
   .x1v9rfms:hover:before {
     background-color: var(--x1qgqh2v);
   }
@@ -2077,18 +2196,30 @@
 }
 
 @layer priority9 {
-  .xcock1l:after, .xy80zi5:before {
-    height: 1px;
+  .x1vr0lki:before {
+    bottom: calc(var(--x5rmw12) * -1);
   }
 
-  .x3nd85q:after {
-    height: calc(.75rem + 1px);
+  .x1xdv29:after {
+    height: calc(var(--x1l7h5kz) + var(--xo0dsr3));
+  }
+
+  .x1plbbuy:before, .x1vnudb9:after {
+    height: var(--xo0dsr3);
   }
 
   .x17cx49:after {
     left: 0;
   }
 
+  .x1vouj10:before {
+    left: calc((var(--x1qjold6) - var(--xo0dsr3)) / 2);
+  }
+
+  .x1y3wzot:before {
+    top: 0;
+  }
+
   .x1srwf7z:after {
     top: 100%;
   }
@@ -2096,6 +2227,10 @@
   .x4eaejv:after {
     width: 100%;
   }
+
+  .x2d45ac:before {
+    width: var(--xo0dsr3);
+  }
 }
 
 @property --x-aspectRatio {
@@ -2103,6 +2238,11 @@
   inherits: false
 }
 
+@property --x-height {
+  syntax: "*";
+  inherits: false
+}
+
 @keyframes x13kz0yu-B {
   0%, 100% {
     opacity: 1;
@@ -2119,26 +2259,42 @@
   }
 }
 
-.x1jm5hub {
-  --x170ifs3: 1;
+:root, .x2h7wh3 {
+  --xn871nm: 4.75rem;
+  --xyn76sd: 0px;
+  --x1gcu4wa: 0;
+  --x1l1fjul: none;
+  --xj53u9u: none;
+}
+
+.x3fz2wu {
+  --x1gcu4wa: 0;
+}
+
+.x2aypkt {
+  --x1l1fjul: none;
 }
 
 .xeffijn {
   --xj53u9u: none;
 }
 
-.x1scyh3n {
-  --xzgjp8e: auto;
+.xpt8f1b {
+  --xyn76sd: 0px;
+}
+
+.x14yfvmx[data-expanded] {
+  --x1gcu4wa: 1;
 }
 
-.xsbdbit:not([data-expanded]) {
-  --x170ifs3: 0;
+.x3s059f[data-expanded] {
+  --x1l1fjul: auto;
 }
 
 .xac14zw[data-expanded] {
   --xj53u9u: auto;
 }
 
-.xptpqrj:not([data-expanded]) {
-  --xzgjp8e: none;
+.x1k5f8bl[data-expanded] {
+  --xyn76sd: calc(var(--x5j3sx9) + var(--xbffhk5));
 }