@kanso-labs/kanso-ui 0.35.0 → 0.37.0

package/dist/styles.css

@@ -44,10 +44,6 @@
   .xa36j16 {
     padding: var(--x6borv4);
   }
-
-  .x1a7rqcl {
-    padding: var(--xod9tvo);
-  }
 }
 
 @layer kanso.priority3 {
@@ -111,10 +107,18 @@
     border-radius: 0;
   }
 
+  .x1m3ak92 {
+    border-radius: 20px;
+  }
+
   .x1cum3z5 {
     border-radius: 2px;
   }
 
+  .x16rqkct {
+    border-radius: 50%;
+  }
+
   .x1pjcqnp {
     border-radius: inherit;
   }
@@ -175,6 +179,10 @@
     gap: 0;
   }
 
+  .xaobbuh {
+    gap: 18px;
+  }
+
   .x1jnr06f {
     gap: 4px;
   }
@@ -219,6 +227,10 @@
     grid-row: auto;
   }
 
+  .x10no89f {
+    inset-block: 0;
+  }
+
   .x17y0mx6 {
     inset-inline: 0;
   }
@@ -239,6 +251,10 @@
     margin-block: 14px;
   }
 
+  .x1nkss2m {
+    margin-block: auto;
+  }
+
   .xwpi13i {
     margin-block: var(--xod9tvo);
   }
@@ -251,6 +267,10 @@
     margin-inline: auto;
   }
 
+  .xnx04jz {
+    margin-inline: calc(var(--x6borv4) * -1);
+  }
+
   .xboopgi {
     margin-inline: var(--x3km7fe);
   }
@@ -279,6 +299,10 @@
     overflow: hidden;
   }
 
+  .xish69e {
+    overscroll-behavior: contain;
+  }
+
   .xt970qd {
     padding-block: 0;
   }
@@ -291,10 +315,18 @@
     padding-block: 22px;
   }
 
+  .x1t0vds8 {
+    padding-block: 6px;
+  }
+
   .x18r0n19 {
     padding-block: calc((40px - var(--xol8812)) / 2);
   }
 
+  .xny1cbh {
+    padding-block: var(--x196ey9q);
+  }
+
   .xpg5a72 {
     padding-block: var(--x1ug6acx);
   }
@@ -327,6 +359,18 @@
     padding-inline: 12px;
   }
 
+  .x17qtykl {
+    padding-inline: 20px;
+  }
+
+  .xr244g7 {
+    padding-inline: 26px;
+  }
+
+  .x1pbfunf {
+    padding-inline: 28px;
+  }
+
   .x1sdxjpb {
     padding-inline: 48px;
   }
@@ -375,16 +419,8 @@
     text-decoration: none;
   }
 
-  .xtt5grq:active {
-    border-radius: var(--x1m0y4ip);
-  }
-
-  .x11f6t2b:active {
-    border-radius: var(--xf3l8oo);
-  }
-
-  .x1r81nxe:active {
-    border-radius: var(--xslt97v);
+  .x9h1dke:last-child {
+    overflow: clip;
   }
 
   @media (forced-colors: active) {
@@ -404,6 +440,10 @@
       border-color: highlight;
     }
 
+    .x1xldtvv.x1xldtvv {
+      border-style: none;
+    }
+
     .xx61lck.xx61lck {
       border-style: solid;
     }
@@ -411,6 +451,10 @@
     .x13rsnn2.x13rsnn2 {
       border-width: 1px;
     }
+
+    .x2h6xq1.x2h6xq1 {
+      border-width: 2px;
+    }
   }
 
   @media (width >= 600px) {
@@ -421,6 +465,18 @@
 }
 
 @layer kanso.priority4 {
+  .x1ua5tub {
+    -webkit-box-orient: vertical;
+  }
+
+  .xh0615m {
+    -webkit-line-clamp: 1;
+  }
+
+  .x1h7i4cw {
+    -webkit-line-clamp: 2;
+  }
+
   .x1pha0wt {
     align-items: baseline;
   }
@@ -445,6 +501,10 @@
     align-items: stretch;
   }
 
+  .xqcrz7y {
+    align-self: flex-start;
+  }
+
   .xkh2ocl {
     align-self: stretch;
   }
@@ -517,6 +577,10 @@
     animation-name: x1t81ys1-B, x26nhu8-B;
   }
 
+  .xhpbw76 {
+    animation-name: x1uknk9t-B;
+  }
+
   .xnb0dd2 {
     animation-name: x1w7bnrt-B;
   }
@@ -561,6 +625,22 @@
     background-color: color-mix(in srgb,currentColor 25%,transparent);
   }
 
+  .x1mbb5iu {
+    background-color: color-mix(in srgb,currentColor calc(var(--x124j18r) * 100%),transparent);
+  }
+
+  .x930l3l {
+    background-color: color-mix(in srgb,currentColor calc(var(--x8z5t6h) * 100%),transparent);
+  }
+
+  .xsykwg8 {
+    background-color: color-mix(in srgb,currentColor calc(var(--xhaltwz) * 100%),transparent);
+  }
+
+  .xyn212m {
+    background-color: color-mix(in srgb,var(--x12p1wyw) calc(var(--x124j18r) * 100%),transparent);
+  }
+
   .x55e1u4 {
     background-color: color-mix(in srgb,var(--x12p1wyw) calc(var(--x8z5t6h) * 100%),transparent);
   }
@@ -573,26 +653,134 @@
     background-color: color-mix(in srgb,var(--x13o0mym) calc(var(--x1cq03z9) * 100%),transparent);
   }
 
+  .xn4e5mw {
+    background-color: color-mix(in srgb,var(--x1balm44) calc(var(--x124j18r) * 100%),var(--x1614qkl));
+  }
+
+  .x1hxzsxp {
+    background-color: color-mix(in srgb,var(--x1balm44) calc(var(--x8z5t6h) * 100%),var(--x1614qkl));
+  }
+
+  .x167cdfs {
+    background-color: color-mix(in srgb,var(--x1balm44) calc(var(--xhaltwz) * 100%),var(--x1614qkl));
+  }
+
+  .x1syr9su {
+    background-color: color-mix(in srgb,var(--x1bo8p7i) calc(var(--x124j18r) * 100%),transparent);
+  }
+
+  .x1s5x49g {
+    background-color: color-mix(in srgb,var(--x1bo8p7i) calc(var(--x124j18r) * 100%),var(--xliov21));
+  }
+
+  .x173luhf {
+    background-color: color-mix(in srgb,var(--x1bo8p7i) calc(var(--x8z5t6h) * 100%),transparent);
+  }
+
+  .x1fctxn6 {
+    background-color: color-mix(in srgb,var(--x1bo8p7i) calc(var(--x8z5t6h) * 100%),var(--xliov21));
+  }
+
+  .x1rydsgj {
+    background-color: color-mix(in srgb,var(--x1bo8p7i) calc(var(--xhaltwz) * 100%),transparent);
+  }
+
+  .xzpauq9 {
+    background-color: color-mix(in srgb,var(--x1bo8p7i) calc(var(--xhaltwz) * 100%),var(--xliov21));
+  }
+
+  .x1sog3nf {
+    background-color: color-mix(in srgb,var(--x1cjupv7) calc(var(--x124j18r) * 100%),transparent);
+  }
+
+  .xcn1wy9 {
+    background-color: color-mix(in srgb,var(--x1cjupv7) calc(var(--x124j18r) * 100%),var(--xi1exwt));
+  }
+
   .x659ado {
     background-color: color-mix(in srgb,var(--x1cjupv7) calc(var(--x8z5t6h) * 100%),transparent);
   }
 
+  .xltxkvm {
+    background-color: color-mix(in srgb,var(--x1cjupv7) calc(var(--x8z5t6h) * 100%),var(--xi1exwt));
+  }
+
   .x1dvjsmr {
     background-color: color-mix(in srgb,var(--x1cjupv7) calc(var(--xhaltwz) * 100%),transparent);
   }
 
+  .x1d33wxb {
+    background-color: color-mix(in srgb,var(--x1cjupv7) calc(var(--xhaltwz) * 100%),var(--xi1exwt));
+  }
+
+  .xhodiby {
+    background-color: color-mix(in srgb,var(--x1f7qwsz) calc(var(--x124j18r) * 100%),var(--x1cjupv7));
+  }
+
+  .xo1ct44 {
+    background-color: color-mix(in srgb,var(--x1f7qwsz) calc(var(--x8z5t6h) * 100%),var(--x1cjupv7));
+  }
+
+  .x7b25lv {
+    background-color: color-mix(in srgb,var(--x1f7qwsz) calc(var(--xhaltwz) * 100%),var(--x1cjupv7));
+  }
+
   .x1iqbvzf {
     background-color: color-mix(in srgb,var(--x1khq28e) 32%,transparent);
   }
 
+  .x3zumxv {
+    background-color: color-mix(in srgb,var(--x1p425jc) calc(var(--x8z5t6h) * 100%),var(--xliov21));
+  }
+
+  .x1as5h4c {
+    background-color: color-mix(in srgb,var(--x1p425jc) calc(var(--xhaltwz) * 100%),var(--xliov21));
+  }
+
+  .x19p5drm {
+    background-color: color-mix(in srgb,var(--x28n2pw) calc(var(--x124j18r) * 100%),transparent);
+  }
+
+  .x1ppcb1 {
+    background-color: color-mix(in srgb,var(--x28n2pw) calc(var(--x124j18r) * 100%),var(--x3cqee7));
+  }
+
   .x14noynh {
     background-color: color-mix(in srgb,var(--x28n2pw) calc(var(--x8z5t6h) * 100%),transparent);
   }
 
+  .xtxe0ya {
+    background-color: color-mix(in srgb,var(--x28n2pw) calc(var(--x8z5t6h) * 100%),var(--x3cqee7));
+  }
+
   .x123fei2 {
     background-color: color-mix(in srgb,var(--x28n2pw) calc(var(--xhaltwz) * 100%),transparent);
   }
 
