@aggc/ui 0.7.1 → 0.9.0

package/dist/ui.css

@@ -83,9 +83,69 @@ body {
   }
 }
 
+@keyframes fadeIn {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+
+@keyframes modalIn {
+  from {
+    opacity: 0;
+    transform: translateY(8px) scale(0.97);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes modalSlideUp {
+  from {
+    opacity: 0;
+    transform: translateY(100%);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes toastSlideIn {
+  from {
+    opacity: 0;
+    transform: translateX(calc(100% + 1rem));
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+
+@keyframes toastFadeOut {
+  from {
+    opacity: 1;
+    transform: translateX(0);
+  }
+  to {
+    opacity: 0;
+    transform: translateX(calc(100% + 1rem));
+  }
+}
+
+@keyframes toastSwipeOut {
+  from {
+    transform: translateX(var(--reka-toast-swipe-end-x));
+  }
+  to {
+    transform: translateX(calc(100% + 1rem));
+  }
+}
+
 @media (prefers-reduced-motion: reduce) {
   .aggc-spin,
-  [data-ui-loading-pulse] {
+  [data-ui-loading-pulse],
+  [data-state="open"],
+  [data-state="closed"] {
     animation: none !important;
   }
 
@@ -959,6 +1019,50 @@ body {
 
 @layer utilities{
 
+  .bd_1px_solid {
+    border: 1px solid;
+}
+
+  .bg_bg\.cardAlt {
+    background: var(--colors-bg-card-alt);
+}
+
+  .bd_none {
+    border: var(--borders-none);
+}
+
+  .bg_transparent {
+    background: var(--colors-transparent);
+}
+
+  .bg_bg\.card {
+    background: var(--colors-bg-card);
+}
+
+  .p_0 {
+    padding: var(--spacing-0);
+}
+
+  .font_inherit {
+    font: inherit;
+}
+
+  .bg_bg\.menu {
+    background: var(--colors-bg-menu);
+}
+
+  .bg_border\.soft {
+    background: var(--colors-border-soft);
+}
+
+  .bg_bg\.accentSoft {
+    background: var(--colors-bg-accent-soft);
+}
+
+  .bg_bg\.canvas {
+    background: var(--colors-bg-canvas);
+}
+
   .p_5 {
     padding: var(--spacing-5);
 }
@@ -971,10 +1075,6 @@ body {
     background: var(--colors-result-fail-bg);
 }
 
-  .bg_bg\.accentSoft {
-    background: var(--colors-bg-accent-soft);
-}
-
   .bg_badge\.warningBg {
     background: var(--colors-badge-warning-bg);
 }
@@ -1027,32 +1127,28 @@ body {
     animation: loadingPulse 1.4s cubic-bezier(0.25, 0.1, 0.25, 1) infinite;
 }
 
-  .p_1 {
-    padding: var(--spacing-1);
-}
-
-  .bg_transparent {
-    background: var(--colors-transparent);
-}
-
-  .bg_bg\.cardStrong {
-    background: var(--colors-bg-card-strong);
+  .bg_rgba\(0\,_0\,_0\,_0\.3\) {
+    background: rgba(0, 0, 0, 0.3);
 }
 
-  .bg_bg\.cardAlt {
-    background: var(--colors-bg-card-alt);
+  .anim_fadeIn_160ms_cubic-bezier\(0\.16\,_1\,_0\.3\,_1\) {
+    animation: fadeIn 160ms cubic-bezier(0.16, 1, 0.3, 1);
 }
 
   .p_4 {
     padding: var(--spacing-4);
 }
 
-  .bg_bg\.card {
-    background: var(--colors-bg-card);
+  .anim_modalSlideUp_300ms_cubic-bezier\(0\.16\,_1\,_0\.3\,_1\)_backwards {
+    animation: modalSlideUp 300ms cubic-bezier(0.16, 1, 0.3, 1) backwards;
 }
 
-  .bg_bg\.canvas {
-    background: var(--colors-bg-canvas);
+  .p_1 {
+    padding: var(--spacing-1);
+}
+
+  .bg_bg\.cardStrong {
+    background: var(--colors-bg-card-strong);
 }
 
   .bg_bg\.soft {
@@ -1071,186 +1167,254 @@ body {
     padding: var(--spacing-3);
 }
 
-  .bg_bg\.menu {
-    background: var(--colors-bg-menu);
-}
-
   .p_1\.5 {
     padding: var(--spacing-1\.5);
 }
 
-  .bd-w_1px {
-    border-width: 1px;
+  .gap_3 {
+    gap: var(--spacing-3);
 }
 
-  .bd-c_result\.okBorder {
-    border-color: var(--colors-result-ok-border);
+  .flex_1 {
+    flex: 1 1 0%;
 }
 
-  .bd-c_result\.failBorder {
-    border-color: var(--colors-result-fail-border);
+  .py_2\.5 {
+    padding-block: var(--spacing-2\.5);
 }
 
-  .bdr_full {
-    border-radius: var(--radii-full);
+  .bdr_xl {
+    border-radius: var(--radii-xl);
 }
 
-  .gap_1\.5 {
-    gap: var(--spacing-1\.5);
+  .bd-c_border\.soft {
+    border-color: var(--colors-border-soft);
 }
 
-  .gap_4 {
-    gap: var(--spacing-4);
+  .trs_border-color_160ms_ease-out\,_box-shadow_160ms_ease-out {
+    transition: border-color 160ms ease-out, box-shadow 160ms ease-out;
 }
 
-  .gap_3 {
-    gap: var(--spacing-3);
+  .bdr_full {
+    border-radius: var(--radii-full);
 }
 
-  .ovs-b_contain {
-    overscroll-behavior: contain;
+  .trs_color_160ms_ease-out\,_background-color_160ms_ease-out {
+    transition: color 160ms ease-out, background-color 160ms ease-out;
 }
 
-  .px_2\.5 {
-    padding-inline: var(--spacing-2\.5);
+  .gap_2 {
+    gap: var(--spacing-2);
 }
 
-  .py_1 {
-    padding-block: var(--spacing-1);
+  .bdr_lg {
+    border-radius: var(--radii-lg);
 }
 
-  .bd-c_badge\.successBorder {
-    border-color: var(--colors-badge-success-border);
+  .ov_hidden {
+    overflow: hidden;
 }
 
-  .bd-c_badge\.warningBorder {
-    border-color: var(--colors-badge-warning-border);
+  .px_4 {
+    padding-inline: var(--spacing-4);
 }
 
-  .bd-c_badge\.infoBorder {
-    border-color: var(--colors-badge-info-border);
+  .trs_background-color_160ms_ease-out {
+    transition: background-color 160ms ease-out;
 }
 
-  .bd-c_badge\.neutralBorder {
-    border-color: var(--colors-badge-neutral-border);
+  .gap_1 {
+    gap: var(--spacing-1);
 }
 
-  .bd-c_badge\.dangerBorder {
-    border-color: var(--colors-badge-danger-border);
+  .trs_color_160ms_ease-out {
+    transition: color 160ms ease-out;
 }
 
-  .gap_2 {
-    gap: var(--spacing-2);
+  .bdr_sm {
+    border-radius: var(--radii-sm);
 }
 
-  .px_4 {
-    padding-inline: var(--spacing-4);
+  .bd-c_border\.default {
+    border-color: var(--colors-border-default);
 }
 
-  .py_3 {
-    padding-block: var(--spacing-3);
+  .trs_background-color_160ms_ease\,_border-color_160ms_ease {
+    transition: background-color 160ms ease, border-color 160ms ease;
 }
 
-  .bdr_xl {
-    border-radius: var(--radii-xl);
+  .bdr_md {
+    border-radius: var(--radii-md);
 }
 
-  .py_3\.5 {
-    padding-block: var(--spacing-3\.5);
+  .trs_background-color_160ms_ease-out\,_color_160ms_ease-out {
+    transition: background-color 160ms ease-out, color 160ms ease-out;
 }
 
-  .trs_border-color_160ms_cubic-bezier\(0\.25\,_0\.1\,_0\.25\,_1\)\,_background-color_160ms_cubic-bezier\(0\.25\,_0\.1\,_0\.25\,_1\)\,_box-shadow_160ms_cubic-bezier\(0\.25\,_0\.1\,_0\.25\,_1\) {
-    transition: border-color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), background-color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow 160ms cubic-bezier(0.25, 0.1, 0.25, 1);
+  .py_1 {
+    padding-block: var(--spacing-1);
 }
 
-  .bd-c_border\.accent {
-    border-color: var(--colors-border-accent);
+  .px_3 {
+    padding-inline: var(--spacing-3);
 }
 
-  .bd-c_border\.default {
-    border-color: var(--colors-border-default);
+  .mx_2 {
+    margin-inline: var(--spacing-2);
 }
 
-  .bdr_md {
-    border-radius: var(--radii-md);
+  .my_1 {
+    margin-block: var(--spacing-1);
 }
 
-  .bd-w_1\.5px {
-    border-width: 1.5px;
+  .py_3 {
+    padding-block: var(--spacing-3);
 }
 
-  .trs_border-color_160ms_cubic-bezier\(0\.25\,_0\.1\,_0\.25\,_1\)\,_background-color_160ms_cubic-bezier\(0\.25\,_0\.1\,_0\.25\,_1\)\,_color_160ms_cubic-bezier\(0\.25\,_0\.1\,_0\.25\,_1\)\,_transform_160ms_cubic-bezier\(0\.25\,_0\.1\,_0\.25\,_1\) {
-    transition: border-color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), background-color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), transform 160ms cubic-bezier(0.25, 0.1, 0.25, 1);
+  .trs_background-color_120ms_ease-out\,_border-color_120ms_ease-out {
+    transition: background-color 120ms ease-out, border-color 120ms ease-out;
 }
 
-  .gap_1 {
-    gap: var(--spacing-1);
+  .bd-c_border\.accent {
+    border-color: var(--colors-border-accent);
 }
 
-  .gap_0\.5 {
-    gap: var(--spacing-0\.5);
+  .py_16 {
+    padding-block: var(--spacing-16);
 }
 
-  .px_3\.5 {
-    padding-inline: var(--spacing-3\.5);
+  .gap_4 {
+    gap: var(--spacing-4);
 }
 
-  .py_2 {
-    padding-block: var(--spacing-2);
+  .py_1\.5 {
+    padding-block: var(--spacing-1\.5);
 }
 
-  .trs_background-color_160ms_cubic-bezier\(0\.25\,_0\.1\,_0\.25\,_1\)\,_border-color_160ms_cubic-bezier\(0\.25\,_0\.1\,_0\.25\,_1\)\,_color_160ms_cubic-bezier\(0\.25\,_0\.1\,_0\.25\,_1\)\,_box-shadow_160ms_cubic-bezier\(0\.25\,_0\.1\,_0\.25\,_1\) {
-    transition: background-color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), border-color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow 160ms cubic-bezier(0.25, 0.1, 0.25, 1);
+  .trs_background-color_160ms_ease\,_color_160ms_ease {
+    transition: background-color 160ms ease, color 160ms ease;
 }
 
-  .bd-c_transparent {
-    border-color: var(--colors-transparent);
+  .bd-w_1px {
+    border-width: 1px;
 }
 
-  .ov_hidden {
-    overflow: hidden;
+  .bd-c_result\.okBorder {
+    border-color: var(--colors-result-ok-border);
 }
 
-  .bdr_lg {
-    border-radius: var(--radii-lg);
+  .bd-c_result\.failBorder {
+    border-color: var(--colors-result-fail-border);
 }
 
-  .px_3 {
-    padding-inline: var(--spacing-3);
+  .gap_1\.5 {
+    gap: var(--spacing-1\.5);
 }
 
-  .py_2\.5 {
-    padding-block: var(--spacing-2\.5);
+  .ovs-b_contain {
+    overscroll-behavior: contain;
 }
 
-  .trs_transform_160ms_cubic-bezier\(0\.25\,_0\.1\,_0\.25\,_1\) {
-    transition: transform 160ms cubic-bezier(0.25, 0.1, 0.25, 1);
+  .px_2\.5 {
+    padding-inline: var(--spacing-2\.5);
 }
 
-  .trs_border-color_140ms_cubic-bezier\(0\.25\,_0\.1\,_0\.25\,_1\)\,_background-color_140ms_cubic-bezier\(0\.25\,_0\.1\,_0\.25\,_1\)\,_color_140ms_cubic-bezier\(0\.25\,_0\.1\,_0\.25\,_1\) {
-    transition: border-color 140ms cubic-bezier(0.25, 0.1, 0.25, 1), background-color 140ms cubic-bezier(0.25, 0.1, 0.25, 1), color 140ms cubic-bezier(0.25, 0.1, 0.25, 1);
+  .bd-c_badge\.successBorder {
+    border-color: var(--colors-badge-success-border);
 }
 
-  .trs_opacity_140ms_cubic-bezier\(0\.25\,_0\.1\,_0\.25\,_1\) {
-    transition: opacity 140ms cubic-bezier(0.25, 0.1, 0.25, 1);
+  .bd-c_badge\.warningBorder {
+    border-color: var(--colors-badge-warning-border);
 }
 
-  .flex_1 {
-    flex: 1 1 0%;
+  .bd-c_badge\.infoBorder {
+    border-color: var(--colors-badge-info-border);
 }
 
-  .bdr_999px {
-    border-radius: 999px;
+  .bd-c_badge\.neutralBorder {
+    border-color: var(--colors-badge-neutral-border);
 }
 
-  .gap_5 {
-    gap: var(--spacing-5);
+  .bd-c_badge\.dangerBorder {
+    border-color: var(--colors-badge-danger-border);
 }
 
-  .bd-c_border\.subtle {
+  .trs_background-color_160ms_cubic-bezier\(0\.25\,_0\.1\,_0\.25\,_1\) {
+    transition: background-color 160ms cubic-bezier(0.25, 0.1, 0.25, 1);
+}
+
+  .py_3\.5 {
+    padding-block: var(--spacing-3\.5);
+}
+
+  .trs_border-color_160ms_cubic-bezier\(0\.25\,_0\.1\,_0\.25\,_1\)\,_background-color_160ms_cubic-bezier\(0\.25\,_0\.1\,_0\.25\,_1\)\,_box-shadow_160ms_cubic-bezier\(0\.25\,_0\.1\,_0\.25\,_1\) {
+    transition: border-color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), background-color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow 160ms cubic-bezier(0.25, 0.1, 0.25, 1);
+}
+
+  .bd-w_1\.5px {
+    border-width: 1.5px;
+}
+
+  .trs_border-color_160ms_cubic-bezier\(0\.25\,_0\.1\,_0\.25\,_1\)\,_background-color_160ms_cubic-bezier\(0\.25\,_0\.1\,_0\.25\,_1\)\,_color_160ms_cubic-bezier\(0\.25\,_0\.1\,_0\.25\,_1\)\,_transform_160ms_cubic-bezier\(0\.25\,_0\.1\,_0\.25\,_1\) {
+    transition: border-color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), background-color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), transform 160ms cubic-bezier(0.25, 0.1, 0.25, 1);
+}
+
+  .gap_0\.5 {
+    gap: var(--spacing-0\.5);
+}
+
+  .trs_color_160ms_cubic-bezier\(0\.25\,_0\.1\,_0\.25\,_1\)\,_background_160ms_cubic-bezier\(0\.25\,_0\.1\,_0\.25\,_1\) {
+    transition: color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), background 160ms cubic-bezier(0.25, 0.1, 0.25, 1);
+}
+
+  .bd-c_border\.subtle {
     border-color: var(--colors-border-subtle);
 }
 
+  .px_3\.5 {
+    padding-inline: var(--spacing-3\.5);
+}
+
+  .py_2 {
+    padding-block: var(--spacing-2);
+}
+
+  .trs_background-color_160ms_cubic-bezier\(0\.25\,_0\.1\,_0\.25\,_1\)\,_border-color_160ms_cubic-bezier\(0\.25\,_0\.1\,_0\.25\,_1\)\,_color_160ms_cubic-bezier\(0\.25\,_0\.1\,_0\.25\,_1\)\,_box-shadow_160ms_cubic-bezier\(0\.25\,_0\.1\,_0\.25\,_1\) {
+    transition: background-color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), border-color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow 160ms cubic-bezier(0.25, 0.1, 0.25, 1);
+}
+
+  .bd-c_transparent {
+    border-color: var(--colors-transparent);
+}
+
+  .trs_transform_160ms_cubic-bezier\(0\.25\,_0\.1\,_0\.25\,_1\) {
+    transition: transform 160ms cubic-bezier(0.25, 0.1, 0.25, 1);
+}
+
+  .trs_border-color_140ms_cubic-bezier\(0\.25\,_0\.1\,_0\.25\,_1\)\,_background-color_140ms_cubic-bezier\(0\.25\,_0\.1\,_0\.25\,_1\)\,_color_140ms_cubic-bezier\(0\.25\,_0\.1\,_0\.25\,_1\) {
+    transition: border-color 140ms cubic-bezier(0.25, 0.1, 0.25, 1), background-color 140ms cubic-bezier(0.25, 0.1, 0.25, 1), color 140ms cubic-bezier(0.25, 0.1, 0.25, 1);
+}
+
+  .trs_opacity_140ms_cubic-bezier\(0\.25\,_0\.1\,_0\.25\,_1\) {
+    transition: opacity 140ms cubic-bezier(0.25, 0.1, 0.25, 1);
+}
+
+  .bdr_999px {
+    border-radius: 999px;
+}
+
+  .ring_none {
+    outline: var(--borders-none);
+}
+
+  .trs_all_240ms_cubic-bezier\(0\.16\,_1\,_0\.3\,_1\) {
+    transition: all 240ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+
+  .gap_5 {
+    gap: var(--spacing-5);
+}
+
   .bdr_2xl {
     border-radius: var(--radii-2xl);
 }
@@ -1279,10 +1443,6 @@ body {
     transition: border-color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow 160ms cubic-bezier(0.25, 0.1, 0.25, 1);
 }
 
-  .bd-c_border\.soft {
-    border-color: var(--colors-border-soft);
-}
-
   .trs_border-color_160ms_cubic-bezier\(0\.25\,_0\.1\,_0\.25\,_1\) {
     transition: border-color 160ms cubic-bezier(0.25, 0.1, 0.25, 1);
 }
@@ -1291,10 +1451,6 @@ body {
     text-wrap: balance;
 }
 
-  .py_1\.5 {
-    padding-block: var(--spacing-1\.5);
-}
-
   .trs_background-color_160ms_cubic-bezier\(0\.25\,_0\.1\,_0\.25\,_1\)\,_border-color_160ms_cubic-bezier\(0\.25\,_0\.1\,_0\.25\,_1\)\,_color_160ms_cubic-bezier\(0\.25\,_0\.1\,_0\.25\,_1\)\,_box-shadow_160ms_cubic-bezier\(0\.25\,_0\.1\,_0\.25\,_1\)\,_opacity_160ms_cubic-bezier\(0\.25\,_0\.1\,_0\.25\,_1\)\,_transform_160ms_cubic-bezier\(0\.25\,_0\.1\,_0\.25\,_1\) {
     transition: background-color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), border-color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow 160ms cubic-bezier(0.25, 0.1, 0.25, 1), opacity 160ms cubic-bezier(0.25, 0.1, 0.25, 1), transform 160ms cubic-bezier(0.25, 0.1, 0.25, 1);
 }
@@ -1311,14 +1467,54 @@ body {
     transition: border-color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), background-color 160ms cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow 160ms cubic-bezier(0.25, 0.1, 0.25, 1), transform 160ms cubic-bezier(0.25, 0.1, 0.25, 1);
 }
 
-  .d_flex {
-    display: flex;
+  .d_none {
+    display: none;
 }
 
   .ai_center {
     align-items: center;
 }
 
+  .flex-wrap_wrap {
+    flex-wrap: wrap;
+}
+
+  .pos_relative {
+    position: relative;
+}
+
+  .pos_absolute {
+    position: absolute;
+}
+
+  .trf_translateY\(-50\%\) {
+    transform: translateY(-50%);
+}
+
+  .c_text\.muted {
+    color: var(--colors-text-muted);
+}
+
+  .pointer-events_none {
+    pointer-events: none;
+}
+
+  .c_text\.primary {
+    color: var(--colors-text-primary);
+}
+
+  .fs_sm {
+    font-size: var(--font-sizes-sm);
+}
+
+  .cursor_pointer {
+    cursor: pointer;
+}
+
+  .d_flex {
+    display: flex;
+}
+
   .jc_center {
     justify-content: center;
 }
@@ -1327,16 +1523,125 @@ body {
     flex-shrink: 0;
 }
 
+  .white-space_nowrap {
+    white-space: nowrap;
+}
+
+  .fs_xs {
+    font-size: var(--font-sizes-xs);
+}
+
+  .fw_600 {
+    font-weight: 600;
+}
+
   .c_text\.accent {
     color: var(--colors-text-accent);
 }
 
-  .c_badge\.warningText {
-    color: var(--colors-badge-warning-text);
+  .d_grid {
+    display: grid;
 }
 
-  .fs_sm {
-    font-size: var(--font-sizes-sm);
+  .pos_sticky {
+    position: sticky;
+}
+
+  .z_2 {
+    z-index: 2;
+}
+
+  .flex-d_column {
+    flex-direction: column;
+}
+
+  .us_none {
+    -webkit-user-select: none;
+    user-select: none;
+}
+
+  .tt_uppercase {
+    text-transform: uppercase;
+}
+
+  .ls_0\.05em {
+    letter-spacing: 0.05em;
+}
+
+  .d_inline-flex {
+    display: inline-flex;
+}
+
+  .op_0\.5 {
+    opacity: 0.5;
+}
+
+  .op_1 {
+    opacity: 1;
+}
+
+  .jc_flex-end {
+    justify-content: flex-end;
+}
+
+  .c_text\.inverse {
+    color: var(--colors-text-inverse);
+}
+
+  .bx-sh_0_12px_40px_-8px_rgba\(15\,23\,42\,0\.12\)\,_0_4px_12px_-4px_rgba\(15\,23\,42\,0\.06\) {
+    box-shadow: 0 12px 40px -8px rgba(15,23,42,0.12), 0 4px 12px -4px rgba(15,23,42,0.06);
+}
+
+  .z_60 {
+    z-index: 60;
+}
+
+  .c_text\.secondary {
+    color: var(--colors-text-secondary);
+}
+
+  .ta_left {
+    text-align: left;
+}
+
+  .c_text\.error {
+    color: var(--colors-text-error);
+}
+
+  .ta_center {
+    text-align: center;
+}
+
+  .op_0\.4 {
+    opacity: 0.4;
+}
+
+  .ff_heading {
+    font-family: var(--fonts-heading);
+}
+
+  .fs_md {
+    font-size: var(--font-sizes-md);
+}
+
+  .lh_1\.6 {
+    line-height: 1.6;
+}
+
+  .fw_500 {
+    font-weight: 500;
+}
+
+  .z_10 {
+    z-index: 10;
+}
+
+  .bx-sh_0_6px_16px_-2px_rgba\(15\,23\,42\,0\.10\) {
+    box-shadow: 0 6px 16px -2px rgba(15,23,42,0.10);
+}
+
+  .c_badge\.warningText {
+    color: var(--colors-badge-warning-text);
 }
 
   .fw_700 {
@@ -1355,10 +1660,6 @@ body {
     color: var(--colors-result-error-label);
 }
 
-  .d_grid {
-    display: grid;
-}
-
   .c_result\.bodyText {
     color: var(--colors-result-body-text);
 }
@@ -1379,18 +1680,10 @@ body {
     align-items: flex-start;
 }
 
-  .flex-d_column {
-    flex-direction: column;
-}
-
   .fs_lg {
     font-size: var(--font-sizes-lg);
 }
 
-  .c_text\.primary {
-    color: var(--colors-text-primary);
-}
-
   .lh_1\.3 {
     line-height: 1.3;
 }
@@ -1399,34 +1692,14 @@ body {
     grid-template-rows: auto minmax(0, 1fr);
 }
 
-  .pos_relative {
-    position: relative;
-}
-
   .z_1 {
     z-index: 1;
 }
 
-  .c_text\.secondary {
-    color: var(--colors-text-secondary);
-}
-
   .lh_1\.65 {
     line-height: 1.65;
 }
 
-  .d_inline-flex {
-    display: inline-flex;
-}
-
-  .fs_xs {
-    font-size: var(--font-sizes-xs);
-}
-
-  .tt_uppercase {
-    text-transform: uppercase;
-}
-
   .ls_0\.06em {
     letter-spacing: 0.06em;
 }
@@ -1435,10 +1708,6 @@ body {
     line-height: 1;
 }
 
-  .white-space_nowrap {
-    white-space: nowrap;
-}
-
   .c_badge\.successText {
     color: var(--colors-badge-success-text);
 }
@@ -1455,20 +1724,12 @@ body {
     color: var(--colors-badge-danger-text);
 }
 
-  .vis_hidden {
-    visibility: hidden;
-}
-
-  .pos_absolute {
-    position: absolute;
-}
-
-  .pointer-events_none {
-    pointer-events: none;
+  .obj-f_cover {
+    object-fit: cover;
 }
 
-  .ta_left {
-    text-align: left;
+  .vis_hidden {
+    visibility: hidden;
 }
 
   .cursor_not-allowed {
@@ -1479,14 +1740,6 @@ body {
     opacity: 0.45;
 }
 
-  .cursor_pointer {
-    cursor: pointer;
-}
-
-  .c_text\.inverse {
-    color: var(--colors-text-inverse);
-}
-
   .trf_scale\(1\) {
     transform: scale(1);
 }
@@ -1503,10 +1756,6 @@ body {
     line-height: 1.55;
 }
 
-  .fw_600 {
-    font-weight: 600;
-}
-
   .lh_1\.5 {
     line-height: 1.5;
 }
@@ -1515,6 +1764,47 @@ body {
     box-shadow: 0 0 0 0 var(--colors-bg-accentSoft, rgba(49, 94, 255, 0.3));
 }
 
+  .pos_fixed {
+    position: fixed;
+}
+
+  .bkdp_blur\(8px\) {
+    backdrop-filter: blur(8px);
+    -webkit-backdrop-filter: blur(8px);
+}
+
+  .z_50 {
+    z-index: 50;
+}
+
+  .ai_flex-end {
+    align-items: flex-end;
+}
+
+  .z_51 {
+    z-index: 51;
+}
+
+  .pointer-events_auto {
+    pointer-events: auto;
+}
+
+  .bx-sh_0_-8px_32px_-4px_rgba\(0\,_0\,_0\,_0\.12\)\,_0_-2px_8px_-2px_rgba\(0\,_0\,_0\,_0\.06\) {
+    box-shadow: 0 -8px 32px -4px rgba(0, 0, 0, 0.12), 0 -2px 8px -2px rgba(0, 0, 0, 0.06);
+}
+
+  .sr_true {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+}
+
   .bx-sh_none {
     box-shadow: none;
 }
@@ -1523,10 +1813,6 @@ body {
     z-index: 30;
 }
 
-  .c_text\.muted {
-    color: var(--colors-text-muted);
-}
-
   .trf_rotate\(180deg\) {
     transform: rotate(180deg);
 }
@@ -1535,10 +1821,6 @@ body {
     transform: rotate(0deg);
 }
 
-  .op_1 {
-    opacity: 1;
-}
-
   .op_0 {
     opacity: 0;
 }
@@ -1555,140 +1837,307 @@ body {
     overflow-wrap: anywhere;
 }
 
+  .lh_1\.4 {
+    line-height: 1.4;
+}
+
+  .bx-sh_0_4px_12px_-4px_rgba\(0\,_0\,_0\,_0\.1\)\,_0_1px_2px_0_rgba\(0\,_0\,_0\,_0\.06\) {
+    box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+}
+
+  .bx-sh_0_4px_16px_-4px_rgba\(15\,23\,42\,0\.08\)\,_0_2px_6px_-2px_rgba\(15\,23\,42\,0\.04\) {
+    box-shadow: 0 4px 16px -4px rgba(15,23,42,0.08), 0 2px 6px -2px rgba(15,23,42,0.04);
+}
+
+  .z_70 {
+    z-index: 70;
+}
+
+  .white-space_normal {
+    white-space: normal;
+}
+
+  .wb_break-word {
+    word-break: break-word;
+}
+
   .ac_start {
     align-content: start;
 }
 
-  .grid-tc_1fr {
-    grid-template-columns: 1fr;
+  .grid-tc_1fr {
+    grid-template-columns: 1fr;
+}
+
+  .bx-sh_0_30px_90px_-72px_rgba\(15\,23\,42\,0\.7\) {
+    box-shadow: 0 30px 90px -72px rgba(15,23,42,0.7);
+}
+
+  .fw_800 {
+    font-weight: 800;
+}
+
+  .ls_0\.08em {
+    letter-spacing: 0.08em;
+}
+
+  .lh_1\.7 {
+    line-height: 1.7;
+}
+
+  .ap_none {
+    appearance: none;
+    -webkit-appearance: none;
+}
+
+  .trs-prop_background-color\,_color\,_box-shadow {
+    --transition-prop: background-color, color, box-shadow;
+    transition-property: background-color, color, box-shadow;
+}
+
+  .trs-dur_fast {
+    --transition-duration: var(--durations-fast);
+    transition-duration: var(--durations-fast);
+}
+
+  .bx-sh_0_10px_30px_-20px_rgba\(15\,23\,42\,0\.72\) {
+    box-shadow: 0 10px 30px -20px rgba(15,23,42,0.72);
+}
+
+  .jc_flex-start {
+    justify-content: flex-start;
+}
+
+  .scr-bar-w_thin {
+    scrollbar-width: thin;
+}
+
+  .scr-bar-c_rgba\(148\,_163\,_184\,_0\.3\)_transparent {
+    scrollbar-color: rgba(148, 163, 184, 0.3) transparent;
+}
+
+  .ai_start {
+    align-items: start;
+}
+
+  .ac_center {
+    align-content: center;
+}
+
+  .ring-o_2px {
+    outline-offset: 2px;
+}
+
+  .ff_mono {
+    font-family: var(--fonts-mono);
+}
+
+  .bx-sh_0_1px_2px_0_rgba\(15\,23\,42\,0\.04\)\,_0_1px_3px_0_rgba\(15\,23\,42\,0\.06\) {
+    box-shadow: 0 1px 2px 0 rgba(15,23,42,0.04), 0 1px 3px 0 rgba(15,23,42,0.06);
+}
+
+  .bx-sh_0_1px_2px_0_rgba\(15\,23\,42\,0\.04\)\,_0_4px_12px_-4px_rgba\(15\,23\,42\,0\.1\) {
+    box-shadow: 0 1px 2px 0 rgba(15,23,42,0.04), 0 4px 12px -4px rgba(15,23,42,0.1);
+}
+
+  .fs_2xl {
+    font-size: var(--font-sizes-2xl);
+}
+
+  .lh_1\.1 {
+    line-height: 1.1;
+}
+
+  .white-space_pre-wrap {
+    white-space: pre-wrap;
+}
+
+  .ls_0\.005em {
+    letter-spacing: 0.005em;
+}
+
+  .bx-sh_0_4px_16px_-4px_rgba\(15\,23\,42\,0\.1\)\,_0_8px_24px_-8px_rgba\(15\,23\,42\,0\.08\)\,_0_1px_2px_0_rgba\(15\,23\,42\,0\.04\) {
+    box-shadow: 0 4px 16px -4px rgba(15,23,42,0.1), 0 8px 24px -8px rgba(15,23,42,0.08), 0 1px 2px 0 rgba(15,23,42,0.04);
+}
+
+  .pb_3 {
+    padding-bottom: var(--spacing-3);
+}
+
+  .max-w_100\% {
+    max-width: 100%;
+}
+
+  .min-w_0 {
+    min-width: var(--sizes-0);
+}
+
+  .left_3 {
+    left: var(--spacing-3);
+}
+
+  .top_50\% {
+    top: 50%;
+}
+
+  .w_4 {
+    width: var(--sizes-4);
+}
+
+  .h_4 {
+    height: var(--sizes-4);
+}
+
+  .w_full {
+    width: var(--sizes-full);
+}
+
+  .pl_9 {
+    padding-left: var(--spacing-9);
+}
+
+  .pr_9 {
+    padding-right: var(--spacing-9);
+}
+
+  .right_2 {
+    right: var(--spacing-2);
+}
+
+  .w_6 {
+    width: var(--sizes-6);
+}
+
+  .h_6 {
+    height: var(--sizes-6);
+}
+
+  .w_3\.5 {
+    width: var(--sizes-3\.5);
 }
 
-  .flex-wrap_wrap {
-    flex-wrap: wrap;
+  .h_3\.5 {
+    height: var(--sizes-3\.5);
 }
 
-  .bx-sh_0_30px_90px_-72px_rgba\(15\,23\,42\,0\.7\) {
-    box-shadow: 0 30px 90px -72px rgba(15,23,42,0.7);
+  .ml_auto {
+    margin-left: auto;
 }
 
-  .ls_0\.05em {
-    letter-spacing: 0.05em;
+  .top_0 {
+    top: var(--spacing-0);
 }
 
-  .fw_800 {
-    font-weight: 800;
+  .max-h_calc\(100vh_-_320px\) {
+    max-height: calc(100vh - 320px);
 }
 
-  .ls_0\.08em {
-    letter-spacing: 0.08em;
+  .ov-y_auto {
+    overflow-y: auto;
 }
 
-  .lh_1\.7 {
-    line-height: 1.7;
+  .bd-b-w_1px {
+    border-bottom-width: 1px;
 }
 
-  .ap_none {
-    appearance: none;
-    -webkit-appearance: none;
+  .border-bottom-style_solid {
+    border-bottom-style: solid;
 }
 
-  .trs-prop_background-color\,_color\,_box-shadow {
-    --transition-prop: background-color, color, box-shadow;
-    transition-property: background-color, color, box-shadow;
+  .bd-b-c_rgba\(15\,23\,42\,0\.05\) {
+    border-bottom-color: rgba(15,23,42,0.05);
 }
 
-  .trs-dur_fast {
-    --transition-duration: var(--durations-fast);
-    transition-duration: var(--durations-fast);
+  .w_3 {
+    width: var(--sizes-3);
 }
 
-  .bx-sh_0_10px_30px_-20px_rgba\(15\,23\,42\,0\.72\) {
-    box-shadow: 0 10px 30px -20px rgba(15,23,42,0.72);
+  .h_3 {
+    height: var(--sizes-3);
 }
 
-  .jc_flex-start {
-    justify-content: flex-start;
+  .w_8 {
+    width: var(--sizes-8);
 }
 
-  .jc_flex-end {
-    justify-content: flex-end;
+  .h_8 {
+    height: var(--sizes-8);
 }
 
-  .scr-bar-w_thin {
-    scrollbar-width: thin;
+  .min-w_180px {
+    min-width: 180px;
 }
 
-  .scr-bar-c_rgba\(148\,_163\,_184\,_0\.3\)_transparent {
-    scrollbar-color: rgba(148, 163, 184, 0.3) transparent;
+  .h_1px {
+    height: 1px;
 }
 
-  .ai_start {
-    align-items: start;
+  .w_10 {
+    width: var(--sizes-10);
 }
 
-  .ac_center {
-    align-content: center;
+  .h_10 {
+    height: var(--sizes-10);
 }
 
-  .c_text\.error {
-    color: var(--colors-text-error);
+  .max-w_90 {
+    max-width: 90px;
 }
 
-  .lh_1\.6 {
-    line-height: 1.6;
+  .pt_3 {
+    padding-top: var(--spacing-3);
 }
 
-  .ring-o_2px {
-    outline-offset: 2px;
+  .w_7 {
+    width: var(--sizes-7);
 }
 
-  .ff_mono {
-    font-family: var(--fonts-mono);
+  .h_7 {
+    height: var(--sizes-7);
 }
 
-  .bx-sh_0_1px_2px_0_rgba\(15\,23\,42\,0\.04\)\,_0_1px_3px_0_rgba\(15\,23\,42\,0\.06\) {
-    box-shadow: 0 1px 2px 0 rgba(15,23,42,0.04), 0 1px 3px 0 rgba(15,23,42,0.06);
+  .pb_1 {
+    padding-bottom: var(--spacing-1);
 }
 
-  .bx-sh_0_1px_2px_0_rgba\(15\,23\,42\,0\.04\)\,_0_4px_12px_-4px_rgba\(15\,23\,42\,0\.1\) {
-    box-shadow: 0 1px 2px 0 rgba(15,23,42,0.04), 0 4px 12px -4px rgba(15,23,42,0.1);
+  .mb_2 {
+    margin-bottom: var(--spacing-2);
 }
 
-  .ff_heading {
-    font-family: var(--fonts-heading);
+  .pb_2 {
+    padding-bottom: var(--spacing-2);
 }
 
-  .fs_2xl {
-    font-size: var(--font-sizes-2xl);
+  .w_16px {
+    width: 16px;
 }
 
-  .lh_1\.1 {
-    line-height: 1.1;
+  .h_16px {
+    height: 16px;
 }
 
-  .white-space_pre-wrap {
-    white-space: pre-wrap;
+  .w_55\% {
+    width: 55%;
 }
 
-  .ls_0\.005em {
-    letter-spacing: 0.005em;
+  .w_70\% {
+    width: 70%;
 }
 
-  .us_none {
-    -webkit-user-select: none;
-    user-select: none;
+  .w_45\% {
+    width: 45%;
 }
 
-  .fs_md {
-    font-size: var(--font-sizes-md);
+  .w_65\% {
+    width: 65%;
 }
 
-  .bx-sh_0_4px_16px_-4px_rgba\(15\,23\,42\,0\.1\)\,_0_8px_24px_-8px_rgba\(15\,23\,42\,0\.08\)\,_0_1px_2px_0_rgba\(15\,23\,42\,0\.04\) {
-    box-shadow: 0 4px 16px -4px rgba(15,23,42,0.1), 0 8px 24px -8px rgba(15,23,42,0.08), 0 1px 2px 0 rgba(15,23,42,0.04);
+  .h_18px {
+    height: 18px;
 }
 
-  .pos_fixed {
-    position: fixed;
+  .h_12px {
+    height: 12px;
 }
 
   .w_9 {
@@ -1707,10 +2156,6 @@ body {
     margin-bottom: var(--spacing-0);
 }
 
-  .mb_2 {
-    margin-bottom: var(--spacing-2);
-}
-
   .pl_4 {
     padding-left: var(--spacing-4);
 }
@@ -1731,16 +2176,28 @@ body {
     max-width: var(--sizes-2xl);
 }
 
-  .ov-y_auto {
-    overflow-y: auto;
-}
-
   .pr_1 {
     padding-right: var(--spacing-1);
 }
 
-  .min-w_0 {
-    min-width: var(--sizes-0);
+  .w_12 {
+    width: var(--sizes-12);
+}
+
+  .h_12 {
+    height: var(--sizes-12);
+}
+
+  .w_14 {
+    width: var(--sizes-14);
+}
+
+  .h_14 {
+    height: var(--sizes-14);
+}
+
+  .h_full {
+    height: var(--sizes-full);
 }
 
   .w_100\% {
@@ -1767,6 +2224,50 @@ body {
     height: var(--sizes-2\.5);
 }
 
+  .pb_4 {
+    padding-bottom: var(--spacing-4);
+}
+
+  .bd-t-w_1px {
+    border-top-width: 1px;
+}
+
+  .bd-t-c_border\.soft {
+    border-top-color: var(--colors-border-soft);
+}
+
+  .bottom_0 {
+    bottom: var(--spacing-0);
+}
+
+  .left_0 {
+    left: var(--spacing-0);
+}
+
+  .right_0 {
+    right: var(--spacing-0);
+}
+
+  .bdr-tl_xl {
+    border-top-left-radius: var(--radii-xl);
+}
+
+  .bdr-tr_xl {
+    border-top-right-radius: var(--radii-xl);
+}
+
+  .bdr-bl_0 {
+    border-bottom-left-radius: 0;
+}
+
+  .bdr-br_0 {
+    border-bottom-right-radius: 0;
+}
+
+  .max-h_90dvh {
+    max-height: 90dvh;
+}
+
   .w_fit-content {
     width: fit-content;
 }
@@ -1811,8 +2312,40 @@ body {
     height: 4.75rem;
 }
 
-  .max-w_100\% {
-    max-width: 100%;
+  .bottom_4 {
+    bottom: var(--spacing-4);
+}
+
+  .right_4 {
+    right: var(--spacing-4);
+}
+
+  .w_360px {
+    width: 360px;
+}
+
+  .max-w_calc\(100vw_-_2rem\) {
+    max-width: calc(100vw - 2rem);
+}
+
+  .max-h_calc\(100dvh_-_2rem\) {
+    max-height: calc(100dvh - 2rem);
+}
+
+  .top_3 {
+    top: var(--spacing-3);
+}
+
+  .right_3 {
+    right: var(--spacing-3);
+}
+
+  .w_5 {
+    width: var(--sizes-5);
+}
+
+  .h_5 {
+    height: var(--sizes-5);
 }
 
   .min-h_100\% {
@@ -1851,12 +2384,12 @@ body {
     top: calc(100% + 6px);
 }
 
-  .left_0 {
-    left: var(--spacing-0);
+  .\[\&\.checked\]\:bg_bg\.accentStrong.checked {
+    background: var(--colors-bg-accent-strong);
 }
 
-  .right_0 {
-    right: var(--spacing-0);
+  [data-theme="dark"] .dark\:bg_rgba\(0\,_0\,_0\,_0\.5\) {
+    background: rgba(0, 0, 0, 0.5);
 }
 
   [data-theme="dark"] .dark\:bg_rgba\(138\,_180\,_255\,_0\.2\) {
@@ -1883,6 +2416,26 @@ body {
     background: rgba(255, 255, 255, 0.04);
 }
 
+  .\[\&\[data-state\=\"open\"\]\]\:anim_toastSlideIn_240ms_cubic-bezier\(0\.16\,_1\,_0\.3\,_1\)[data-state="open"] {
+    animation: toastSlideIn 240ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+
+  .\[\&\[data-state\=\"closed\"\]\]\:anim_toastFadeOut_160ms_cubic-bezier\(0\.25\,_0\.1\,_0\.25\,_1\)[data-state="closed"] {
+    animation: toastFadeOut 160ms cubic-bezier(0.25, 0.1, 0.25, 1);
+}
+
+  .\[\&\[data-swipe\=\"end\"\]\]\:anim_toastSwipeOut_100ms_ease-out[data-swipe="end"] {
+    animation: toastSwipeOut 100ms ease-out;
+}
+
+  .last\:bd-b_none:last-child {
+    border-bottom: var(--borders-none);
+}
+
+  .\[\&\.checked\]\:bd-c_border\.accent.checked {
+    border-color: var(--colors-border-accent);
+}
+
   [data-theme="dark"] .dark\:bd-c_border\.default {
     border-color: var(--colors-border-default);
 }
@@ -1895,10 +2448,38 @@ body {
     border-color: var(--colors-border-accent);
 }
 
+  .\[\&\[data-swipe\=\"cancel\"\]\]\:trs_transform_200ms_ease-out[data-swipe="cancel"] {
+    transition: transform 200ms ease-out;
+}
+
   [data-theme="dark"] .dark\:bd-c_border\.subtle {
     border-color: var(--colors-border-subtle);
 }
 
+  .placeholder\:c_text\.muted::placeholder,.placeholder\:c_text\.muted[data-placeholder] {
+    color: var(--colors-text-muted);
+}
+
+  [data-theme="dark"] .dark\:bx-sh_0_12px_40px_-8px_rgba\(0\,0\,0\,0\.56\)\,_0_4px_12px_-4px_rgba\(0\,0\,0\,0\.32\) {
+    box-shadow: 0 12px 40px -8px rgba(0,0,0,0.56), 0 4px 12px -4px rgba(0,0,0,0.32);
+}
+
+  .disabled\:op_0\.4:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+    opacity: 0.4;
+}
+
+  .disabled\:cursor_not-allowed:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+    cursor: not-allowed;
+}
+
+  [data-theme="dark"] .dark\:bx-sh_0_6px_16px_-2px_rgba\(0\,0\,0\,0\.40\) {
+    box-shadow: 0 6px 16px -2px rgba(0,0,0,0.40);
+}
+
+  [data-theme="dark"] .dark\:bx-sh_0_-8px_32px_-4px_rgba\(0\,_0\,_0\,_0\.48\)\,_0_-2px_8px_-2px_rgba\(0\,_0\,_0\,_0\.24\) {
+    box-shadow: 0 -8px 32px -4px rgba(0, 0, 0, 0.48), 0 -2px 8px -2px rgba(0, 0, 0, 0.24);
+}
+
   [data-theme="dark"] .dark\:c_text\.accent {
     color: var(--colors-text-accent);
 }
@@ -1915,12 +2496,24 @@ body {
     transform: translateX(-100%);
 }
 
-  [data-theme="dark"] .dark\:scr-bar-c_rgba\(255\,_255\,_255\,_0\.12\)_transparent {
-    scrollbar-color: rgba(255, 255, 255, 0.12) transparent;
+  [data-theme="dark"] .dark\:bx-sh_0_4px_12px_-4px_rgba\(0\,_0\,_0\,_0\.4\)\,_0_1px_2px_0_rgba\(0\,_0\,_0\,_0\.24\) {
+    box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.4), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
 }
 
-  .placeholder\:c_text\.muted::placeholder,.placeholder\:c_text\.muted[data-placeholder] {
-    color: var(--colors-text-muted);
+  .\[\&\[data-swipe\=\"move\"\]\]\:trf_translateX\(var\(--reka-toast-swipe-move-x\)\)[data-swipe="move"] {
+    transform: translateX(var(--reka-toast-swipe-move-x));
+}
+
+  .\[\&\[data-swipe\=\"cancel\"\]\]\:trf_translateX\(0\)[data-swipe="cancel"] {
+    transform: translateX(0);
+}
+
+  [data-theme="dark"] .dark\:bx-sh_0_4px_16px_-4px_rgba\(0\,0\,0\,0\.48\)\,_0_2px_6px_-2px_rgba\(0\,0\,0\,0\.28\) {
+    box-shadow: 0 4px 16px -4px rgba(0,0,0,0.48), 0 2px 6px -2px rgba(0,0,0,0.28);
+}
+
+  [data-theme="dark"] .dark\:scr-bar-c_rgba\(255\,_255\,_255\,_0\.12\)_transparent {
+    scrollbar-color: rgba(255, 255, 255, 0.12) transparent;
 }
 
   [data-theme="dark"] .dark\:bx-sh_0_1px_2px_0_rgba\(0\,0\,0\,0\.2\)\,_0_1px_3px_0_rgba\(0\,0\,0\,0\.24\) {
@@ -1943,8 +2536,8 @@ body {
     box-shadow: 0 4px 16px -4px rgba(0,0,0,0.32), 0 8px 24px -8px rgba(0,0,0,0.24), 0 1px 2px 0 rgba(0,0,0,0.16);
 }
 
-  .focusVisible\:ring_2px_solid:is(:focus-visible, [data-focus-visible]) {
-    outline: 2px solid;
+  [data-theme="dark"] .dark\:bd-b-c_rgba\(255\,255\,255\,0\.06\) {
+    border-bottom-color: rgba(255,255,255,0.06);
 }
 
   .focusVisible\:ring_none:is(:focus-visible, [data-focus-visible]) {
@@ -1955,20 +2548,28 @@ body {
     border-color: var(--colors-border-accent);
 }
 
-  .focusVisible\:ring-c_text\.accent:is(:focus-visible, [data-focus-visible]) {
-    outline-color: var(--colors-text-accent);
+  .focusVisible\:ring_2px_solid:is(:focus-visible, [data-focus-visible]) {
+    outline: 2px solid;
+}
+
+  .focusVisible\:bx-sh_0_0_0_3px_var\(--colors-bg-accentSoft\):is(:focus-visible, [data-focus-visible]) {
+    box-shadow: 0 0 0 3px var(--colors-bg-accentSoft);
+}
+
+  .focusVisible\:ring-c_border\.accent:is(:focus-visible, [data-focus-visible]) {
+    outline-color: var(--colors-border-accent);
 }
 
   .focusVisible\:ring-o_2px:is(:focus-visible, [data-focus-visible]) {
     outline-offset: 2px;
 }
 
-  .focusVisible\:ring-o_-2px:is(:focus-visible, [data-focus-visible]) {
-    outline-offset: -2px;
+  .focusVisible\:ring-c_text\.accent:is(:focus-visible, [data-focus-visible]) {
+    outline-color: var(--colors-text-accent);
 }
 
-  .focusVisible\:ring-c_border\.accent:is(:focus-visible, [data-focus-visible]) {
-    outline-color: var(--colors-border-accent);
+  .focusVisible\:ring-o_-2px:is(:focus-visible, [data-focus-visible]) {
+    outline-offset: -2px;
 }
 
   .focusVisible\:bx-sh_0_0_0_3px_rgba\(82\,_121\,_255\,_0\.18\):is(:focus-visible, [data-focus-visible]) {
@@ -1979,14 +2580,18 @@ body {
     box-shadow: 0 0 0 3px var(--colors-bg-accentSoft, rgba(49, 94, 255, 0.12));
 }
 
-  .hover\:bg_bg\.accentStrong:is(:hover, [data-hover]) {
-    background: var(--colors-bg-accent-strong);
-}
-
   .hover\:bg_bg\.hover:is(:hover, [data-hover]) {
     background: var(--colors-bg-hover);
 }
 
+  .hover\:bg_bg\.dangerSoft:is(:hover, [data-hover]) {
+    background: var(--colors-bg-danger-soft);
+}
+
+  .hover\:bg_bg\.accentStrong:is(:hover, [data-hover]) {
+    background: var(--colors-bg-accent-strong);
+}
+
   .hover\:bg_bg\.cardStrong:is(:hover, [data-hover]) {
     background: var(--colors-bg-card-strong);
 }
@@ -2027,6 +2632,14 @@ body {
     color: var(--colors-text-primary);
 }
 
+  .hover\:c_text\.secondary:is(:hover, [data-hover]) {
+    color: var(--colors-text-secondary);
+}
+
+  .hover\:c_text\.error:is(:hover, [data-hover]) {
+    color: var(--colors-text-error);
+}
+
   .hover\:bx-sh_0_2px_8px_-2px_rgba\(49\,_94\,_255\,_0\.4\):is(:hover, [data-hover]) {
     box-shadow: 0 2px 8px -2px rgba(49, 94, 255, 0.4);
 }
@@ -2035,8 +2648,8 @@ body {
     box-shadow: 0 2px 8px -2px rgba(217, 45, 32, 0.4);
 }
 
-  .hover\:c_text\.error:is(:hover, [data-hover]) {
-    color: var(--colors-text-error);
+  .disabled\:hover\:bg_transparent:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:hover, [data-hover]) {
+    background: var(--colors-transparent);
 }
 
   [data-theme="dark"] .dark\:before\:bg_linear-gradient\(90deg\,_transparent_0\%\,_rgba\(186\,_204\,_236\,_0\.1\)_50\%\,_transparent_100\%\)::before {
@@ -2047,6 +2660,10 @@ body {
     border-color: var(--colors-border-accent);
 }
 
+  .disabled\:hover\:c_text\.secondary:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:hover, [data-hover]) {
+    color: var(--colors-text-secondary);
+}
+
   [data-theme="dark"] .dark\:focusVisible\:bx-sh_0_0_0_3px_var\(--colors-bg-accentSoft\,_rgba\(138\,_180\,_255\,_0\.14\)\):is(:focus-visible, [data-focus-visible]) {
     box-shadow: 0 0 0 3px var(--colors-bg-accentSoft, rgba(138, 180, 255, 0.14));
 }
@@ -2071,9 +2688,84 @@ body {
     color: var(--colors-text-error);
 }
 
+  @media screen and (min-width: 40rem) {
+    .sm\:p_6 {
+      padding: var(--spacing-6);
+}
+    .sm\:anim_modalIn_240ms_cubic-bezier\(0\.16\,_1\,_0\.3\,_1\)_backwards {
+      animation: modalIn 240ms cubic-bezier(0.16, 1, 0.3, 1) backwards;
+}
+    .sm\:px_6 {
+      padding-inline: var(--spacing-6);
+}
+    .sm\:ai_center {
+      align-items: center;
+}
+    .sm\:pos_relative {
+      position: relative;
+}
+    .sm\:bx-sh_0_16px_48px_-8px_rgba\(0\,_0\,_0\,_0\.12\)\,_0_4px_16px_-4px_rgba\(0\,_0\,_0\,_0\.06\) {
+      box-shadow: 0 16px 48px -8px rgba(0, 0, 0, 0.12), 0 4px 16px -4px rgba(0, 0, 0, 0.06);
+}
+    .sm\:pb_4 {
+      padding-bottom: var(--spacing-4);
+}
+    .sm\:pb_6 {
+      padding-bottom: var(--spacing-6);
+}
+    .sm\:bottom_auto {
+      bottom: auto;
+}
+    .sm\:left_auto {
+      left: auto;
+}
+    .sm\:right_auto {
+      right: auto;
+}
+    .sm\:bdr-bl_xl {
+      border-bottom-left-radius: var(--radii-xl);
+}
+    .sm\:bdr-br_xl {
+      border-bottom-right-radius: var(--radii-xl);
+}
+    .sm\:max-h_calc\(100dvh_-_2rem\) {
+      max-height: calc(100dvh - 2rem);
+}
+    .sm\:w_380px {
+      width: 380px;
+}
+    .sm\:w_480px {
+      width: 480px;
+}
+    .sm\:w_640px {
+      width: 640px;
+}
+    [data-theme="dark"] .dark\:sm\:bx-sh_0_16px_48px_-8px_rgba\(0\,_0\,_0\,_0\.56\)\,_0_4px_16px_-4px_rgba\(0\,_0\,_0\,_0\.32\) {
+      box-shadow: 0 16px 48px -8px rgba(0, 0, 0, 0.56), 0 4px 16px -4px rgba(0, 0, 0, 0.32);
+}
+}
+
   @media screen and (min-width: 48rem) {
+    .md\:bg_bg\.input {
+      background: var(--colors-bg-input);
+}
     .md\:p_5 {
       padding: var(--spacing-5);
+}
+    .md\:py_2 {
+      padding-block: var(--spacing-2);
+}
+    .md\:bdr_lg {
+      border-radius: var(--radii-lg);
+}
+    .md\:d_flex {
+      display: flex;
+}
+    .md\:d_block {
+      display: block;
+}
+    .md\:d_none {
+      display: none;
 }
     .md\:ai_center {
       align-items: center;
@@ -2090,11 +2782,20 @@ body {
 }
 
   @media screen and (min-width: 64rem) {
+    .lg\:d_flex {
+      display: flex;
+}
     .lg\:grid-tc_repeat\(3\,_minmax\(0\,_1fr\)\) {
       grid-template-columns: repeat(3, minmax(0, 1fr));
 }
     .lg\:grid-tc_repeat\(4\,_minmax\(0\,_1fr\)\) {
       grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+    .lg\:max-w_360px {
+      max-width: 360px;
+}
+    .lg\:min-w_180px {
+      min-width: 180px;
 }
 }