+  .x1qdfkg1 {
+    background-color: color-mix(in srgb,var(--x28n2pw) calc(var(--xhaltwz) * 100%),var(--x3cqee7));
+  }
+
+  .x16tkg7c {
+    background-color: color-mix(in srgb,var(--xkltk4j) calc(var(--x124j18r) * 100%),var(--x189y34t));
+  }
+
+  .x12r95rf {
+    background-color: color-mix(in srgb,var(--xkltk4j) calc(var(--x8z5t6h) * 100%),var(--x189y34t));
+  }
+
+  .x12o6fnv {
+    background-color: color-mix(in srgb,var(--xkltk4j) calc(var(--xhaltwz) * 100%),var(--x189y34t));
+  }
+
+  .xwqhyid {
+    background-color: color-mix(in srgb,var(--xn0syi6) calc(var(--x124j18r) * 100%),transparent);
+  }
+
+  .x1drsm1c {
+    background-color: color-mix(in srgb,var(--xn0syi6) calc(var(--x124j18r) * 100%),var(--xi1exwt));
+  }
+
   .x19v6zzp {
     background-color: color-mix(in srgb,var(--xn0syi6) calc(var(--x1cq03z9) * 100%),transparent);
   }
@@ -605,10 +793,26 @@
     background-color: color-mix(in srgb,var(--xn0syi6) calc(var(--x8z5t6h) * 100%),transparent);
   }
 
+  .xgw93rf {
+    background-color: color-mix(in srgb,var(--xn0syi6) calc(var(--x8z5t6h) * 100%),var(--x17proku));
+  }
+
+  .x1ei6177 {
+    background-color: color-mix(in srgb,var(--xn0syi6) calc(var(--x8z5t6h) * 100%),var(--xi1exwt));
+  }
+
   .xjeeohs {
     background-color: color-mix(in srgb,var(--xn0syi6) calc(var(--xhaltwz) * 100%),transparent);
   }
 
+  .x113d7pk {
+    background-color: color-mix(in srgb,var(--xn0syi6) calc(var(--xhaltwz) * 100%),var(--x17proku));
+  }
+
+  .x1vt8e7r {
+    background-color: color-mix(in srgb,var(--xn0syi6) calc(var(--xhaltwz) * 100%),var(--xi1exwt));
+  }
+
   .x1crcgwy {
     background-color: color-mix(in srgb,var(--xn0syi6) calc(var(--xu361ij) * 100%),transparent);
   }
@@ -637,6 +841,10 @@
     background-color: var(--x17f4f9w);
   }
 
+  .xkrgufg {
+    background-color: var(--x17proku);
+  }
+
   .x167r6xl {
     background-color: var(--x189y34t);
   }
@@ -645,6 +853,10 @@
     background-color: var(--x1b34qje);
   }
 
+  .x14t7u9f {
+    background-color: var(--x1bb0p1w);
+  }
+
   .x81krv7 {
     background-color: var(--x1bo8p7i);
   }
@@ -725,6 +937,14 @@
     background-image: linear-gradient(color-mix(in srgb,currentColor calc(var(--xhaltwz) * 100%),transparent),color-mix(in srgb,currentColor calc(var(--xhaltwz) * 100%),transparent));
   }
 
+  .xu73ib2 {
+    background-image: linear-gradient(color-mix(in srgb,var(--x1cjupv7) calc(var(--x8z5t6h) * 100%),transparent),color-mix(in srgb,var(--x1cjupv7) calc(var(--x8z5t6h) * 100%),transparent));
+  }
+
+  .x18o3ruo {
+    background-image: none;
+  }
+
   .x1larodg {
     background-image: radial-gradient(circle at 2px 50%,color-mix(in srgb,currentColor 25%,transparent) 2px,transparent 2px);
   }
@@ -769,6 +989,10 @@
     border-end-end-radius: var(--segment-indicator-radius-end);
   }
 
+  .x1wsjk4f {
+    border-end-end-radius: var(--x-borderEndEndRadius);
+  }
+
   .xkducg2 {
     border-end-end-radius: var(--x1lckk6t);
   }
@@ -793,6 +1017,10 @@
     border-end-start-radius: var(--segment-indicator-radius-start);
   }
 
+  .x1oq9ryg {
+    border-end-start-radius: var(--x-borderEndStartRadius);
+  }
+
   .x1uwupfv {
     border-end-start-radius: var(--x1lckk6t);
   }
@@ -805,6 +1033,10 @@
     border-end-start-radius: var(--x1s0h5j3);
   }
 
+  .x25gbn0 {
+    border-end-start-radius: var(--x3hih16);
+  }
+
   .xrzall9 {
     border-end-start-radius: var(--xf3l8oo);
   }
@@ -825,6 +1057,10 @@
     border-start-end-radius: var(--segment-indicator-radius-end);
   }
 
+  .xbsomw4 {
+    border-start-end-radius: var(--x-borderStartEndRadius);
+  }
+
   .x1a37zkv {
     border-start-end-radius: var(--x1lckk6t);
   }
@@ -849,6 +1085,10 @@
     border-start-start-radius: var(--segment-indicator-radius-start);
   }
 
+  .x6pmj1i {
+    border-start-start-radius: var(--x-borderStartStartRadius);
+  }
+
   .xb01x1j {
     border-start-start-radius: var(--x1lckk6t);
   }
@@ -877,6 +1117,10 @@
     box-shadow: 0 0 0 2px var(--x1dzgr7y),0 0 0 3px var(--x1ridy1o);
   }
 
+  .xiwn18o {
+    box-shadow: inset -1px 0 0 0 var(--x7dbk6n);
+  }
+
   .x1pqbjc1 {
     box-shadow: inset 0 -1px 0 0 color-mix(in srgb,var(--xn0syi6) calc(var(--x1cq03z9) * 100%),transparent);
   }
@@ -913,6 +1157,10 @@
     box-shadow: var(--x1tlgjf0);
   }
 
+  .x4r79n0 {
+    box-shadow: var(--x1vx95kd);
+  }
+
   .x19efjv6 {
     box-shadow: var(--xt04dnm);
   }
@@ -957,6 +1205,10 @@
     color: var(--x12p1wyw);
   }
 
+  .xzakmg9 {
+    color: var(--x189y34t);
+  }
+
   .x1girmi0 {
     color: var(--x1balm44);
   }
@@ -1005,6 +1257,10 @@
     color: var(--x28n2pw);
   }
 
+  .x1007ibn {
+    color: var(--x7tegcs);
+  }
+
   .x4no3js {
     color: var(--xiob6mg);
   }
@@ -1021,6 +1277,10 @@
     color: var(--xn0syi6);
   }
 
+  .x16elhoc {
+    color: var(--xqsbqtq);
+  }
+
   .x1l7c2jh {
     color: var(--xwloagh);
   }
@@ -1061,6 +1321,10 @@
     cursor: pointer;
   }
 
+  .x104kibb {
+    display: -webkit-box;
+  }
+
   .x1lliihq {
     display: block;
   }
@@ -1097,6 +1361,10 @@
     flex-basis: 0;
   }
 
+  .xdl72j9 {
+    flex-basis: auto;
+  }
+
   .xdt5ytf {
     flex-direction: column;
   }
@@ -1105,6 +1373,10 @@
     flex-direction: row;
   }
 
+  .x1c4vz4f {
+    flex-grow: 0;
+  }
+
   .x1iyjqo2 {
     flex-grow: 1;
   }
@@ -1117,6 +1389,10 @@
     flex-shrink: 1;
   }
 
+  .xozqiw3 {
+    flex-wrap: nowrap;
+  }
+
   .x1a02dak {
     flex-wrap: wrap;
   }
@@ -1201,18 +1477,42 @@
     font-size: 20px;
   }
 
+  .x1i1m3gp {
+    font-size: 22px;
+  }
+
   .x1pvqxga {
     font-size: 24px;
   }
 
+  .x1ewwscv {
+    font-size: 26px;
+  }
+
+  .xneq65o {
+    font-size: 28px;
+  }
+
   .x1s3cmhv {
     font-size: 32px;
   }
 
+  .xqozcyj {
+    font-size: 36px;
+  }
+
+  .x155jak9 {
+    font-size: 38px;
+  }
+
   .x1tgwohi {
     font-size: 40px;
   }
 
+  .xermeyz {
+    font-size: 50px;
+  }
+
   .x1qlqyl8 {
     font-size: inherit;
   }
@@ -1389,10 +1689,22 @@
     grid-template-rows: 1fr;
   }
 
+  .xkjl1po {
+    hyphens: auto;
+  }
+
+  .x18zu7yx {
+    inset-inline-end: -12px;
+  }
+
   .xtijo5x {
     inset-inline-end: 0;
   }
 
+  .x9q68il {
+    inset-inline-end: 12px;
+  }
+
   .x1f889gz {
     inset-inline-end: 6px;
   }
@@ -1437,6 +1749,10 @@
     inset-inline-start: calc(-1 * var(--xbmbo34));
   }
 
+  .xty0069 {
+    inset-inline-start: calc(100% - 12px);
+  }
+
   .x1lxsm33 {
     inset-inline-start: var(--x-insetInlineStart);
   }
@@ -1661,6 +1977,10 @@
     margin-inline-start: var(--x3km7fe);
   }
 
+  .x6aqprb {
+    margin-inline-start: var(--xbmbo34);
+  }
+
   .xwjwp01 {
     -webkit-mask-image: var(--x-maskImage);
     mask-image: var(--x-maskImage);
@@ -1706,14 +2026,6 @@
     outline-color: var(--x1cjupv7);
   }
 
-  .x5ma03c {
-    outline-color: var(--x1ridy1o);
-  }
-
-  .x1wab145 {
-    outline-color: var(--x7dbk6n);
-  }
-
   .x2ssjo2 {
     outline-offset: -2px;
   }
@@ -1746,6 +2058,10 @@
     outline-width: 2px;
   }
 
+  .x1hm618n {
+    overflow-clip-margin: 4px;
+  }
+
   .xj0a0fe {
     overflow-wrap: anywhere;
   }
@@ -1754,10 +2070,30 @@
     overflow-wrap: break-word;
   }
 
+  .x2vl965 {
+    padding-inline-end: 10px;
+  }
+
+  .x15zmtp0 {
+    padding-inline-end: 48px;
+  }
+
+  .xli2wwf {
+    padding-inline-end: 64px;
+  }
+
   .x3o381d {
     padding-inline-end: calc(var(--x6borv4) + 24px + var(--x3km7fe) - var(--xbmbo34));
   }
 
+  .x120eax6 {
+    padding-inline-end: var(--x-paddingInlineEnd);
+  }
+
+  .xdndrey {
+    padding-inline-end: var(--x196ey9q);
+  }
+
   .x1glmgrm {
     padding-inline-end: var(--x3km7fe);
   }
@@ -1766,6 +2102,14 @@
     padding-inline-end: var(--x6borv4);
   }
 
+  .x1oiqv2n {
+    padding-inline-start: 48px;
+  }
+
+  .x7vhb2i {
+    padding-inline-start: 64px;
+  }
+
   .x1187sqy {
     padding-inline-start: calc(var(--x3km7fe) + (var(--tree-item-level, 1) - 1) * var(--x196ey9q));
   }
@@ -1778,6 +2122,18 @@
     padding-inline-start: calc(var(--x6borv4) + 24px + var(--x3km7fe) - var(--xbmbo34));
   }
 
+  .xnvo3vl {
+    padding-inline-start: var(--x-paddingInlineStart);
+  }
+
+  .x1kdgbu8 {
+    padding-inline-start: var(--x196ey9q);
+  }
+
+  .x10rdx38 {
+    padding-inline-start: var(--x3km7fe);
+  }
+
   .xwde665 {
     padding-inline-start: var(--x6borv4);
   }
@@ -1802,6 +2158,10 @@
     position: relative;
   }
 
+  .x1uhb9sk {
+    position: static;
+  }
+
   .x7wzq59 {
     position: sticky;
   }
@@ -1810,6 +2170,14 @@
     resize: none;
   }
 
+  .xkcv6ua {
+    scroll-behavior: smooth;
+  }
+
+  .x1rohswg {
+    scrollbar-width: none;
+  }
+
   .xy3ggvv {
     stroke: color-mix(in srgb,currentColor 25%,transparent);
   }
@@ -1889,6 +2257,10 @@
     transform: rotate(-90deg);
   }
 
+  .x19jd1h0 {
+    transform: rotate(180deg);
+  }
+
   .x1iffjtl {
     transform: rotate(90deg);
   }
@@ -1941,8 +2313,8 @@
     transition-duration: 0s;
   }
 
-  .x1iuyhda {
-    transition-duration: var(--x12wc0xg),var(--x12wc0xg);
+  .x9w8ftz {
+    transition-duration: var(--x12wc0xg),var(--x12wc0xg),var(--x12wc0xg);
   }
 
   .x1qno0dh {
@@ -1965,10 +2337,18 @@
     transition-duration: var(--xaryv6b);
   }
 
+  .x104ni8d {
+    transition-property: background-color, block-size, border-radius, color, inline-size;
+  }
+
   .x7okvu4 {
     transition-property: background-color, block-size, inline-size;
   }
 
+  .xu8237s {
+    transition-property: background-color, border-color, box-shadow, color;
+  }
+
   .x1eaenvl {
     transition-property: background-color, border-color, color;
   }
@@ -1977,8 +2357,8 @@
     transition-property: background-color, border-color;
   }
 
-  .xb5u718 {
-    transition-property: background-color, border-radius;
+  .x1n0k3g7 {
+    transition-property: background-color, border-radius, inline-size;
   }
 
   .x106061f {
@@ -2009,6 +2389,10 @@
     transition-property: border-color;
   }
 
+  .x1hdt7lq {
+    transition-property: border-radius, padding;
+  }
+
   .xkdsq27 {
     transition-property: box-shadow;
   }
@@ -2065,6 +2449,10 @@
     transition-property: transform;
   }
 
+  .xcxfjh9 {
+    transition-property: translate, block-size;
+  }
+
   .x1c42kcb {
     transition-property: translate, border-radius, opacity;
   }
@@ -2089,8 +2477,8 @@
     transition-timing-function: var(--x1naowyp);
   }
 
-  .x15l9jch {
-    transition-timing-function: var(--x77wm8g),var(--x1naowyp);
+  .x1hu1jz6 {
+    transition-timing-function: var(--x77wm8g),var(--x1naowyp),var(--x1naowyp);
   }
 
   .xpc4ca7 {
@@ -2130,44 +2518,20 @@
     z-index: 1000;
   }
 
-  .x1en43ny:focus-visible {
-    background-color: color-mix(in srgb,currentColor calc(var(--x124j18r) * 100%),transparent);
+  .x1lxxh4i:focus-within {
+    box-shadow: inset 0 -2px 0 0 var(--x12p1wyw);
   }
 
-  .xc87fxa:focus-visible {
-    background-color: color-mix(in srgb,var(--x1bo8p7i) calc(var(--x124j18r) * 100%),var(--xliov21));
+  .x89kqus:focus-within {
+    box-shadow: inset 0 -2px 0 0 var(--x1cjupv7);
   }
 
-  .x598nmq:focus-visible {
-    background-color: color-mix(in srgb,var(--x1cjupv7) calc(var(--x124j18r) * 100%),transparent);
+  .x19i8hm1:focus-within {
+    box-shadow: inset 0 0 0 2px var(--x1cjupv7);
   }
 
-  .x3k5p2v:focus-visible {
-    background-color: color-mix(in srgb,var(--x1cjupv7) calc(var(--x124j18r) * 100%),var(--xi1exwt));
-  }
-
-  .x16z974x:focus-visible {
-    background-color: color-mix(in srgb,var(--x1f7qwsz) calc(var(--x124j18r) * 100%),var(--x1cjupv7));
-  }
-
-  .x1yu1589:focus-visible {
-    background-color: color-mix(in srgb,var(--x28n2pw) calc(var(--x124j18r) * 100%),transparent);
-  }
-
-  .x1lxxh4i:focus-within {
-    box-shadow: inset 0 -2px 0 0 var(--x12p1wyw);
-  }
-
-  .x89kqus:focus-within {
-    box-shadow: inset 0 -2px 0 0 var(--x1cjupv7);
-  }
-
-  .x19i8hm1:focus-within {
-    box-shadow: inset 0 0 0 2px var(--x1cjupv7);
-  }
-
-  .x12voer2:focus-within {
-    color: var(--x12p1wyw);
+  .x12voer2:focus-within {
+    color: var(--x12p1wyw);
   }
 
   .x158cnre:focus-within {
@@ -2234,8 +2598,16 @@
     animation-name: x18x3npg-B;
   }
 
-  .x1y10d4b:dir(rtl) {
-    transform: rotate(-90deg);
+  .x1kbcym6:dir(rtl) {
+    box-shadow: inset 1px 0 0 0 var(--x7dbk6n);
+  }
+
+  .xaaet9u:dir(rtl) {
+    transform: rotate(-90deg) scaleX(-1);
+  }
+
+  .xu3v78v:dir(rtl) {
+    transform: rotate(0) scaleX(-1);
   }
 
   .x19axjrm:dir(rtl) {
@@ -2246,6 +2618,10 @@
     transform: scaleX(1);
   }
 
+  .xaf021q:dir(rtl) {
+    transform: translateX(50%);
+  }
+
   .x1prwiuu:first-child {
     border-end-start-radius: var(--x3hih16);
   }
@@ -2266,86 +2642,10 @@
     border-start-end-radius: var(--x3hih16);
   }
 
-  .x15a1ka:hover {
-    background-color: color-mix(in srgb,currentColor calc(var(--x8z5t6h) * 100%),transparent);
-  }
-
-  .x1v1ylhe:hover {
-    background-color: color-mix(in srgb,var(--x1balm44) calc(var(--x8z5t6h) * 100%),var(--x1614qkl));
-  }
-
-  .xlizrex:hover {
-    background-color: color-mix(in srgb,var(--x1bo8p7i) calc(var(--x8z5t6h) * 100%),var(--xliov21));
-  }
-
-  .x14dcer4:hover {
-    background-color: color-mix(in srgb,var(--x1cjupv7) calc(var(--x8z5t6h) * 100%),transparent);
-  }
-
-  .xf9j7ge:hover {
-    background-color: color-mix(in srgb,var(--x1cjupv7) calc(var(--x8z5t6h) * 100%),var(--xi1exwt));
-  }
-
-  .xyf7a0q:hover {
-    background-color: color-mix(in srgb,var(--x1f7qwsz) calc(var(--x8z5t6h) * 100%),var(--x1cjupv7));
-  }
-
-  .x41qtu3:hover {
-    background-color: color-mix(in srgb,var(--x1p425jc) calc(var(--x8z5t6h) * 100%),var(--xliov21));
-  }
-
-  .x1728qcm:hover {
-    background-color: color-mix(in srgb,var(--x28n2pw) calc(var(--x8z5t6h) * 100%),transparent);
-  }
-
-  .x1h1ujn1:hover {
-    background-color: color-mix(in srgb,var(--x28n2pw) calc(var(--x8z5t6h) * 100%),var(--x3cqee7));
-  }
-
-  .x1ofvui0:hover {
-    background-color: color-mix(in srgb,var(--xkltk4j) calc(var(--x8z5t6h) * 100%),var(--x189y34t));
-  }
-
-  .x1p2om7n:hover {
-    background-color: color-mix(in srgb,var(--xn0syi6) calc(var(--x8z5t6h) * 100%),transparent);
-  }
-
-  .xovjh5a:hover {
-    background-color: color-mix(in srgb,var(--xn0syi6) calc(var(--x8z5t6h) * 100%),var(--x13o0mym));
-  }
-
-  .x1dmgsxd:hover {
-    background-color: color-mix(in srgb,var(--xn0syi6) calc(var(--x8z5t6h) * 100%),var(--x1dzgr7y));
-  }
-
-  .x1g5gueg:hover {
-    background-color: color-mix(in srgb,var(--xn0syi6) calc(var(--x8z5t6h) * 100%),var(--x1xbp8h6));
-  }
-
-  .x5r8g2b:hover {
-    background-color: color-mix(in srgb,var(--xn0syi6) calc(var(--x8z5t6h) * 100%),var(--xi1exwt));
-  }
-
-  .x1fzngjt:hover {
-    box-shadow: var(--x14ermby);
-  }
-
-  .x1955hzl:hover {
-    box-shadow: var(--xt04dnm);
-  }
-
   .x1aetzt3:hover {
     color: var(--x1cjupv7);
   }
 
-  .x1igw6b7:hover {
-    color: var(--xn0syi6);
-  }
-
-  .x1h298ve:hover {
-    color: var(--xqsbqtq);
-  }
-
   .x1rdisx9:hover {
     -webkit-text-decoration-color: var(--x1cjupv7);
     text-decoration-color: var(--x1cjupv7);
@@ -2355,46 +2655,6 @@
     text-decoration-line: underline;
   }
 
-  .xy3r1oc:active {
-    background-color: color-mix(in srgb,currentColor calc(var(--xhaltwz) * 100%),transparent);
-  }
-
-  .x1q27o6y:active {
-    background-color: color-mix(in srgb,var(--x1balm44) calc(var(--xhaltwz) * 100%),var(--x1614qkl));
-  }
-
-  .xnqsvhv:active {
-    background-color: color-mix(in srgb,var(--x1bo8p7i) calc(var(--xhaltwz) * 100%),var(--xliov21));
-  }
-
-  .x12vej0r:active {
-    background-color: color-mix(in srgb,var(--x1cjupv7) calc(var(--xhaltwz) * 100%),transparent);
-  }
-
-  .x1k1wbbp:active {
-    background-color: color-mix(in srgb,var(--x1cjupv7) calc(var(--xhaltwz) * 100%),var(--xi1exwt));
-  }
-
-  .xpky1to:active {
-    background-color: color-mix(in srgb,var(--x1f7qwsz) calc(var(--xhaltwz) * 100%),var(--x1cjupv7));
-  }
-
-  .x12abq7s:active {
-    background-color: color-mix(in srgb,var(--x1p425jc) calc(var(--xhaltwz) * 100%),var(--xliov21));
-  }
-
-  .x1dg9itu:active {
-    background-color: color-mix(in srgb,var(--x28n2pw) calc(var(--xhaltwz) * 100%),transparent);
-  }
-
-  .xbck2fw:active {
-    background-color: color-mix(in srgb,var(--x28n2pw) calc(var(--xhaltwz) * 100%),var(--x3cqee7));
-  }
-
-  .x1q841l6:active {
-    background-color: color-mix(in srgb,var(--xkltk4j) calc(var(--xhaltwz) * 100%),var(--x189y34t));
-  }
-
   .x83qkoq:active {
     background-color: color-mix(in srgb,var(--xn0syi6) calc(var(--xhaltwz) * 100%),transparent);
   }
@@ -2415,10 +2675,6 @@
     background-color: color-mix(in srgb,var(--xn0syi6) calc(var(--xhaltwz) * 100%),var(--xi1exwt));
   }
 
-  .xpk4wdd:active {
-    box-shadow: none;
-  }
-
   .x1g60mc1:active {
     box-shadow: var(--xt04dnm);
   }
@@ -2466,6 +2722,30 @@
       background-color: highlighttext;
     }
 
+    .x1x0u81l.x1x0u81l {
+      border-inline-end-color: canvastext;
+    }
+
+    .x1ksdfms.x1ksdfms {
+      border-inline-end-color: highlight;
+    }
+
+    .xf1j0q2.xf1j0q2 {
+      border-inline-end-style: solid;
+    }
+
+    .xmzn1mo.xmzn1mo {
+      border-inline-end-width: 1px;
+    }
+
+    .x12inkfj.x12inkfj {
+      border-inline-end-width: 2px;
+    }
+
+    .x1o9zed4.x1o9zed4 {
+      border-inline-end-width: 3px;
+    }
+
     .xjslfuv.xjslfuv {
       border-inline-start-color: canvastext;
     }
@@ -2506,6 +2786,10 @@
       outline-color: canvastext;
     }
 
+    .x1v8yhc2.x1v8yhc2 {
+      outline-color: currentColor;
+    }
+
     .x1x84bn5.x1x84bn5 {
       outline-color: highlight;
     }
@@ -2522,10 +2806,6 @@
       outline-offset: 2px;
     }
 
-    .xq4115o.xq4115o {
-      outline-style: dashed;
-    }
-
     .x1894zjx.x1894zjx {
       outline-style: none;
     }
@@ -2544,16 +2824,78 @@
   }
 
   @media (prefers-reduced-motion: reduce) {
+    .xg83hb1.xg83hb1 {
+      scroll-behavior: auto;
+    }
+
     .x12w9bfk.x12w9bfk {
       transition-duration: 0s;
     }
   }
 
   @media (forced-colors: active) {
-    .xi9ts3s.xi9ts3s:focus-within, .xc0lcac.xc0lcac:focus {
+    .xi9ts3s.xi9ts3s:focus-within {
       outline-style: solid;
     }
   }
+
+  @media (hover: hover) {
+    .xjqqt44.xjqqt44:hover {
+      background-color: color-mix(in srgb,var(--xn0syi6) calc(var(--x8z5t6h) * 100%),transparent);
+    }
+
+    .xt0lj0h.xt0lj0h:hover {
+      background-color: color-mix(in srgb,var(--xn0syi6) calc(var(--x8z5t6h) * 100%),var(--x13o0mym));
+    }
+
+    .x1dau0i7.x1dau0i7:hover {
+      background-color: color-mix(in srgb,var(--xn0syi6) calc(var(--x8z5t6h) * 100%),var(--x1dzgr7y));
+    }
+
+    .x42wrt3.x42wrt3:hover {
+      background-color: color-mix(in srgb,var(--xn0syi6) calc(var(--x8z5t6h) * 100%),var(--x1xbp8h6));
+    }
+
+    .x1ru19e0.x1ru19e0:hover {
+      background-color: color-mix(in srgb,var(--xn0syi6) calc(var(--x8z5t6h) * 100%),var(--xi1exwt));
+    }
+
+    .xqmo4o3.xqmo4o3:hover {
+      box-shadow: var(--x14ermby);
+    }
+  }
+
+  @media (forced-colors: active) {
+    .xc0lcac.xc0lcac:focus {
+      outline-style: solid;
+    }
+  }
+
+  @media (hover: hover) {
+    .x1yl1wq7.x1yl1wq7:active {
+      background-color: color-mix(in srgb,var(--xn0syi6) calc(var(--xhaltwz) * 100%),transparent);
+    }
+
+    .x10l1pcx.x10l1pcx:active {
+      background-color: color-mix(in srgb,var(--xn0syi6) calc(var(--xhaltwz) * 100%),var(--x13o0mym));
+    }
+
+    .x1ie1ydn.x1ie1ydn:active {
+      background-color: color-mix(in srgb,var(--xn0syi6) calc(var(--xhaltwz) * 100%),var(--x1dzgr7y));
+    }
+
+    .xmaqtb8.xmaqtb8:active {
+      background-color: color-mix(in srgb,var(--xn0syi6) calc(var(--xhaltwz) * 100%),var(--x1xbp8h6));
+    }
+
+    .x17zbzf9.x17zbzf9:active {
+      background-color: color-mix(in srgb,var(--xn0syi6) calc(var(--xhaltwz) * 100%),var(--xi1exwt));
+    }
+
+    .x14zlms8.x14zlms8:active {
+      box-shadow: var(--xt04dnm);
+    }
+  }
 }
 
 @layer kanso.priority5 {
@@ -2685,6 +3027,18 @@
     height: 56px;
   }
 
+  .x1peatla {
+    height: 64px;
+  }
+
+  .xols6we {
+    height: 6px;
+  }
+
+  .xwzfr38 {
+    height: 80px;
+  }
+
   .xt7dq6l {
     height: auto;
   }
@@ -2697,6 +3051,10 @@
     height: calc((2 * var(--xod9tvo) + var(--x1lrg4gv) + var(--xol8812)) / 2);
   }
 
+  .x1qu6c4t {
+    height: calc(100% - 2 * var(--x1ug6acx));
+  }
+
   .xnqhc4v {
     height: calc(2 * var(--x3km7fe) + var(--xol8812));
   }
@@ -2705,6 +3063,10 @@
     height: calc(2 * var(--xod9tvo) + var(--x1lrg4gv) + var(--xol8812));
   }
 
+  .x1mj9p22 {
+    height: 280px;
+  }
+
   .x1t2j4n3 {
     height: var(--tab-panel-height, auto);
   }
@@ -2767,10 +3129,18 @@
     margin-bottom: calc(-1 * var(--xod9tvo));
   }
 
+  .xqa3g7y {
+    margin-bottom: calc(var(--xqgx294) - var(--xbmbo34));
+  }
+
   .xxkrg4w {
     margin-bottom: var(--x3km7fe);
   }
 
+  .x1mgj515 {
+    margin-bottom: var(--xqgx294);
+  }
+
   .xdj266r {
     margin-top: 0;
   }
@@ -2799,6 +3169,10 @@
     max-height: 100%;
   }
 
+  .xfwfbzp {
+    max-height: calc(100dvh * 2 / 3 - var(--x1hfhk6y) - 1px);
+  }
+
   .xedcshv {
     max-height: inherit;
   }
@@ -2811,6 +3185,14 @@
     max-width: 100%;
   }
 
+  .x16xn7b0 {
+    max-width: 100vw;
+  }
+
+  .x1pdpmub {
+    max-width: 264px;
+  }
+
   .x1jkqq1h {
     max-width: 280px;
   }
@@ -2819,6 +3201,10 @@
     max-width: 320px;
   }
 
+  .xxc7z9f {
+    max-width: 360px;
+  }
+
   .x27kpxv {
     max-width: 560px;
   }
@@ -2855,6 +3241,10 @@
     min-height: 160px;
   }
 
+  .x1ficeh5 {
+    min-height: 240px;
+  }
+
   .xjwf9q1 {
     min-height: 24px;
   }
@@ -2899,6 +3289,14 @@
     min-height: var(--x15xxfuy);
   }
 
+  .x112cvos {
+    min-height: var(--x1eqeuls);
+  }
+
+  .xdovgog {
+    min-height: var(--x1hfhk6y);
+  }
+
   .x1dry9sr {
     min-height: var(--x1imqybj);
   }
@@ -2911,6 +3309,18 @@
     min-height: var(--x1m307d3);
   }
 
+  .x1cio8j0 {
+    min-height: var(--x1ww3f7m);
+  }
+
+  .xlzjxrf {
+    min-height: var(--x67cwyw);
+  }
+
+  .xldltni {
+    min-height: var(--xmcpupp);
+  }
+
   .x1bt55z4 {
     min-height: var(--xnychtd);
   }
@@ -2927,6 +3337,14 @@
     min-width: 112px;
   }
 
+  .x15kz4h8 {
+    min-width: 16px;
+  }
+
+  .x12rczxh {
+    min-width: 220px;
+  }
+
   .xnei2rj {
     min-width: 24px;
   }
@@ -2947,6 +3365,14 @@
     min-width: 64px;
   }
 
+  .x187xtus {
+    min-width: 72px;
+  }
+
+  .x13ijof9 {
+    min-width: var(--x1hfhk6y);
+  }
+
   .xw2csxc {
     overflow-x: auto;
   }
@@ -2965,6 +3391,14 @@
     padding-bottom: 0;
   }
 
+  .x1u7mh7p {
+    padding-bottom: calc(var(--xod9tvo) + env(safe-area-inset-bottom, 0px));
+  }
+
+  .x1a148e8 {
+    padding-bottom: env(safe-area-inset-bottom, 0px);
+  }
+
   .x8i8c5o {
     padding-bottom: var(--x196ey9q);
   }
@@ -2981,10 +3415,34 @@
     padding-bottom: var(--xod9tvo);
   }
 
+  .x1uhho1l {
+    padding-left: 0;
+  }
+
+  .xbpsoft {
+    padding-left: calc(var(--xod9tvo) + env(safe-area-inset-left, 0px));
+  }
+
+  .xq5vm52 {
+    padding-right: calc(var(--xod9tvo) + env(safe-area-inset-right, 0px));
+  }
+
+  .xg4jtgg {
+    padding-right: env(safe-area-inset-right, 0px);
+  }
+
   .xexx8yu {
     padding-top: 0;
   }
 
+  .xlaft8j {
+    padding-top: 44px;
+  }
+
+  .x1mrd0q {
+    padding-top: env(safe-area-inset-top, 0px);
+  }
+
   .x13h71tw {
     padding-top: var(--x196ey9q);
   }
@@ -3005,6 +3463,10 @@
     padding-top: var(--xod9tvo);
   }
 
+  .x1qiirwl {
+    top: -2px;
+  }
+
   .x13vifvy {
     top: 0;
   }
@@ -3093,6 +3555,10 @@
     width: 36px;
   }
 
+  .x1g8rjiy {
+    width: 3px;
+  }
+
   .x1l2rt3b {
     width: 400px;
   }
@@ -3117,6 +3583,18 @@
     width: 56px;
   }
 
+  .x1v4s8kt {
+    width: 6px;
+  }
+
+  .x1dmp6jm {
+    width: 80px;
+  }
+
+  .x13oubkp {
+    width: 96px;
+  }
+
   .x14atkfc {
     width: auto;
   }
@@ -3125,6 +3603,10 @@
     width: calc(100% - 2 * var(--x1ug6acx));
   }
 
+  .xd4ksm1 {
+    width: clamp(360px,var(--trigger-width),720px);
+  }
+
   .xeq5yr9 {
     width: fit-content;
   }
@@ -3161,6 +3643,20 @@
     width: var(--xmcpupp);
   }
 
+  @supports not (overflow-clip-margin: 4px) {
+    .x25398y.x25398y {
+      padding-top: 4px;
+    }
+  }
+
+  .x1lodr2j:dir(rtl) {
+    padding-left: env(safe-area-inset-left, 0px);
+  }
+
+  .xg4bq00:dir(rtl) {
+    padding-right: 0;
+  }
+
   .x1g31smg:first-child {
     border-top-width: 0;
   }
@@ -3194,6 +3690,10 @@
       border-top-color: canvastext;
     }
 
+    .x4hsqty.x4hsqty {
+      border-top-color: highlight;
+    }
+
     .x4z998w.x4z998w {
       border-top-style: solid;
     }
@@ -3201,6 +3701,14 @@
     .x1lym3mf.x1lym3mf {
       border-top-width: 1px;
     }
+
+    .x7sdbh0.x7sdbh0 {
+      border-top-width: 2px;
+    }
+
+    .x1cuxy5d.x1cuxy5d {
+      border-top-width: 3px;
+    }
   }
 
   @media (width >= 600px) {
@@ -3216,11 +3724,21 @@
 
 @layer kanso.priority6 {
   @media (width < 600px) {
+    .xxl0i3l.xxl0i3l {
+      border-radius: 0;
+    }
+
     .x1f120ba.x1f120ba {
       border-radius: var(--x1lckk6t);
     }
   }
 
+  @media (width >= 600px) {
+    .x110hqo6.x110hqo6 {
+      gap: var(--xod9tvo);
+    }
+  }
+
   @media (width >= 840px) {
     .x1mqhcjd.x1mqhcjd {
       grid-column: 1;
@@ -3231,6 +3749,16 @@
     }
   }
 
+  @media (width >= 600px) {
+    .x1nouyz5.x1nouyz5 {
+      padding-block: 0;
+    }
+
+    .xze1m75.xze1m75 {
+      padding-inline: var(--x3km7fe);
+    }
+  }
+
   @media (width < 600px) {
     @media (forced-colors: active) {
       .x1gb867b.x1gb867b.x1gb867b {
@@ -3238,6 +3766,18 @@
       }
     }
   }
+
+  @media (width >= 600px) {
+    @media (forced-colors: active) {
+      .xnqlxux.xnqlxux.xnqlxux {
+        border-style: none;
+      }
+
+      .x1wx4lrg.x1wx4lrg.x1wx4lrg {
+        border-style: solid;
+      }
+    }
+  }
 }
 
 @layer kanso.priority7 {
@@ -3249,7 +3789,43 @@
     .x1ebxanj.x1ebxanj {
       animation-name: x1itx4s0-B;
     }
+  }
+
+  @media (width >= 600px) {
+    .xdodzsd.xdodzsd {
+      background-color: color-mix(in srgb,var(--x1bo8p7i) calc(var(--x124j18r) * 100%),transparent);
+    }
+
+    .xnmt8re.xnmt8re {
+      background-color: color-mix(in srgb,var(--x1bo8p7i) calc(var(--x124j18r) * 100%),var(--xliov21));
+    }
+
+    .xdenq60.xdenq60 {
+      background-color: color-mix(in srgb,var(--x1bo8p7i) calc(var(--x8z5t6h) * 100%),transparent);
+    }
 
+    .xjq3nej.xjq3nej {
+      background-color: color-mix(in srgb,var(--x1bo8p7i) calc(var(--x8z5t6h) * 100%),var(--xliov21));
+    }
+
+    .x7fq6vu.x7fq6vu {
+      background-color: color-mix(in srgb,var(--x1bo8p7i) calc(var(--xhaltwz) * 100%),transparent);
+    }
+
+    .x9wewpu.x9wewpu {
+      background-color: color-mix(in srgb,var(--x1bo8p7i) calc(var(--xhaltwz) * 100%),var(--xliov21));
+    }
+
+    .x8jqrm0.x8jqrm0 {
+      background-color: #0000;
+    }
+
+    .x1xec0pq.x1xec0pq {
+      background-color: var(--xliov21);
+    }
+  }
+
+  @media (width < 600px) {
     .xb0nsol.xb0nsol {
       border-end-start-radius: var(--x1lckk6t);
     }
@@ -3262,11 +3838,21 @@
       border-start-start-radius: var(--x1w5u0jm);
     }
 
+    .xzvmenf.xzvmenf {
+      box-shadow: none;
+    }
+
     .x1l41d60.x1l41d60 {
       box-shadow: var(--x14ermby),0 0 0 100vmax color-mix(in srgb,var(--x1khq28e) 32%,transparent);
     }
   }
 
+  @media (width >= 600px) {
+    .x16ybrrz.x16ybrrz {
+      color: var(--x1bo8p7i);
+    }
+  }
+
   @media (width >= 840px) {
     .x9a4l8x.x9a4l8x {
       display: block;
@@ -3277,7 +3863,23 @@
     .x37i4ze.x37i4ze {
       display: flex;
     }
+  }
+
+  @media (width >= 600px) {
+    .x1a6ly76.x1a6ly76 {
+      flex-basis: auto;
+    }
+
+    .xapwh9g.xapwh9g {
+      flex-direction: row;
+    }
 
+    .x10cb59y.x10cb59y {
+      flex-grow: 0;
+    }
+  }
+
+  @media (width < 600px) {
     .xl849ld.xl849ld {
       font-family: var(--xr826oj);
     }
@@ -3311,7 +3913,7 @@
     inset: -3px;
   }
 
-  .x15kbrqr:before {
+  .xramuyw:after, .x15kbrqr:before {
     inset: -4px;
   }
 
@@ -3343,7 +3945,19 @@
     .xrr2tf9.xrr2tf9 {
       line-height: var(--xuc6kgf);
     }
+  }
 
+  @media (width >= 600px) {
+    .x1t601oj.x1t601oj {
+      outline-style: none;
+    }
+
+    .xxgb522.xxgb522 {
+      outline-style: solid;
+    }
+  }
+
+  @media (width < 600px) {
     .x1mesnot.x1mesnot {
       position: fixed !important;
     }
@@ -3361,23 +3975,75 @@
     .xf6te7g.xf6te7g {
       border-bottom-style: solid;
     }
+  }
 
+  .xtl7nvb:after {
+    border-color: var(--x1cjupv7);
+  }
+
+  .xrwozs3:after {
+    border-color: var(--x1ridy1o);
+  }
+
+  .x1ek9lwj:after {
+    border-color: var(--x7dbk6n);
+  }
+
+  .x1upluxz:after {
+    border-radius: calc(var(--x1qkrqlv) + min(var(--x1qkrqlv),4px));
+  }
+
+  .x1v5kskh:after {
+    border-style: none;
+  }
+
+  .x86avzo:after {
+    border-style: solid;
+  }
+
+  @media (width < 600px) {
     .x1vv4zg8.x1vv4zg8 {
       border-top-style: solid;
     }
+  }
 
+  .x1941vk7:after {
+    border-width: 2px;
+  }
+
+  @media (width < 600px) {
     .xudx362.xudx362 {
       bottom: 0 !important;
     }
+  }
 
+  @media (width >= 600px) {
+    .xiioxts.xiioxts {
+      height: 40px;
+    }
+
+    .x10qpgbh.x10qpgbh {
+      height: auto;
+    }
+  }
+
+  @media (width < 600px) {
     .x1ju3lih.x1ju3lih {
       height: 100%;
     }
 
+    .x16m7gpl.x16m7gpl {
+      height: 100dvh;
+    }
+
     .xxcmccx.xxcmccx {
       height: 56px;
     }
 
+    .xzcdm5u.xzcdm5u {
+      height: 72px;
+    }
+
     .x1poebcc.x1poebcc {
       height: fit-content;
     }
@@ -3424,6 +4090,14 @@
       max-height: calc(100dvh - 72px);
     }
 
+    .x10iheve.x10iheve {
+      max-height: none !important;
+    }
+
+    .xrsa6q8.xrsa6q8 {
+      max-height: none;
+    }
+
     .x1493c6o.x1493c6o {
       max-width: calc(100vw - 2 * var(--x3km7fe));
     }
@@ -3432,6 +4106,10 @@
       max-width: none;
     }
 
+    .x1iob9gu.x1iob9gu {
+      min-height: 0;
+    }
+
     .xxzqys8.xxzqys8 {
       min-width: auto;
     }
@@ -3440,10 +4118,26 @@
       padding-bottom: 0;
     }
 
+    .x9xqwrn.x9xqwrn {
+      padding-bottom: env(safe-area-inset-bottom, 0px);
+    }
+
+    .x19b5e0v.x19b5e0v {
+      padding-left: env(safe-area-inset-left, 0px);
+    }
+
+    .xsds98l.xsds98l {
+      padding-right: env(safe-area-inset-right, 0px);
+    }
+
     .x5ubeis.x5ubeis {
       padding-top: 0;
     }
 
+    .xg8iv3o.xg8iv3o {
+      padding-top: env(safe-area-inset-top, 0px);
+    }
+
     .xbvrusa.xbvrusa {
       top: 0 !important;
     }
@@ -3451,15 +4145,35 @@
     .xmpip4z.xmpip4z {
       top: auto;
     }
+  }
+
+  @media (width >= 600px) {
+    .x11lewyt.x11lewyt {
+      width: auto;
+    }
+  }
 
+  @media (width < 600px) {
     .xwvxfow.xwvxfow {
       width: 100%;
     }
 
+    .x14gilbs.x14gilbs {
+      width: 100vw;
+    }
+
     .xpxzbr4.xpxzbr4 {
       width: fit-content;
     }
+  }
+
+  @media (forced-colors: active) {
+    .xssfeg4.xssfeg4:after {
+      border-style: dashed;
+    }
+  }
 
+  @media (width < 600px) {
     @media (forced-colors: active) {
       .xuz63mn.xuz63mn.xuz63mn {
         border-top-style: solid;
@@ -3469,6 +4183,10 @@
 }
 
 @layer kanso.priority9 {
+  .xx38sju:after {
+    box-sizing: border-box;
+  }
+
   .x7ip5l3::placeholder {
     color: color-mix(in srgb,var(--xn0syi6) calc(var(--xu361ij) * 100%),var(--x1dzgr7y));
   }
@@ -3481,7 +4199,7 @@
     color: var(--x28n2pw);
   }
 
-  .x1cpjm7i:before {
+  .x1cpjm7i:before, .x1s928wv:after {
     content: "";
   }
 
@@ -3489,11 +4207,19 @@
     display: none;
   }
 
+  .xfk6m8::-webkit-scrollbar {
+    display: none;
+  }
+
   .xzwh6sb::-webkit-search-decoration {
     display: none;
   }
 
-  .x1hmns74:before {
+  .x2q1x1w:after {
+    pointer-events: none;
+  }
+
+  .x1hmns74:before, .x1j6awrg:after {
     position: absolute;
   }
 
@@ -3507,6 +4233,26 @@
   inherits: false
 }
 
+@property --x-borderEndEndRadius {
+  syntax: "*";
+  inherits: false
+}
+
+@property --x-borderEndStartRadius {
+  syntax: "*";
+  inherits: false
+}
+
+@property --x-borderStartEndRadius {
+  syntax: "*";
+  inherits: false
+}
+
+@property --x-borderStartStartRadius {
+  syntax: "*";
+  inherits: false
+}
+
 @property --x-gridTemplateColumns {
   syntax: "*";
   inherits: false
@@ -3557,6 +4303,16 @@
   inherits: false
 }
 
+@property --x-paddingInlineEnd {
+  syntax: "*";
+  inherits: false
+}
+
+@property --x-paddingInlineStart {
+  syntax: "*";
+  inherits: false
+}
+
 @keyframes x19sykc1-B {
   from {
     background-position-x: 10px;
@@ -3649,6 +4405,18 @@
   }
 }
 
+@keyframes x1uknk9t-B {
+  from {
+    opacity: 0;
+    transform: translateY(8px);
+  }
+
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
 @keyframes x1t81ys1-B {
   0% {
     stroke-dasharray: 8 100;
@@ -3837,84 +4605,84 @@
 }
 
 :root, .x1q1jnkv {
-  --x1ygl7cg: var(--kui-typography-body-large-font, "Roboto Flex", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
+  --x1ygl7cg: var(--kui-typography-body-large-font, var(--kui-typography-font-family-plain, "Roboto Flex", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif));
   --xol8812: var(--kui-typography-body-large-line-height, 24px);
   --xjulk4j: var(--kui-typography-body-large-size, 16px);
   --x10nh56i: var(--kui-typography-body-large-tracking, .5px);
-  --x16erikp: var(--kui-typography-body-large-weight, 400);
-  --x1q0k4yu: var(--kui-typography-body-medium-font, "Roboto Flex", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
+  --x16erikp: var(--kui-typography-body-large-weight, var(--kui-typography-weight-regular, 400));
+  --x1q0k4yu: var(--kui-typography-body-medium-font, var(--kui-typography-font-family-plain, "Roboto Flex", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif));
   --x1j54qr5: var(--kui-typography-body-medium-line-height, 20px);
   --x1gawvsv: var(--kui-typography-body-medium-size, 14px);
   --x1wq3zjd: var(--kui-typography-body-medium-tracking, .25px);
-  --x1ayguju: var(--kui-typography-body-medium-weight, 400);
-  --x15dz6tq: var(--kui-typography-body-small-font, "Roboto Flex", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
+  --x1ayguju: var(--kui-typography-body-medium-weight, var(--kui-typography-weight-regular, 400));
+  --x15dz6tq: var(--kui-typography-body-small-font, var(--kui-typography-font-family-plain, "Roboto Flex", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif));
   --x1lrg4gv: var(--kui-typography-body-small-line-height, 16px);
   --x18q7aov: var(--kui-typography-body-small-size, 12px);
   --xw822is: var(--kui-typography-body-small-tracking, .4px);
-  --x1ok1j4r: var(--kui-typography-body-small-weight, 400);
-  --x134eq0n: var(--kui-typography-display-large-font, "Roboto Serif", "Iowan Old Style", Georgia, serif);
+  --x1ok1j4r: var(--kui-typography-body-small-weight, var(--kui-typography-weight-regular, 400));
+  --x134eq0n: var(--kui-typography-display-large-font, var(--kui-typography-font-family-brand, "Roboto Serif", "Iowan Old Style", Georgia, serif));
   --xhofdxx: var(--kui-typography-display-large-line-height, 64px);
   --x17lio9c: var(--kui-typography-display-large-size, 57px);
   --x1gxj0qs: var(--kui-typography-display-large-tracking, -.25px);
-  --xe5fuv: var(--kui-typography-display-large-weight, 400);
-  --xyhb918: var(--kui-typography-display-medium-font, "Roboto Serif", "Iowan Old Style", Georgia, serif);
+  --xe5fuv: var(--kui-typography-display-large-weight, var(--kui-typography-weight-regular, 400));
+  --xyhb918: var(--kui-typography-display-medium-font, var(--kui-typography-font-family-brand, "Roboto Serif", "Iowan Old Style", Georgia, serif));
   --xb6v12a: var(--kui-typography-display-medium-line-height, 52px);
   --xtenqmo: var(--kui-typography-display-medium-size, 45px);
   --x116sb5h: var(--kui-typography-display-medium-tracking, 0px);
-  --xoezdz5: var(--kui-typography-display-medium-weight, 400);
-  --xdjewjw: var(--kui-typography-display-small-font, "Roboto Serif", "Iowan Old Style", Georgia, serif);
+  --xoezdz5: var(--kui-typography-display-medium-weight, var(--kui-typography-weight-regular, 400));
+  --xdjewjw: var(--kui-typography-display-small-font, var(--kui-typography-font-family-brand, "Roboto Serif", "Iowan Old Style", Georgia, serif));
   --x1pjhsc4: var(--kui-typography-display-small-line-height, 44px);
   --xa0mhat: var(--kui-typography-display-small-size, 36px);
   --x1p2yclr: var(--kui-typography-display-small-tracking, 0px);
-  --xhws6hb: var(--kui-typography-display-small-weight, 400);
+  --xhws6hb: var(--kui-typography-display-small-weight, var(--kui-typography-weight-regular, 400));
   --x1dvys7s: var(--kui-typography-font-family-brand, "Roboto Serif", "Iowan Old Style", Georgia, serif);
   --xawtrnj: var(--kui-typography-font-family-mono, "Roboto Mono", ui-monospace, "SF Mono", Menlo, monospace);
   --xa58n4l: var(--kui-typography-font-family-plain, "Roboto Flex", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
-  --xof041q: var(--kui-typography-headline-large-font, "Roboto Serif", "Iowan Old Style", Georgia, serif);
+  --xof041q: var(--kui-typography-headline-large-font, var(--kui-typography-font-family-brand, "Roboto Serif", "Iowan Old Style", Georgia, serif));
   --xurq05k: var(--kui-typography-headline-large-line-height, 40px);
   --xb8fm24: var(--kui-typography-headline-large-size, 32px);
   --xl627c: var(--kui-typography-headline-large-tracking, 0px);
-  --xvbu8tx: var(--kui-typography-headline-large-weight, 400);
-  --xsd729e: var(--kui-typography-headline-medium-font, "Roboto Serif", "Iowan Old Style", Georgia, serif);
+  --xvbu8tx: var(--kui-typography-headline-large-weight, var(--kui-typography-weight-regular, 400));
+  --xsd729e: var(--kui-typography-headline-medium-font, var(--kui-typography-font-family-brand, "Roboto Serif", "Iowan Old Style", Georgia, serif));
   --x1tcnfxo: var(--kui-typography-headline-medium-line-height, 36px);
   --xt0lczk: var(--kui-typography-headline-medium-size, 28px);
   --xpyu5e0: var(--kui-typography-headline-medium-tracking, 0px);
-  --x9gskfq: var(--kui-typography-headline-medium-weight, 400);
-  --x1jqfzdj: var(--kui-typography-headline-small-font, "Roboto Serif", "Iowan Old Style", Georgia, serif);
+  --x9gskfq: var(--kui-typography-headline-medium-weight, var(--kui-typography-weight-regular, 400));
+  --x1jqfzdj: var(--kui-typography-headline-small-font, var(--kui-typography-font-family-brand, "Roboto Serif", "Iowan Old Style", Georgia, serif));
   --xkj6wu1: var(--kui-typography-headline-small-line-height, 32px);
   --x1oc1922: var(--kui-typography-headline-small-size, 24px);
   --x1te0yyg: var(--kui-typography-headline-small-tracking, 0px);
-  --x1lrnn0r: var(--kui-typography-headline-small-weight, 400);
-  --xnff2fy: var(--kui-typography-label-large-font, "Roboto Flex", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
+  --x1lrnn0r: var(--kui-typography-headline-small-weight, var(--kui-typography-weight-regular, 400));
+  --xnff2fy: var(--kui-typography-label-large-font, var(--kui-typography-font-family-plain, "Roboto Flex", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif));
   --x9imlvm: var(--kui-typography-label-large-line-height, 20px);
   --xl3tx9q: var(--kui-typography-label-large-size, 14px);
   --x14fmv7u: var(--kui-typography-label-large-tracking, .1px);
-  --xwguucb: var(--kui-typography-label-large-weight, 500);
-  --xbejnr: var(--kui-typography-label-medium-font, "Roboto Flex", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
+  --xwguucb: var(--kui-typography-label-large-weight, var(--kui-typography-weight-medium, 500));
+  --xbejnr: var(--kui-typography-label-medium-font, var(--kui-typography-font-family-plain, "Roboto Flex", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif));
   --xqehqp9: var(--kui-typography-label-medium-line-height, 16px);
   --x48e3yn: var(--kui-typography-label-medium-size, 12px);
   --xe8jatf: var(--kui-typography-label-medium-tracking, .5px);
-  --x1a51kfj: var(--kui-typography-label-medium-weight, 500);
-  --xm0ylhd: var(--kui-typography-label-small-font, "Roboto Flex", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
+  --x1a51kfj: var(--kui-typography-label-medium-weight, var(--kui-typography-weight-medium, 500));
+  --xm0ylhd: var(--kui-typography-label-small-font, var(--kui-typography-font-family-plain, "Roboto Flex", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif));
   --xt3caw9: var(--kui-typography-label-small-line-height, 16px);
   --x5h3z1j: var(--kui-typography-label-small-size, 11px);
   --x2j42vm: var(--kui-typography-label-small-tracking, .5px);
-  --xj1uwei: var(--kui-typography-label-small-weight, 500);
-  --xr826oj: var(--kui-typography-title-large-font, "Roboto Serif", "Iowan Old Style", Georgia, serif);
+  --xj1uwei: var(--kui-typography-label-small-weight, var(--kui-typography-weight-medium, 500));
+  --xr826oj: var(--kui-typography-title-large-font, var(--kui-typography-font-family-brand, "Roboto Serif", "Iowan Old Style", Georgia, serif));
   --xuc6kgf: var(--kui-typography-title-large-line-height, 28px);
   --xs4cscp: var(--kui-typography-title-large-size, 22px);
   --xt8l743: var(--kui-typography-title-large-tracking, 0px);
-  --x1i0wwws: var(--kui-typography-title-large-weight, 400);
-  --x1bjiv9x: var(--kui-typography-title-medium-font, "Roboto Flex", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
+  --x1i0wwws: var(--kui-typography-title-large-weight, var(--kui-typography-weight-regular, 400));
+  --x1bjiv9x: var(--kui-typography-title-medium-font, var(--kui-typography-font-family-plain, "Roboto Flex", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif));
   --x3j91oh: var(--kui-typography-title-medium-line-height, 24px);
   --x1yypmzp: var(--kui-typography-title-medium-size, 16px);
   --x1b77t50: var(--kui-typography-title-medium-tracking, .15px);
-  --x3ehn1q: var(--kui-typography-title-medium-weight, 500);
-  --x1kgqo6c: var(--kui-typography-title-small-font, "Roboto Flex", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
+  --x3ehn1q: var(--kui-typography-title-medium-weight, var(--kui-typography-weight-medium, 500));
+  --x1kgqo6c: var(--kui-typography-title-small-font, var(--kui-typography-font-family-plain, "Roboto Flex", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif));
   --x1l4af85: var(--kui-typography-title-small-line-height, 20px);
   --x1hrxtmi: var(--kui-typography-title-small-size, 14px);
   --xn7tcr9: var(--kui-typography-title-small-tracking, .1px);
-  --xj437rg: var(--kui-typography-title-small-weight, 500);
+  --xj437rg: var(--kui-typography-title-small-weight, var(--kui-typography-weight-medium, 500));
   --xlvbdhw: var(--kui-typography-weight-bold, 700);
   --x1vg17ag: var(--kui-typography-weight-medium, 500);
   --xgz8ay1: var(--kui-typography-weight-regular, 400);
@@ -4061,124 +4829,124 @@
   }
 }
 
-.x1let8bq.x1let8bq, .x1let8bq.x1let8bq:root {
-  --xm52p6p: #141218;
-  --x12p1wyw: #f2b8b5;
-  --x7wk2f4: #8c1d18;
-  --x1balm44: #322f35;
-  --x1v1ejj2: #6750a4;
-  --x1614qkl: #e6e0e9;
-  --x1m9zerx: #ffb59f;
-  --x1sa9icp: #81290c;
-  --xwr0q4: #e6e0e9;
-  --xwloagh: #601410;
-  --xqsbqtq: #f9dedc;
-  --x1ey4ils: #5f1600;
-  --x1snvm1r: #ffdbd1;
-  --xyvlj6c: #003827;
-  --xn09qcj: #90f6ca;
-  --x1f7qwsz: #381e72;
-  --x1p425jc: #eaddff;
-  --x7fing4: #21005d;
-  --x9qmz6i: #4f378b;
-  --xkltk4j: #332d41;
-  --x1bo8p7i: #e8def8;
-  --xs1em01: #1d192b;
-  --xpj09jl: #4a4458;
-  --xn0syi6: #e6e0e9;
-  --x28n2pw: #cac4d0;
-  --x7tegcs: #492532;
-  --x1pzkjol: #ffd8e4;
-  --xl08771: #31111d;
-  --x1b7jmlf: #633b48;
-  --x1ridy1o: #938f99;
-  --x7dbk6n: #49454f;
-  --xiob6mg: #74d9af;
-  --x1xvl3py: #00513a;
-  --x1cjupv7: #d0bcff;
-  --x17f4f9w: #4f378b;
-  --x1irt4fq: #eaddff;
-  --x1ver3t: #d0bcff;
-  --x1khq28e: #000;
-  --x189y34t: #ccc2dc;
-  --xliov21: #4a4458;
-  --xmiml2p: #e8def8;
-  --x1lc0aek: #ccc2dc;
-  --xj3yx3l: #000;
-  --x1dzgr7y: #141218;
-  --x1ghurj8: #3b383e;
-  --x3cqee7: #211f26;
-  --x1xbp8h6: #2b2930;
-  --x13o0mym: #36343b;
-  --xi1exwt: #1d1b20;
-  --x1b34qje: #0f0d13;
-  --xo1km0t: #141218;
-  --x1jo8snc: #d0bcff;
-  --x17proku: #49454f;
-  --x1bb0p1w: #efb8c8;
-  --x1p33ujy: #633b48;
-  --x9erpvp: #ffd8e4;
-  --x1or1uxx: #efb8c8;
+.xkz2l6x.xkz2l6x, .xkz2l6x.xkz2l6x:root {
+  --xm52p6p: var(--kui-color-background, #141218);
+  --x12p1wyw: var(--kui-color-error, #f2b8b5);
+  --x7wk2f4: var(--kui-color-error-container, #8c1d18);
+  --x1balm44: var(--kui-color-inverse-on-surface, #322f35);
+  --x1v1ejj2: var(--kui-color-inverse-primary, #6750a4);
+  --x1614qkl: var(--kui-color-inverse-surface, #e6e0e9);
+  --x1m9zerx: var(--kui-color-negative, #ffb59f);
+  --x1sa9icp: var(--kui-color-negative-container, #81290c);
+  --xwr0q4: var(--kui-color-on-background, #e6e0e9);
+  --xwloagh: var(--kui-color-on-error, #601410);
+  --xqsbqtq: var(--kui-color-on-error-container, #f9dedc);
+  --x1ey4ils: var(--kui-color-on-negative, #5f1600);
+  --x1snvm1r: var(--kui-color-on-negative-container, #ffdbd1);
+  --xyvlj6c: var(--kui-color-on-positive, #003827);
+  --xn09qcj: var(--kui-color-on-positive-container, #90f6ca);
+  --x1f7qwsz: var(--kui-color-on-primary, #381e72);
+  --x1p425jc: var(--kui-color-on-primary-container, #eaddff);
+  --x7fing4: var(--kui-color-on-primary-fixed, #21005d);
+  --x9qmz6i: var(--kui-color-on-primary-fixed-variant, #4f378b);
+  --xkltk4j: var(--kui-color-on-secondary, #332d41);
+  --x1bo8p7i: var(--kui-color-on-secondary-container, #e8def8);
+  --xs1em01: var(--kui-color-on-secondary-fixed, #1d192b);
+  --xpj09jl: var(--kui-color-on-secondary-fixed-variant, #4a4458);
+  --xn0syi6: var(--kui-color-on-surface, #e6e0e9);
+  --x28n2pw: var(--kui-color-on-surface-variant, #cac4d0);
+  --x7tegcs: var(--kui-color-on-tertiary, #492532);
+  --x1pzkjol: var(--kui-color-on-tertiary-container, #ffd8e4);
+  --xl08771: var(--kui-color-on-tertiary-fixed, #31111d);
+  --x1b7jmlf: var(--kui-color-on-tertiary-fixed-variant, #633b48);
+  --x1ridy1o: var(--kui-color-outline, #938f99);
+  --x7dbk6n: var(--kui-color-outline-variant, #49454f);
+  --xiob6mg: var(--kui-color-positive, #74d9af);
+  --x1xvl3py: var(--kui-color-positive-container, #00513a);
+  --x1cjupv7: var(--kui-color-primary, #d0bcff);
+  --x17f4f9w: var(--kui-color-primary-container, #4f378b);
+  --x1irt4fq: var(--kui-color-primary-fixed, #eaddff);
+  --x1ver3t: var(--kui-color-primary-fixed-dim, #d0bcff);
+  --x1khq28e: var(--kui-color-scrim, #000);
+  --x189y34t: var(--kui-color-secondary, #ccc2dc);
+  --xliov21: var(--kui-color-secondary-container, #4a4458);
+  --xmiml2p: var(--kui-color-secondary-fixed, #e8def8);
+  --x1lc0aek: var(--kui-color-secondary-fixed-dim, #ccc2dc);
+  --xj3yx3l: var(--kui-color-shadow, #000);
+  --x1dzgr7y: var(--kui-color-surface, #141218);
+  --x1ghurj8: var(--kui-color-surface-bright, #3b383e);
+  --x3cqee7: var(--kui-color-surface-container, #211f26);
+  --x1xbp8h6: var(--kui-color-surface-container-high, #2b2930);
+  --x13o0mym: var(--kui-color-surface-container-highest, #36343b);
+  --xi1exwt: var(--kui-color-surface-container-low, #1d1b20);
+  --x1b34qje: var(--kui-color-surface-container-lowest, #0f0d13);
+  --xo1km0t: var(--kui-color-surface-dim, #141218);
+  --x1jo8snc: var(--kui-color-surface-tint, #d0bcff);
+  --x17proku: var(--kui-color-surface-variant, #49454f);
+  --x1bb0p1w: var(--kui-color-tertiary, #efb8c8);
+  --x1p33ujy: var(--kui-color-tertiary-container, #633b48);
+  --x9erpvp: var(--kui-color-tertiary-fixed, #ffd8e4);
+  --x1or1uxx: var(--kui-color-tertiary-fixed-dim, #efb8c8);
 }
 
-.xxs7l4q.xxs7l4q, .xxs7l4q.xxs7l4q:root {
-  --xm52p6p: #fef7ff;
-  --x12p1wyw: #b3261e;
-  --x7wk2f4: #f9dedc;
-  --x1balm44: #f5eff7;
-  --x1v1ejj2: #d0bcff;
-  --x1614qkl: #322f35;
-  --x1m9zerx: #a04022;
-  --x1sa9icp: #ffdbd1;
-  --xwr0q4: #1d1b20;
-  --xwloagh: #fff;
-  --xqsbqtq: #410e0b;
-  --x1ey4ils: #fff;
-  --x1snvm1r: #3a0a00;
-  --xyvlj6c: #fff;
-  --xn09qcj: #002115;
-  --x1f7qwsz: #fff;
-  --x1p425jc: #21005d;
-  --x7fing4: #21005d;
-  --x9qmz6i: #4f378b;
-  --xkltk4j: #fff;
-  --x1bo8p7i: #1d192b;
-  --xs1em01: #1d192b;
-  --xpj09jl: #4a4458;
-  --xn0syi6: #1d1b20;
-  --x28n2pw: #49454f;
-  --x7tegcs: #fff;
-  --x1pzkjol: #31111d;
-  --xl08771: #31111d;
-  --x1b7jmlf: #633b48;
-  --x1ridy1o: #79747e;
-  --x7dbk6n: #cac4d0;
-  --xiob6mg: #006c4d;
-  --x1xvl3py: #90f6ca;
-  --x1cjupv7: #6750a4;
-  --x17f4f9w: #eaddff;
-  --x1irt4fq: #eaddff;
-  --x1ver3t: #d0bcff;
-  --x1khq28e: #000;
-  --x189y34t: #625b71;
-  --xliov21: #e8def8;
-  --xmiml2p: #e8def8;
-  --x1lc0aek: #ccc2dc;
-  --xj3yx3l: #000;
-  --x1dzgr7y: #fef7ff;
-  --x1ghurj8: #fef7ff;
-  --x3cqee7: #f3edf7;
-  --x1xbp8h6: #ece6f0;
-  --x13o0mym: #e6e0e9;
-  --xi1exwt: #f7f2fa;
-  --x1b34qje: #fff;
-  --xo1km0t: #ded8e1;
-  --x1jo8snc: #6750a4;
-  --x17proku: #e7e0ec;
-  --x1bb0p1w: #7d5260;
-  --x1p33ujy: #ffd8e4;
-  --x9erpvp: #ffd8e4;
-  --x1or1uxx: #efb8c8;
+.x1hckqth.x1hckqth, .x1hckqth.x1hckqth:root {
+  --xm52p6p: var(--kui-color-background, #fef7ff);
+  --x12p1wyw: var(--kui-color-error, #b3261e);
+  --x7wk2f4: var(--kui-color-error-container, #f9dedc);
+  --x1balm44: var(--kui-color-inverse-on-surface, #f5eff7);
+  --x1v1ejj2: var(--kui-color-inverse-primary, #d0bcff);
+  --x1614qkl: var(--kui-color-inverse-surface, #322f35);
+  --x1m9zerx: var(--kui-color-negative, #a04022);
+  --x1sa9icp: var(--kui-color-negative-container, #ffdbd1);
+  --xwr0q4: var(--kui-color-on-background, #1d1b20);
+  --xwloagh: var(--kui-color-on-error, #fff);
+  --xqsbqtq: var(--kui-color-on-error-container, #410e0b);
+  --x1ey4ils: var(--kui-color-on-negative, #fff);
+  --x1snvm1r: var(--kui-color-on-negative-container, #3a0a00);
+  --xyvlj6c: var(--kui-color-on-positive, #fff);
+  --xn09qcj: var(--kui-color-on-positive-container, #002115);
+  --x1f7qwsz: var(--kui-color-on-primary, #fff);
+  --x1p425jc: var(--kui-color-on-primary-container, #21005d);
+  --x7fing4: var(--kui-color-on-primary-fixed, #21005d);
+  --x9qmz6i: var(--kui-color-on-primary-fixed-variant, #4f378b);
+  --xkltk4j: var(--kui-color-on-secondary, #fff);
+  --x1bo8p7i: var(--kui-color-on-secondary-container, #1d192b);
+  --xs1em01: var(--kui-color-on-secondary-fixed, #1d192b);
+  --xpj09jl: var(--kui-color-on-secondary-fixed-variant, #4a4458);
+  --xn0syi6: var(--kui-color-on-surface, #1d1b20);
+  --x28n2pw: var(--kui-color-on-surface-variant, #49454f);
+  --x7tegcs: var(--kui-color-on-tertiary, #fff);
+  --x1pzkjol: var(--kui-color-on-tertiary-container, #31111d);
+  --xl08771: var(--kui-color-on-tertiary-fixed, #31111d);
+  --x1b7jmlf: var(--kui-color-on-tertiary-fixed-variant, #633b48);
+  --x1ridy1o: var(--kui-color-outline, #79747e);
+  --x7dbk6n: var(--kui-color-outline-variant, #cac4d0);
+  --xiob6mg: var(--kui-color-positive, #006c4d);
+  --x1xvl3py: var(--kui-color-positive-container, #90f6ca);
+  --x1cjupv7: var(--kui-color-primary, #6750a4);
+  --x17f4f9w: var(--kui-color-primary-container, #eaddff);
+  --x1irt4fq: var(--kui-color-primary-fixed, #eaddff);
+  --x1ver3t: var(--kui-color-primary-fixed-dim, #d0bcff);
+  --x1khq28e: var(--kui-color-scrim, #000);
+  --x189y34t: var(--kui-color-secondary, #625b71);
+  --xliov21: var(--kui-color-secondary-container, #e8def8);
+  --xmiml2p: var(--kui-color-secondary-fixed, #e8def8);
+  --x1lc0aek: var(--kui-color-secondary-fixed-dim, #ccc2dc);
+  --xj3yx3l: var(--kui-color-shadow, #000);
+  --x1dzgr7y: var(--kui-color-surface, #fef7ff);
+  --x1ghurj8: var(--kui-color-surface-bright, #fef7ff);
+  --x3cqee7: var(--kui-color-surface-container, #f3edf7);
+  --x1xbp8h6: var(--kui-color-surface-container-high, #ece6f0);
+  --x13o0mym: var(--kui-color-surface-container-highest, #e6e0e9);
+  --xi1exwt: var(--kui-color-surface-container-low, #f7f2fa);
+  --x1b34qje: var(--kui-color-surface-container-lowest, #fff);
+  --xo1km0t: var(--kui-color-surface-dim, #ded8e1);
+  --x1jo8snc: var(--kui-color-surface-tint, #6750a4);
+  --x17proku: var(--kui-color-surface-variant, #e7e0ec);
+  --x1bb0p1w: var(--kui-color-tertiary, #7d5260);
+  --x1p33ujy: var(--kui-color-tertiary-container, #ffd8e4);
+  --x9erpvp: var(--kui-color-tertiary-fixed, #ffd8e4);
+  --x1or1uxx: var(--kui-color-tertiary-fixed-dim, #efb8c8);
 }
 
 .x111hk5a {