@swiftwc/ui 0.0.0-dev.96 → 0.0.0-dev.98

package/generated/css/index.css

@@ -116,22 +116,22 @@
     --labeled-content-column-gap: 1rem;
     --labeled-content-row-gap: 0.5rem;
     --label-footnote-font-size: 1rem;
-    --label-footnote-line-height: 1rem;
+    --label-footnote-line-height: 1.1875;
     --label-footnote-font-weight: 400;
     --label-caption2-font-size: 0.75rem;
-    --label-caption2-line-height: 1.3333333333;
+    --label-caption2-line-height: 1.4166666667;
     --label-caption2-font-weight: 400;
-    --label-caption-font-size: 0.875rem;
-    --label-caption-line-height: 1.4285714286;
+    --label-caption-font-size: 0.8125rem;
+    --label-caption-line-height: 1.5384615385;
     --label-caption-font-weight: 400;
     --label-callout-font-size: 0.875rem;
-    --label-callout-line-height: 0.875rem;
+    --label-callout-line-height: 1.3571428571;
     --label-callout-font-weight: 400;
     --label-body-font-size: 1rem;
     --label-body-line-height: 1.5;
     --label-body-font-weight: 400;
     --label-subheadline-font-size: 1.125rem;
-    --label-subheadline-line-height: 1.5555555556;
+    --label-subheadline-line-height: 1.5;
     --label-subheadline-font-weight: 400;
     --label-headline-font-size: 1.25rem;
     --label-headline-line-height: 1.4;
@@ -151,6 +151,9 @@
     --label-extra-large-title-font-size: 3.75rem;
     --label-extra-large-title-line-height: 1;
     --label-extra-large-title-font-weight: 700;
+    --label-extra-large-title2-font-size: 4.5rem;
+    --label-extra-large-title2-line-height: 1;
+    --label-extra-large-title2-font-weight: 700;
     --insetlist-item-border-radius: 2rem;
     --insetform-item-border-radius: 2rem;
     --list-row-gap: 3rem;
@@ -650,9 +653,27 @@
     padding-block: 1px;
   }
   :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) section-view:not(section-view section-view, menu-view *), [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) section-view:not(section-view section-view, menu-view *), list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) section-view:not(section-view section-view, menu-view *))::part(section-header-stack) {
-    top: calc(var(--list--sticky-block-size, 0px) + var(--navigation-bar-block-size));
+    top: var(--list--sticky-block-size, 0px);
     position: sticky;
   }
+  :where(table-view:not(table-view table-view, list-view table-view, [is=form-view] table-view) section-view:not(section-view section-view, menu-view *):is(scroll-view:has(~ tool-bar > [slot^=top-bar],
+  ~ tool-bar > [slot=cancellation-action],
+  ~ tool-bar > [slot=primary-action],
+  ~ tool-bar > [slot=confirmation-action],
+  ~ tool-bar > [slot=destructive-action]) section-view,
+  scroll-view:has(> [slot^=top-bar], > [slot=cancellation-action], > [slot=primary-action], > [slot=confirmation-action], > [slot=destructive-action]) section-view), [is=form-view]:not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]) section-view:not(section-view section-view, menu-view *):is(scroll-view:has(~ tool-bar > [slot^=top-bar],
+  ~ tool-bar > [slot=cancellation-action],
+  ~ tool-bar > [slot=primary-action],
+  ~ tool-bar > [slot=confirmation-action],
+  ~ tool-bar > [slot=destructive-action]) section-view,
+  scroll-view:has(> [slot^=top-bar], > [slot=cancellation-action], > [slot=primary-action], > [slot=confirmation-action], > [slot=destructive-action]) section-view), list-view:not(list-view list-view, [is=form-view] list-view, table-view list-view) section-view:not(section-view section-view, menu-view *):is(scroll-view:has(~ tool-bar > [slot^=top-bar],
+  ~ tool-bar > [slot=cancellation-action],
+  ~ tool-bar > [slot=primary-action],
+  ~ tool-bar > [slot=confirmation-action],
+  ~ tool-bar > [slot=destructive-action]) section-view,
+  scroll-view:has(> [slot^=top-bar], > [slot=cancellation-action], > [slot=primary-action], > [slot=confirmation-action], > [slot=destructive-action]) section-view))::part(section-header-stack) {
+    top: calc(var(--list--sticky-block-size, 0px) + var(--navigation-bar-block-size));
+  }
   :where(table-view[columns="2"]:not(menu-view *):not(table-view table-view, list-view table-view, [is=form-view] table-view), [columns="2"][is=form-view]:not(menu-view *):not([is=form-view] [is=form-view], list-view [is=form-view], table-view [is=form-view], [is=tab-bar] > [is=form-view]), list-view[columns="2"]:not(menu-view *):not(list-view list-view, [is=form-view] list-view, table-view list-view)) {
     --list--host-grid-template-columns: repeat(2, minmax(0, 1fr));
     position: relative;
@@ -1473,7 +1494,11 @@
   :where(detail-placeholder > scroll-view) > *:not([slot]) {
     grid-area: main;
   }
-  :where(detail-placeholder > scroll-view):has(~ tool-bar > [slot^=top-bar]), :where(detail-placeholder > scroll-view):has(> [slot^=top-bar]) {
+  :where(detail-placeholder > scroll-view):has(~ tool-bar > [slot^=top-bar],
+  ~ tool-bar > [slot=cancellation-action],
+  ~ tool-bar > [slot=primary-action],
+  ~ tool-bar > [slot=confirmation-action],
+  ~ tool-bar > [slot=destructive-action]), :where(detail-placeholder > scroll-view):has(> [slot^=top-bar], > [slot=cancellation-action], > [slot=primary-action], > [slot=confirmation-action], > [slot=destructive-action]) {
     grid-template-rows: var(--navigation-bar-block-size) minmax(max-content, 1fr);
   }
   :where(detail-placeholder > scroll-view)::before {
@@ -1970,7 +1995,11 @@
   :where(navigation-stack > scroll-view, navigation-split-view > scroll-view, [is=sidebar-view] > scroll-view, body-view > scroll-view, [is=full-screen] > scroll-view, [is=sheet-view] > scroll-view) > *:not([slot]) {
     grid-area: main;
   }
-  :where(navigation-stack > scroll-view, navigation-split-view > scroll-view, [is=sidebar-view] > scroll-view, body-view > scroll-view, [is=full-screen] > scroll-view, [is=sheet-view] > scroll-view):has(~ tool-bar > [slot^=top-bar]), :where(navigation-stack > scroll-view, navigation-split-view > scroll-view, [is=sidebar-view] > scroll-view, body-view > scroll-view, [is=full-screen] > scroll-view, [is=sheet-view] > scroll-view):has(> [slot^=top-bar]) {
+  :where(navigation-stack > scroll-view, navigation-split-view > scroll-view, [is=sidebar-view] > scroll-view, body-view > scroll-view, [is=full-screen] > scroll-view, [is=sheet-view] > scroll-view):has(~ tool-bar > [slot^=top-bar],
+  ~ tool-bar > [slot=cancellation-action],
+  ~ tool-bar > [slot=primary-action],
+  ~ tool-bar > [slot=confirmation-action],
+  ~ tool-bar > [slot=destructive-action]), :where(navigation-stack > scroll-view, navigation-split-view > scroll-view, [is=sidebar-view] > scroll-view, body-view > scroll-view, [is=full-screen] > scroll-view, [is=sheet-view] > scroll-view):has(> [slot^=top-bar], > [slot=cancellation-action], > [slot=primary-action], > [slot=confirmation-action], > [slot=destructive-action]) {
     grid-template-rows: var(--navigation-bar-block-size) minmax(max-content, 1fr);
   }
   :where(navigation-stack > scroll-view[navigation-bar-title-display-mode=large], navigation-split-view > scroll-view[navigation-bar-title-display-mode=large], [is=sidebar-view] > scroll-view[navigation-bar-title-display-mode=large], body-view > scroll-view[navigation-bar-title-display-mode=large], [is=full-screen] > scroll-view[navigation-bar-title-display-mode=large], [is=sheet-view] > scroll-view[navigation-bar-title-display-mode=large]) > [slot=top-bar-principal] {
@@ -2393,8 +2422,12 @@
     pointer-events: none;
     visibility: collapse;
   }
-  :where(scroll-view:has(~ tool-bar > [slot^=top-bar]),
-  scroll-view:has(> [slot^=top-bar]))::part(scroll-view-navbar) {
+  :where(scroll-view:has(~ tool-bar > [slot^=top-bar],
+  ~ tool-bar > [slot=cancellation-action],
+  ~ tool-bar > [slot=primary-action],
+  ~ tool-bar > [slot=confirmation-action],
+  ~ tool-bar > [slot=destructive-action]),
+  scroll-view:has(> [slot^=top-bar], > [slot=cancellation-action], > [slot=primary-action], > [slot=confirmation-action], > [slot=destructive-action]))::part(scroll-view-navbar) {
     visibility: visible;
   }
   :where(scroll-view:has(~ tool-bar > [slot^=bottom-bar]),
@@ -2975,9 +3008,9 @@
   }
   @supports (x: if(else:red)) {
     :where(label-view) {
-      --label--titlestack-font-size: if(style(--label-font: footnote): var(--label-footnote-font-size) ; style(--label-font: caption2): var(--label-caption2-font-size) ; style(--label-font: caption): var(--label-caption-font-size) ; style(--label-font: callout): var(--label-callout-font-size) ; style(--label-font: body): var(--label-body-font-size) ; style(--label-font: subheadline): var(--label-subheadline-font-size) ; style(--label-font: headline): var(--label-headline-font-size) ; style(--label-font: title3): var(--label-title3-font-size) ; style(--label-font: title2): var(--label-title2-font-size) ; style(--label-font: title): var(--label-title-font-size) ; style(--label-font: large-title): var(--label-large-title-font-size) ; style(--label-font: extra-large-title): var(--label-extra-large-title-font-size) ;);
-      --label--titlestack-line-height: if(style(--label-font: footnote): var(--label-footnote-line-height) ; style(--label-font: caption2): var(--label-caption2-line-height) ; style(--label-font: caption): var(--label-caption-line-height) ; style(--label-font: callout): var(--label-callout-line-height) ; style(--label-font: body): var(--label-body-line-height) ; style(--label-font: subheadline): var(--label-subheadline-line-height) ; style(--label-font: headline): var(--label-headline-line-height) ; style(--label-font: title3): var(--label-title3-line-height) ; style(--label-font: title2): var(--label-title2-line-height) ; style(--label-font: title): var(--label-title-line-height) ; style(--label-font: large-title): var(--label-large-title-line-height) ; style(--label-font: extra-large-title): var(--label-extra-large-title-line-height) ;);
-      --label--titlestack-font-weight: if(style(--label-font: footnote): var(--label-footnote-font-weight) ; style(--label-font: caption2): var(--label-caption2-font-weight) ; style(--label-font: caption): var(--label-caption-font-weight) ; style(--label-font: callout): var(--label-callout-font-weight) ; style(--label-font: body): var(--label-body-font-weight) ; style(--label-font: subheadline): var(--label-subheadline-font-weight) ; style(--label-font: headline): var(--label-headline-font-weight) ; style(--label-font: title3): var(--label-title3-font-weight) ; style(--label-font: title2): var(--label-title2-font-weight) ; style(--label-font: title): var(--label-title-font-weight) ; style(--label-font: large-title): var(--label-large-title-font-weight) ; style(--label-font: extra-large-title): var(--label-extra-large-title-font-weight) ;);
+      --label--titlestack-font-size: if(style(--label-font: footnote): var(--label-footnote-font-size) ; style(--label-font: caption2): var(--label-caption2-font-size) ; style(--label-font: caption): var(--label-caption-font-size) ; style(--label-font: callout): var(--label-callout-font-size) ; style(--label-font: body): var(--label-body-font-size) ; style(--label-font: subheadline): var(--label-subheadline-font-size) ; style(--label-font: headline): var(--label-headline-font-size) ; style(--label-font: title3): var(--label-title3-font-size) ; style(--label-font: title2): var(--label-title2-font-size) ; style(--label-font: title): var(--label-title-font-size) ; style(--label-font: large-title): var(--label-large-title-font-size) ; style(--label-font: extra-large-title): var(--label-extra-large-title-font-size) ; style(--label-font: extra-large-title2): var(--label-extra-large-title2-font-size) ;);
+      --label--titlestack-line-height: if(style(--label-font: footnote): var(--label-footnote-line-height) ; style(--label-font: caption2): var(--label-caption2-line-height) ; style(--label-font: caption): var(--label-caption-line-height) ; style(--label-font: callout): var(--label-callout-line-height) ; style(--label-font: body): var(--label-body-line-height) ; style(--label-font: subheadline): var(--label-subheadline-line-height) ; style(--label-font: headline): var(--label-headline-line-height) ; style(--label-font: title3): var(--label-title3-line-height) ; style(--label-font: title2): var(--label-title2-line-height) ; style(--label-font: title): var(--label-title-line-height) ; style(--label-font: large-title): var(--label-large-title-line-height) ; style(--label-font: extra-large-title): var(--label-extra-large-title-line-height) ; style(--label-font: extra-large-title2): var(--label-extra-large-title2-line-height) ;);
+      --label--titlestack-font-weight: if(style(--label-font: footnote): var(--label-footnote-font-weight) ; style(--label-font: caption2): var(--label-caption2-font-weight) ; style(--label-font: caption): var(--label-caption-font-weight) ; style(--label-font: callout): var(--label-callout-font-weight) ; style(--label-font: body): var(--label-body-font-weight) ; style(--label-font: subheadline): var(--label-subheadline-font-weight) ; style(--label-font: headline): var(--label-headline-font-weight) ; style(--label-font: title3): var(--label-title3-font-weight) ; style(--label-font: title2): var(--label-title2-font-weight) ; style(--label-font: title): var(--label-title-font-weight) ; style(--label-font: large-title): var(--label-large-title-font-weight) ; style(--label-font: extra-large-title): var(--label-extra-large-title-font-weight) ; style(--label-font: extra-large-title2): var(--label-extra-large-title2-font-weight) ;);
       --label--overflow: if(style(--label-truncation-mode: tail): hidden; );
       --label--text-overflow: if(style(--label-truncation-mode: tail): ellipsis; );
       --label--host-white-space: if(style(--label-line-limit: 1): nowrap; style(--label-line-limit: 2): normal; );
@@ -3356,6 +3389,20 @@
         --label--titlestack-font-weight: var(--label-extra-large-title-font-weight);
       }
     }
+    @container style(--label-font: extra-large-title2) {
+      :where(label-view) {
+        --label--titlestack-font-size: var(--label-extra-large-title2-font-size);
+        --label--titlestack-line-height: var(--label-extra-large-title2-line-height);
+        --label--titlestack-font-weight: var(--label-extra-large-title2-font-weight);
+      }
+    }
+    @container not style(--label-font: extra-large-title2) {
+      :where(label-view[font=extra-large-title2]) {
+        --label--titlestack-font-size: var(--label-extra-large-title2-font-size);
+        --label--titlestack-line-height: var(--label-extra-large-title2-line-height);
+        --label--titlestack-font-weight: var(--label-extra-large-title2-font-weight);
+      }
+    }
   }
   @supports (x: attr(x type(*))) {
     :where(label-view) {
@@ -5077,10 +5124,12 @@
   }
   :where(picker-view)::part(picker-label-stack) {
     display: var(--picker--labelstack-display, none);
-    color: var(--secondary);
     --label-truncation-mode: tail;
     --label-line-limit: 1;
   }
+  :where(form :where(picker-view))::part(picker-label-stack) {
+    color: var(--secondary);
+  }
   :where(picker-view) {
     --picker--stack-grid-template-columns: minmax(30%, 1fr) auto;
     --picker--stack-grid-template-rows: minmax(0, 1fr);
@@ -5912,6 +5961,9 @@
     --tertiaryBackground: var(--tertiaryGroupedBackground);
     --face: var(--background);
   }
+  :where([foreground=primary]) {
+    color: var(--primary);
+  }
   :where([foreground=secondary]) {
     color: var(--secondary);
   }
@@ -6058,691 +6110,1909 @@
   :where([frame\:max-width=infinity]) {
     max-inline-size: 100%;
   }
+  :where([frame\:width="0"]) {
+    max-inline-size: 0rem;
+  }
   :where([frame\:max-width="0"]) {
     max-inline-size: 0rem;
   }
+  :where([frame\:width="0cqi"]) {
+    max-inline-size: 0cqi;
+  }
   :where([frame\:max-width="0cqi"]) {
     max-inline-size: 0cqi;
   }
+  :where([frame\:width="1"]) {
+    max-inline-size: 1rem;
+  }
   :where([frame\:max-width="1"]) {
     max-inline-size: 1rem;
   }
+  :where([frame\:width="1cqi"]) {
+    max-inline-size: 1cqi;
+  }
   :where([frame\:max-width="1cqi"]) {
     max-inline-size: 1cqi;
   }
+  :where([frame\:width="2"]) {
+    max-inline-size: 2rem;
+  }
   :where([frame\:max-width="2"]) {
     max-inline-size: 2rem;
   }
+  :where([frame\:width="2cqi"]) {
+    max-inline-size: 2cqi;
+  }
   :where([frame\:max-width="2cqi"]) {
     max-inline-size: 2cqi;
   }
+  :where([frame\:width="3"]) {
+    max-inline-size: 3rem;
+  }
   :where([frame\:max-width="3"]) {
     max-inline-size: 3rem;
   }
+  :where([frame\:width="3cqi"]) {
+    max-inline-size: 3cqi;
+  }
   :where([frame\:max-width="3cqi"]) {
     max-inline-size: 3cqi;
   }
+  :where([frame\:width="4"]) {
+    max-inline-size: 4rem;
+  }
   :where([frame\:max-width="4"]) {
     max-inline-size: 4rem;
   }
+  :where([frame\:width="4cqi"]) {
+    max-inline-size: 4cqi;
+  }
   :where([frame\:max-width="4cqi"]) {
     max-inline-size: 4cqi;
   }
+  :where([frame\:width="5"]) {
+    max-inline-size: 5rem;
+  }
   :where([frame\:max-width="5"]) {
     max-inline-size: 5rem;
   }
+  :where([frame\:width="5cqi"]) {
+    max-inline-size: 5cqi;
+  }
   :where([frame\:max-width="5cqi"]) {
     max-inline-size: 5cqi;
   }
+  :where([frame\:width="6"]) {
+    max-inline-size: 6rem;
+  }
   :where([frame\:max-width="6"]) {
     max-inline-size: 6rem;
   }
+  :where([frame\:width="6cqi"]) {
+    max-inline-size: 6cqi;
+  }
   :where([frame\:max-width="6cqi"]) {
     max-inline-size: 6cqi;
   }
+  :where([frame\:width="7"]) {
+    max-inline-size: 7rem;
+  }
   :where([frame\:max-width="7"]) {
     max-inline-size: 7rem;
   }
+  :where([frame\:width="7cqi"]) {
+    max-inline-size: 7cqi;
+  }
   :where([frame\:max-width="7cqi"]) {
     max-inline-size: 7cqi;
   }
+  :where([frame\:width="8"]) {
+    max-inline-size: 8rem;
+  }
   :where([frame\:max-width="8"]) {
     max-inline-size: 8rem;
   }
+  :where([frame\:width="8cqi"]) {
+    max-inline-size: 8cqi;
+  }
   :where([frame\:max-width="8cqi"]) {
     max-inline-size: 8cqi;
   }
+  :where([frame\:width="9"]) {
+    max-inline-size: 9rem;
+  }
   :where([frame\:max-width="9"]) {
     max-inline-size: 9rem;
   }
+  :where([frame\:width="9cqi"]) {
+    max-inline-size: 9cqi;
+  }
   :where([frame\:max-width="9cqi"]) {
     max-inline-size: 9cqi;
   }
+  :where([frame\:width="10"]) {
+    max-inline-size: 10rem;
+  }
   :where([frame\:max-width="10"]) {
     max-inline-size: 10rem;
   }
+  :where([frame\:width="10cqi"]) {
+    max-inline-size: 10cqi;
+  }
   :where([frame\:max-width="10cqi"]) {
     max-inline-size: 10cqi;
   }
+  :where([frame\:width="11"]) {
+    max-inline-size: 11rem;
+  }
   :where([frame\:max-width="11"]) {
     max-inline-size: 11rem;
   }
+  :where([frame\:width="11cqi"]) {
+    max-inline-size: 11cqi;
+  }
   :where([frame\:max-width="11cqi"]) {
     max-inline-size: 11cqi;
   }
+  :where([frame\:width="12"]) {
+    max-inline-size: 12rem;
+  }
   :where([frame\:max-width="12"]) {
     max-inline-size: 12rem;
   }
+  :where([frame\:width="12cqi"]) {
+    max-inline-size: 12cqi;
+  }
   :where([frame\:max-width="12cqi"]) {
     max-inline-size: 12cqi;
   }
+  :where([frame\:width="13"]) {
+    max-inline-size: 13rem;
+  }
   :where([frame\:max-width="13"]) {
     max-inline-size: 13rem;
   }
+  :where([frame\:width="13cqi"]) {
+    max-inline-size: 13cqi;
+  }
   :where([frame\:max-width="13cqi"]) {
     max-inline-size: 13cqi;
   }
+  :where([frame\:width="14"]) {
+    max-inline-size: 14rem;
+  }
   :where([frame\:max-width="14"]) {
     max-inline-size: 14rem;
   }
+  :where([frame\:width="14cqi"]) {
+    max-inline-size: 14cqi;
+  }
   :where([frame\:max-width="14cqi"]) {
     max-inline-size: 14cqi;
   }
+  :where([frame\:width="15"]) {
+    max-inline-size: 15rem;
+  }
   :where([frame\:max-width="15"]) {
     max-inline-size: 15rem;
   }
+  :where([frame\:width="15cqi"]) {
+    max-inline-size: 15cqi;
+  }
   :where([frame\:max-width="15cqi"]) {
     max-inline-size: 15cqi;
   }
+  :where([frame\:width="16"]) {
+    max-inline-size: 16rem;
+  }
   :where([frame\:max-width="16"]) {
     max-inline-size: 16rem;
   }
+  :where([frame\:width="16cqi"]) {
+    max-inline-size: 16cqi;
+  }
   :where([frame\:max-width="16cqi"]) {
     max-inline-size: 16cqi;
   }
+  :where([frame\:width="17"]) {
+    max-inline-size: 17rem;
+  }
   :where([frame\:max-width="17"]) {
     max-inline-size: 17rem;
   }
+  :where([frame\:width="17cqi"]) {
+    max-inline-size: 17cqi;
+  }
   :where([frame\:max-width="17cqi"]) {
     max-inline-size: 17cqi;
   }
+  :where([frame\:width="18"]) {
+    max-inline-size: 18rem;
+  }
   :where([frame\:max-width="18"]) {
     max-inline-size: 18rem;
   }
+  :where([frame\:width="18cqi"]) {
+    max-inline-size: 18cqi;
+  }
   :where([frame\:max-width="18cqi"]) {
     max-inline-size: 18cqi;
   }
+  :where([frame\:width="19"]) {
+    max-inline-size: 19rem;
+  }
   :where([frame\:max-width="19"]) {
     max-inline-size: 19rem;
   }
+  :where([frame\:width="19cqi"]) {
+    max-inline-size: 19cqi;
+  }
   :where([frame\:max-width="19cqi"]) {
     max-inline-size: 19cqi;
   }
+  :where([frame\:width="20"]) {
+    max-inline-size: 20rem;
+  }
   :where([frame\:max-width="20"]) {
     max-inline-size: 20rem;
   }
+  :where([frame\:width="20cqi"]) {
+    max-inline-size: 20cqi;
+  }
   :where([frame\:max-width="20cqi"]) {
     max-inline-size: 20cqi;
   }
+  :where([frame\:width="21"]) {
+    max-inline-size: 21rem;
+  }
   :where([frame\:max-width="21"]) {
     max-inline-size: 21rem;
   }
+  :where([frame\:width="21cqi"]) {
+    max-inline-size: 21cqi;
+  }
   :where([frame\:max-width="21cqi"]) {
     max-inline-size: 21cqi;
   }
+  :where([frame\:width="22"]) {
+    max-inline-size: 22rem;
+  }
   :where([frame\:max-width="22"]) {
     max-inline-size: 22rem;
   }
+  :where([frame\:width="22cqi"]) {
+    max-inline-size: 22cqi;
+  }
   :where([frame\:max-width="22cqi"]) {
     max-inline-size: 22cqi;
   }
+  :where([frame\:width="23"]) {
+    max-inline-size: 23rem;
+  }
   :where([frame\:max-width="23"]) {
     max-inline-size: 23rem;
   }
+  :where([frame\:width="23cqi"]) {
+    max-inline-size: 23cqi;
+  }
   :where([frame\:max-width="23cqi"]) {
     max-inline-size: 23cqi;
   }
+  :where([frame\:width="24"]) {
+    max-inline-size: 24rem;
+  }
   :where([frame\:max-width="24"]) {
     max-inline-size: 24rem;
   }
+  :where([frame\:width="24cqi"]) {
+    max-inline-size: 24cqi;
+  }
   :where([frame\:max-width="24cqi"]) {
     max-inline-size: 24cqi;
   }
+  :where([frame\:width="25"]) {
+    max-inline-size: 25rem;
+  }
   :where([frame\:max-width="25"]) {
     max-inline-size: 25rem;
   }
+  :where([frame\:width="25cqi"]) {
+    max-inline-size: 25cqi;
+  }
   :where([frame\:max-width="25cqi"]) {
     max-inline-size: 25cqi;
   }
+  :where([frame\:width="26"]) {
+    max-inline-size: 26rem;
+  }
   :where([frame\:max-width="26"]) {
     max-inline-size: 26rem;
   }
+  :where([frame\:width="26cqi"]) {
+    max-inline-size: 26cqi;
+  }
   :where([frame\:max-width="26cqi"]) {
     max-inline-size: 26cqi;
   }
+  :where([frame\:width="27"]) {
+    max-inline-size: 27rem;
+  }
   :where([frame\:max-width="27"]) {
     max-inline-size: 27rem;
   }
+  :where([frame\:width="27cqi"]) {
+    max-inline-size: 27cqi;
+  }
   :where([frame\:max-width="27cqi"]) {
     max-inline-size: 27cqi;
   }
+  :where([frame\:width="28"]) {
+    max-inline-size: 28rem;
+  }
   :where([frame\:max-width="28"]) {
     max-inline-size: 28rem;
   }
+  :where([frame\:width="28cqi"]) {
+    max-inline-size: 28cqi;
+  }
   :where([frame\:max-width="28cqi"]) {
     max-inline-size: 28cqi;
   }
+  :where([frame\:width="29"]) {
+    max-inline-size: 29rem;
+  }
   :where([frame\:max-width="29"]) {
     max-inline-size: 29rem;
   }
+  :where([frame\:width="29cqi"]) {
+    max-inline-size: 29cqi;
+  }
   :where([frame\:max-width="29cqi"]) {
     max-inline-size: 29cqi;
   }
+  :where([frame\:width="30"]) {
+    max-inline-size: 30rem;
+  }
   :where([frame\:max-width="30"]) {
     max-inline-size: 30rem;
   }
+  :where([frame\:width="30cqi"]) {
+    max-inline-size: 30cqi;
+  }
   :where([frame\:max-width="30cqi"]) {
     max-inline-size: 30cqi;
   }
+  :where([frame\:width="31"]) {
+    max-inline-size: 31rem;
+  }
   :where([frame\:max-width="31"]) {
     max-inline-size: 31rem;
   }
+  :where([frame\:width="31cqi"]) {
+    max-inline-size: 31cqi;
+  }
   :where([frame\:max-width="31cqi"]) {
     max-inline-size: 31cqi;
   }
+  :where([frame\:width="32"]) {
+    max-inline-size: 32rem;
+  }
   :where([frame\:max-width="32"]) {
     max-inline-size: 32rem;
   }
+  :where([frame\:width="32cqi"]) {
+    max-inline-size: 32cqi;
+  }
   :where([frame\:max-width="32cqi"]) {
     max-inline-size: 32cqi;
   }
+  :where([frame\:width="33"]) {
+    max-inline-size: 33rem;
+  }
   :where([frame\:max-width="33"]) {
     max-inline-size: 33rem;
   }
+  :where([frame\:width="33cqi"]) {
+    max-inline-size: 33cqi;
+  }
   :where([frame\:max-width="33cqi"]) {
     max-inline-size: 33cqi;
   }
+  :where([frame\:width="34"]) {
+    max-inline-size: 34rem;
+  }
   :where([frame\:max-width="34"]) {
     max-inline-size: 34rem;
   }
+  :where([frame\:width="34cqi"]) {
+    max-inline-size: 34cqi;
+  }
   :where([frame\:max-width="34cqi"]) {
     max-inline-size: 34cqi;
   }
+  :where([frame\:width="35"]) {
+    max-inline-size: 35rem;
+  }
   :where([frame\:max-width="35"]) {
     max-inline-size: 35rem;
   }
+  :where([frame\:width="35cqi"]) {
+    max-inline-size: 35cqi;
+  }
   :where([frame\:max-width="35cqi"]) {
     max-inline-size: 35cqi;
   }
+  :where([frame\:width="36"]) {
+    max-inline-size: 36rem;
+  }
   :where([frame\:max-width="36"]) {
     max-inline-size: 36rem;
   }
+  :where([frame\:width="36cqi"]) {
+    max-inline-size: 36cqi;
+  }
   :where([frame\:max-width="36cqi"]) {
     max-inline-size: 36cqi;
   }
+  :where([frame\:width="37"]) {
+    max-inline-size: 37rem;
+  }
   :where([frame\:max-width="37"]) {
     max-inline-size: 37rem;
   }
+  :where([frame\:width="37cqi"]) {
+    max-inline-size: 37cqi;
+  }
   :where([frame\:max-width="37cqi"]) {
     max-inline-size: 37cqi;
   }
+  :where([frame\:width="38"]) {
+    max-inline-size: 38rem;
+  }
   :where([frame\:max-width="38"]) {
     max-inline-size: 38rem;
   }
+  :where([frame\:width="38cqi"]) {
+    max-inline-size: 38cqi;
+  }
   :where([frame\:max-width="38cqi"]) {
     max-inline-size: 38cqi;
   }
+  :where([frame\:width="39"]) {
+    max-inline-size: 39rem;
+  }
   :where([frame\:max-width="39"]) {
     max-inline-size: 39rem;
   }
+  :where([frame\:width="39cqi"]) {
+    max-inline-size: 39cqi;
+  }
   :where([frame\:max-width="39cqi"]) {
     max-inline-size: 39cqi;
   }
+  :where([frame\:width="40"]) {
+    max-inline-size: 40rem;
+  }
   :where([frame\:max-width="40"]) {
     max-inline-size: 40rem;
   }
+  :where([frame\:width="40cqi"]) {
+    max-inline-size: 40cqi;
+  }
   :where([frame\:max-width="40cqi"]) {
     max-inline-size: 40cqi;
   }
+  :where([frame\:width="41"]) {
+    max-inline-size: 41rem;
+  }
   :where([frame\:max-width="41"]) {
     max-inline-size: 41rem;
   }
+  :where([frame\:width="41cqi"]) {
+    max-inline-size: 41cqi;
+  }
   :where([frame\:max-width="41cqi"]) {
     max-inline-size: 41cqi;
   }
+  :where([frame\:width="42"]) {
+    max-inline-size: 42rem;
+  }
   :where([frame\:max-width="42"]) {
     max-inline-size: 42rem;
   }
+  :where([frame\:width="42cqi"]) {
+    max-inline-size: 42cqi;
+  }
   :where([frame\:max-width="42cqi"]) {
     max-inline-size: 42cqi;
   }
+  :where([frame\:width="43"]) {
+    max-inline-size: 43rem;
+  }
   :where([frame\:max-width="43"]) {
     max-inline-size: 43rem;
   }
+  :where([frame\:width="43cqi"]) {
+    max-inline-size: 43cqi;
+  }
   :where([frame\:max-width="43cqi"]) {
     max-inline-size: 43cqi;
   }
+  :where([frame\:width="44"]) {
+    max-inline-size: 44rem;
+  }
   :where([frame\:max-width="44"]) {
     max-inline-size: 44rem;
   }
+  :where([frame\:width="44cqi"]) {
+    max-inline-size: 44cqi;
+  }
   :where([frame\:max-width="44cqi"]) {
     max-inline-size: 44cqi;
   }
+  :where([frame\:width="45"]) {
+    max-inline-size: 45rem;
+  }
   :where([frame\:max-width="45"]) {
     max-inline-size: 45rem;
   }
+  :where([frame\:width="45cqi"]) {
+    max-inline-size: 45cqi;
+  }
   :where([frame\:max-width="45cqi"]) {
     max-inline-size: 45cqi;
   }
+  :where([frame\:width="46"]) {
+    max-inline-size: 46rem;
+  }
   :where([frame\:max-width="46"]) {
     max-inline-size: 46rem;
   }
+  :where([frame\:width="46cqi"]) {
+    max-inline-size: 46cqi;
+  }
   :where([frame\:max-width="46cqi"]) {
     max-inline-size: 46cqi;
   }
+  :where([frame\:width="47"]) {
+    max-inline-size: 47rem;
+  }
   :where([frame\:max-width="47"]) {
     max-inline-size: 47rem;
   }
+  :where([frame\:width="47cqi"]) {
+    max-inline-size: 47cqi;
+  }
   :where([frame\:max-width="47cqi"]) {
     max-inline-size: 47cqi;
   }
+  :where([frame\:width="48"]) {
+    max-inline-size: 48rem;
+  }
   :where([frame\:max-width="48"]) {
     max-inline-size: 48rem;
   }
+  :where([frame\:width="48cqi"]) {
+    max-inline-size: 48cqi;
+  }
   :where([frame\:max-width="48cqi"]) {
     max-inline-size: 48cqi;
   }
+  :where([frame\:width="49"]) {
+    max-inline-size: 49rem;
+  }
   :where([frame\:max-width="49"]) {
     max-inline-size: 49rem;
   }
+  :where([frame\:width="49cqi"]) {
+    max-inline-size: 49cqi;
+  }
   :where([frame\:max-width="49cqi"]) {
     max-inline-size: 49cqi;
   }
+  :where([frame\:width="50"]) {
+    max-inline-size: 50rem;
+  }
   :where([frame\:max-width="50"]) {
     max-inline-size: 50rem;
   }
+  :where([frame\:width="50cqi"]) {
+    max-inline-size: 50cqi;
+  }
   :where([frame\:max-width="50cqi"]) {
     max-inline-size: 50cqi;
   }
+  :where([frame\:width="51"]) {
+    max-inline-size: 51rem;
+  }
   :where([frame\:max-width="51"]) {
     max-inline-size: 51rem;
   }
+  :where([frame\:width="51cqi"]) {
+    max-inline-size: 51cqi;
+  }
   :where([frame\:max-width="51cqi"]) {
     max-inline-size: 51cqi;
   }
+  :where([frame\:width="52"]) {
+    max-inline-size: 52rem;
+  }
   :where([frame\:max-width="52"]) {
     max-inline-size: 52rem;
   }
+  :where([frame\:width="52cqi"]) {
+    max-inline-size: 52cqi;
+  }
   :where([frame\:max-width="52cqi"]) {
     max-inline-size: 52cqi;
   }
+  :where([frame\:width="53"]) {
+    max-inline-size: 53rem;
+  }
   :where([frame\:max-width="53"]) {
     max-inline-size: 53rem;
   }
+  :where([frame\:width="53cqi"]) {
+    max-inline-size: 53cqi;
+  }
   :where([frame\:max-width="53cqi"]) {
     max-inline-size: 53cqi;
   }
+  :where([frame\:width="54"]) {
+    max-inline-size: 54rem;
+  }
   :where([frame\:max-width="54"]) {
     max-inline-size: 54rem;
   }
+  :where([frame\:width="54cqi"]) {
+    max-inline-size: 54cqi;
+  }
   :where([frame\:max-width="54cqi"]) {
     max-inline-size: 54cqi;
   }
+  :where([frame\:width="55"]) {
+    max-inline-size: 55rem;
+  }
   :where([frame\:max-width="55"]) {
     max-inline-size: 55rem;
   }
+  :where([frame\:width="55cqi"]) {
+    max-inline-size: 55cqi;
+  }
   :where([frame\:max-width="55cqi"]) {
     max-inline-size: 55cqi;
   }
+  :where([frame\:width="56"]) {
+    max-inline-size: 56rem;
+  }
   :where([frame\:max-width="56"]) {
     max-inline-size: 56rem;
   }
+  :where([frame\:width="56cqi"]) {
+    max-inline-size: 56cqi;
+  }
   :where([frame\:max-width="56cqi"]) {
     max-inline-size: 56cqi;
   }
+  :where([frame\:width="57"]) {
+    max-inline-size: 57rem;
+  }
   :where([frame\:max-width="57"]) {
     max-inline-size: 57rem;
   }
+  :where([frame\:width="57cqi"]) {
+    max-inline-size: 57cqi;
+  }
   :where([frame\:max-width="57cqi"]) {
     max-inline-size: 57cqi;
   }
+  :where([frame\:width="58"]) {
+    max-inline-size: 58rem;
+  }
   :where([frame\:max-width="58"]) {
     max-inline-size: 58rem;
   }
+  :where([frame\:width="58cqi"]) {
+    max-inline-size: 58cqi;
+  }
   :where([frame\:max-width="58cqi"]) {
     max-inline-size: 58cqi;
   }
+  :where([frame\:width="59"]) {
+    max-inline-size: 59rem;
+  }
   :where([frame\:max-width="59"]) {
     max-inline-size: 59rem;
   }
+  :where([frame\:width="59cqi"]) {
+    max-inline-size: 59cqi;
+  }
   :where([frame\:max-width="59cqi"]) {
     max-inline-size: 59cqi;
   }
+  :where([frame\:width="60"]) {
+    max-inline-size: 60rem;
+  }
   :where([frame\:max-width="60"]) {
     max-inline-size: 60rem;
   }
+  :where([frame\:width="60cqi"]) {
+    max-inline-size: 60cqi;
+  }
   :where([frame\:max-width="60cqi"]) {
     max-inline-size: 60cqi;
   }
+  :where([frame\:width="61"]) {
+    max-inline-size: 61rem;
+  }
   :where([frame\:max-width="61"]) {
     max-inline-size: 61rem;
   }
-  :where([frame\:max-width="61cqi"]) {
+  :where([frame\:width="61cqi"]) {
+    max-inline-size: 61cqi;
+  }
+  :where([frame\:max-width="61cqi"]) {
+    max-inline-size: 61cqi;
+  }
+  :where([frame\:width="62"]) {
+    max-inline-size: 62rem;
+  }
+  :where([frame\:max-width="62"]) {
+    max-inline-size: 62rem;
+  }
+  :where([frame\:width="62cqi"]) {
+    max-inline-size: 62cqi;
+  }
+  :where([frame\:max-width="62cqi"]) {
+    max-inline-size: 62cqi;
+  }
+  :where([frame\:width="63"]) {
+    max-inline-size: 63rem;
+  }
+  :where([frame\:max-width="63"]) {
+    max-inline-size: 63rem;
+  }
+  :where([frame\:width="63cqi"]) {
+    max-inline-size: 63cqi;
+  }
+  :where([frame\:max-width="63cqi"]) {
+    max-inline-size: 63cqi;
+  }
+  :where([frame\:width="64"]) {
+    max-inline-size: 64rem;
+  }
+  :where([frame\:max-width="64"]) {
+    max-inline-size: 64rem;
+  }
+  :where([frame\:width="64cqi"]) {
+    max-inline-size: 64cqi;
+  }
+  :where([frame\:max-width="64cqi"]) {
+    max-inline-size: 64cqi;
+  }
+  :where([frame\:width="65"]) {
+    max-inline-size: 65rem;
+  }
+  :where([frame\:max-width="65"]) {
+    max-inline-size: 65rem;
+  }
+  :where([frame\:width="65cqi"]) {
+    max-inline-size: 65cqi;
+  }
+  :where([frame\:max-width="65cqi"]) {
+    max-inline-size: 65cqi;
+  }
+  :where([frame\:width="66"]) {
+    max-inline-size: 66rem;
+  }
+  :where([frame\:max-width="66"]) {
+    max-inline-size: 66rem;
+  }
+  :where([frame\:width="66cqi"]) {
+    max-inline-size: 66cqi;
+  }
+  :where([frame\:max-width="66cqi"]) {
+    max-inline-size: 66cqi;
+  }
+  :where([frame\:width="67"]) {
+    max-inline-size: 67rem;
+  }
+  :where([frame\:max-width="67"]) {
+    max-inline-size: 67rem;
+  }
+  :where([frame\:width="67cqi"]) {
+    max-inline-size: 67cqi;
+  }
+  :where([frame\:max-width="67cqi"]) {
+    max-inline-size: 67cqi;
+  }
+  :where([frame\:width="68"]) {
+    max-inline-size: 68rem;
+  }
+  :where([frame\:max-width="68"]) {
+    max-inline-size: 68rem;
+  }
+  :where([frame\:width="68cqi"]) {
+    max-inline-size: 68cqi;
+  }
+  :where([frame\:max-width="68cqi"]) {
+    max-inline-size: 68cqi;
+  }
+  :where([frame\:width="69"]) {
+    max-inline-size: 69rem;
+  }
+  :where([frame\:max-width="69"]) {
+    max-inline-size: 69rem;
+  }
+  :where([frame\:width="69cqi"]) {
+    max-inline-size: 69cqi;
+  }
+  :where([frame\:max-width="69cqi"]) {
+    max-inline-size: 69cqi;
+  }
+  :where([frame\:width="70"]) {
+    max-inline-size: 70rem;
+  }
+  :where([frame\:max-width="70"]) {
+    max-inline-size: 70rem;
+  }
+  :where([frame\:width="70cqi"]) {
+    max-inline-size: 70cqi;
+  }
+  :where([frame\:max-width="70cqi"]) {
+    max-inline-size: 70cqi;
+  }
+  :where([frame\:width="71"]) {
+    max-inline-size: 71rem;
+  }
+  :where([frame\:max-width="71"]) {
+    max-inline-size: 71rem;
+  }
+  :where([frame\:width="71cqi"]) {
+    max-inline-size: 71cqi;
+  }
+  :where([frame\:max-width="71cqi"]) {
+    max-inline-size: 71cqi;
+  }
+  :where([frame\:width="72"]) {
+    max-inline-size: 72rem;
+  }
+  :where([frame\:max-width="72"]) {
+    max-inline-size: 72rem;
+  }
+  :where([frame\:width="72cqi"]) {
+    max-inline-size: 72cqi;
+  }
+  :where([frame\:max-width="72cqi"]) {
+    max-inline-size: 72cqi;
+  }
+  :where([frame\:width="73"]) {
+    max-inline-size: 73rem;
+  }
+  :where([frame\:max-width="73"]) {
+    max-inline-size: 73rem;
+  }
+  :where([frame\:width="73cqi"]) {
+    max-inline-size: 73cqi;
+  }
+  :where([frame\:max-width="73cqi"]) {
+    max-inline-size: 73cqi;
+  }
+  :where([frame\:width="74"]) {
+    max-inline-size: 74rem;
+  }
+  :where([frame\:max-width="74"]) {
+    max-inline-size: 74rem;
+  }
+  :where([frame\:width="74cqi"]) {
+    max-inline-size: 74cqi;
+  }
+  :where([frame\:max-width="74cqi"]) {
+    max-inline-size: 74cqi;
+  }
+  :where([frame\:width="75"]) {
+    max-inline-size: 75rem;
+  }
+  :where([frame\:max-width="75"]) {
+    max-inline-size: 75rem;
+  }
+  :where([frame\:width="75cqi"]) {
+    max-inline-size: 75cqi;
+  }
+  :where([frame\:max-width="75cqi"]) {
+    max-inline-size: 75cqi;
+  }
+  :where([frame\:width="76"]) {
+    max-inline-size: 76rem;
+  }
+  :where([frame\:max-width="76"]) {
+    max-inline-size: 76rem;
+  }
+  :where([frame\:width="76cqi"]) {
+    max-inline-size: 76cqi;
+  }
+  :where([frame\:max-width="76cqi"]) {
+    max-inline-size: 76cqi;
+  }
+  :where([frame\:width="77"]) {
+    max-inline-size: 77rem;
+  }
+  :where([frame\:max-width="77"]) {
+    max-inline-size: 77rem;
+  }
+  :where([frame\:width="77cqi"]) {
+    max-inline-size: 77cqi;
+  }
+  :where([frame\:max-width="77cqi"]) {
+    max-inline-size: 77cqi;
+  }
+  :where([frame\:width="78"]) {
+    max-inline-size: 78rem;
+  }
+  :where([frame\:max-width="78"]) {
+    max-inline-size: 78rem;
+  }
+  :where([frame\:width="78cqi"]) {
+    max-inline-size: 78cqi;
+  }
+  :where([frame\:max-width="78cqi"]) {
+    max-inline-size: 78cqi;
+  }
+  :where([frame\:width="79"]) {
+    max-inline-size: 79rem;
+  }
+  :where([frame\:max-width="79"]) {
+    max-inline-size: 79rem;
+  }
+  :where([frame\:width="79cqi"]) {
+    max-inline-size: 79cqi;
+  }
+  :where([frame\:max-width="79cqi"]) {
+    max-inline-size: 79cqi;
+  }
+  :where([frame\:width="80"]) {
+    max-inline-size: 80rem;
+  }
+  :where([frame\:max-width="80"]) {
+    max-inline-size: 80rem;
+  }
+  :where([frame\:width="80cqi"]) {
+    max-inline-size: 80cqi;
+  }
+  :where([frame\:max-width="80cqi"]) {
+    max-inline-size: 80cqi;
+  }
+  :where([frame\:width="81"]) {
+    max-inline-size: 81rem;
+  }
+  :where([frame\:max-width="81"]) {
+    max-inline-size: 81rem;
+  }
+  :where([frame\:width="81cqi"]) {
+    max-inline-size: 81cqi;
+  }
+  :where([frame\:max-width="81cqi"]) {
+    max-inline-size: 81cqi;
+  }
+  :where([frame\:width="82"]) {
+    max-inline-size: 82rem;
+  }
+  :where([frame\:max-width="82"]) {
+    max-inline-size: 82rem;
+  }
+  :where([frame\:width="82cqi"]) {
+    max-inline-size: 82cqi;
+  }
+  :where([frame\:max-width="82cqi"]) {
+    max-inline-size: 82cqi;
+  }
+  :where([frame\:width="83"]) {
+    max-inline-size: 83rem;
+  }
+  :where([frame\:max-width="83"]) {
+    max-inline-size: 83rem;
+  }
+  :where([frame\:width="83cqi"]) {
+    max-inline-size: 83cqi;
+  }
+  :where([frame\:max-width="83cqi"]) {
+    max-inline-size: 83cqi;
+  }
+  :where([frame\:width="84"]) {
+    max-inline-size: 84rem;
+  }
+  :where([frame\:max-width="84"]) {
+    max-inline-size: 84rem;
+  }
+  :where([frame\:width="84cqi"]) {
+    max-inline-size: 84cqi;
+  }
+  :where([frame\:max-width="84cqi"]) {
+    max-inline-size: 84cqi;
+  }
+  :where([frame\:width="85"]) {
+    max-inline-size: 85rem;
+  }
+  :where([frame\:max-width="85"]) {
+    max-inline-size: 85rem;
+  }
+  :where([frame\:width="85cqi"]) {
+    max-inline-size: 85cqi;
+  }
+  :where([frame\:max-width="85cqi"]) {
+    max-inline-size: 85cqi;
+  }
+  :where([frame\:width="86"]) {
+    max-inline-size: 86rem;
+  }
+  :where([frame\:max-width="86"]) {
+    max-inline-size: 86rem;
+  }
+  :where([frame\:width="86cqi"]) {
+    max-inline-size: 86cqi;
+  }
+  :where([frame\:max-width="86cqi"]) {
+    max-inline-size: 86cqi;
+  }
+  :where([frame\:width="87"]) {
+    max-inline-size: 87rem;
+  }
+  :where([frame\:max-width="87"]) {
+    max-inline-size: 87rem;
+  }
+  :where([frame\:width="87cqi"]) {
+    max-inline-size: 87cqi;
+  }
+  :where([frame\:max-width="87cqi"]) {
+    max-inline-size: 87cqi;
+  }
+  :where([frame\:width="88"]) {
+    max-inline-size: 88rem;
+  }
+  :where([frame\:max-width="88"]) {
+    max-inline-size: 88rem;
+  }
+  :where([frame\:width="88cqi"]) {
+    max-inline-size: 88cqi;
+  }
+  :where([frame\:max-width="88cqi"]) {
+    max-inline-size: 88cqi;
+  }
+  :where([frame\:width="89"]) {
+    max-inline-size: 89rem;
+  }
+  :where([frame\:max-width="89"]) {
+    max-inline-size: 89rem;
+  }
+  :where([frame\:width="89cqi"]) {
+    max-inline-size: 89cqi;
+  }
+  :where([frame\:max-width="89cqi"]) {
+    max-inline-size: 89cqi;
+  }
+  :where([frame\:width="90"]) {
+    max-inline-size: 90rem;
+  }
+  :where([frame\:max-width="90"]) {
+    max-inline-size: 90rem;
+  }
+  :where([frame\:width="90cqi"]) {
+    max-inline-size: 90cqi;
+  }
+  :where([frame\:max-width="90cqi"]) {
+    max-inline-size: 90cqi;
+  }
+  :where([frame\:width="91"]) {
+    max-inline-size: 91rem;
+  }
+  :where([frame\:max-width="91"]) {
+    max-inline-size: 91rem;
+  }
+  :where([frame\:width="91cqi"]) {
+    max-inline-size: 91cqi;
+  }
+  :where([frame\:max-width="91cqi"]) {
+    max-inline-size: 91cqi;
+  }
+  :where([frame\:width="92"]) {
+    max-inline-size: 92rem;
+  }
+  :where([frame\:max-width="92"]) {
+    max-inline-size: 92rem;
+  }
+  :where([frame\:width="92cqi"]) {
+    max-inline-size: 92cqi;
+  }
+  :where([frame\:max-width="92cqi"]) {
+    max-inline-size: 92cqi;
+  }
+  :where([frame\:width="93"]) {
+    max-inline-size: 93rem;
+  }
+  :where([frame\:max-width="93"]) {
+    max-inline-size: 93rem;
+  }
+  :where([frame\:width="93cqi"]) {
+    max-inline-size: 93cqi;
+  }
+  :where([frame\:max-width="93cqi"]) {
+    max-inline-size: 93cqi;
+  }
+  :where([frame\:width="94"]) {
+    max-inline-size: 94rem;
+  }
+  :where([frame\:max-width="94"]) {
+    max-inline-size: 94rem;
+  }
+  :where([frame\:width="94cqi"]) {
+    max-inline-size: 94cqi;
+  }
+  :where([frame\:max-width="94cqi"]) {
+    max-inline-size: 94cqi;
+  }
+  :where([frame\:width="95"]) {
+    max-inline-size: 95rem;
+  }
+  :where([frame\:max-width="95"]) {
+    max-inline-size: 95rem;
+  }
+  :where([frame\:width="95cqi"]) {
+    max-inline-size: 95cqi;
+  }
+  :where([frame\:max-width="95cqi"]) {
+    max-inline-size: 95cqi;
+  }
+  :where([frame\:width="96"]) {
+    max-inline-size: 96rem;
+  }
+  :where([frame\:max-width="96"]) {
+    max-inline-size: 96rem;
+  }
+  :where([frame\:width="96cqi"]) {
+    max-inline-size: 96cqi;
+  }
+  :where([frame\:max-width="96cqi"]) {
+    max-inline-size: 96cqi;
+  }
+  :where([frame\:width="97"]) {
+    max-inline-size: 97rem;
+  }
+  :where([frame\:max-width="97"]) {
+    max-inline-size: 97rem;
+  }
+  :where([frame\:width="97cqi"]) {
+    max-inline-size: 97cqi;
+  }
+  :where([frame\:max-width="97cqi"]) {
+    max-inline-size: 97cqi;
+  }
+  :where([frame\:width="98"]) {
+    max-inline-size: 98rem;
+  }
+  :where([frame\:max-width="98"]) {
+    max-inline-size: 98rem;
+  }
+  :where([frame\:width="98cqi"]) {
+    max-inline-size: 98cqi;
+  }
+  :where([frame\:max-width="98cqi"]) {
+    max-inline-size: 98cqi;
+  }
+  :where([frame\:width="99"]) {
+    max-inline-size: 99rem;
+  }
+  :where([frame\:max-width="99"]) {
+    max-inline-size: 99rem;
+  }
+  :where([frame\:width="99cqi"]) {
+    max-inline-size: 99cqi;
+  }
+  :where([frame\:max-width="99cqi"]) {
+    max-inline-size: 99cqi;
+  }
+  :where([frame\:width="100"]) {
+    max-inline-size: 100rem;
+  }
+  :where([frame\:max-width="100"]) {
+    max-inline-size: 100rem;
+  }
+  :where([frame\:width="100cqi"]) {
+    max-inline-size: 100cqi;
+  }
+  :where([frame\:max-width="100cqi"]) {
+    max-inline-size: 100cqi;
+  }
+  :where(scroll-view > [frame\:alignment=leading],
+  v-stack > [frame\:alignment=leading]) {
+    justify-self: start;
+  }
+  :where(scroll-view > [frame\:anchor=leading],
+  v-stack > [frame\:anchor=leading]) {
+    align-self: start;
+  }
+  :where(scroll-view > [frame\:alignment=center],
+  v-stack > [frame\:alignment=center]) {
+    justify-self: center;
+  }
+  :where(scroll-view > [frame\:anchor=center],
+  v-stack > [frame\:anchor=center]) {
+    align-self: center;
+  }
+  :where(scroll-view > [frame\:alignment=trailing],
+  v-stack > [frame\:alignment=trailing]) {
+    justify-self: end;
+  }
+  :where(scroll-view > [frame\:anchor=trailing],
+  v-stack > [frame\:anchor=trailing]) {
+    align-self: end;
+  }
+  :where(scroll-view > [frame\:alignment=fill],
+  v-stack > [frame\:alignment=fill]) {
+    justify-self: stretch;
+  }
+  :where(scroll-view > [frame\:anchor=fill],
+  v-stack > [frame\:anchor=fill]) {
+    align-self: stretch;
+  }
+  :where(h-stack > [frame\:alignment=leading]) {
+    align-self: start;
+  }
+  :where(h-stack > [frame\:anchor=leading]) {
+    justify-self: start;
+  }
+  :where(h-stack > [frame\:alignment=center]) {
+    align-self: center;
+  }
+  :where(h-stack > [frame\:anchor=center]) {
+    justify-self: center;
+  }
+  :where(h-stack > [frame\:alignment=trailing]) {
+    align-self: end;
+  }
+  :where(h-stack > [frame\:anchor=trailing]) {
+    justify-self: end;
+  }
+  :where(h-stack > [frame\:alignment=fill]) {
+    align-self: stretch;
+  }
+  :where(h-stack > [frame\:anchor=fill]) {
+    justify-self: stretch;
+  }
+  @media (prefers-reduced-motion: no-preference) {
+    :where([slow]) {
+      visibility: visible;
+      transition: opacity 250ms ease-out allow-discrete;
+      will-change: opacity;
+    }
+    :where([slow=hide]) {
+      opacity: 0;
+    }
+    @starting-style {
+      :where([slow=hide]) {
+        opacity: 1;
+      }
+    }
+    :where([slow=show]) {
+      opacity: 1;
+    }
+    @starting-style {
+      :where([slow=show]) {
+        opacity: 0;
+      }
+    }
+  }
+}
+@layer sw-components {
+  :where(v-stack[readable]) {
+    inline-size: 100%;
+    justify-self: center;
+  }
+  :where(v-stack[readable="0"]) {
+    max-inline-size: 0rem;
+  }
+  :where(v-stack[readable="0cqi"]) {
+    max-inline-size: 0cqi;
+  }
+  :where(v-stack[readable="1"]) {
+    max-inline-size: 1rem;
+  }
+  :where(v-stack[readable="1cqi"]) {
+    max-inline-size: 1cqi;
+  }
+  :where(v-stack[readable="2"]) {
+    max-inline-size: 2rem;
+  }
+  :where(v-stack[readable="2cqi"]) {
+    max-inline-size: 2cqi;
+  }
+  :where(v-stack[readable="3"]) {
+    max-inline-size: 3rem;
+  }
+  :where(v-stack[readable="3cqi"]) {
+    max-inline-size: 3cqi;
+  }
+  :where(v-stack[readable="4"]) {
+    max-inline-size: 4rem;
+  }
+  :where(v-stack[readable="4cqi"]) {
+    max-inline-size: 4cqi;
+  }
+  :where(v-stack[readable="5"]) {
+    max-inline-size: 5rem;
+  }
+  :where(v-stack[readable="5cqi"]) {
+    max-inline-size: 5cqi;
+  }
+  :where(v-stack[readable="6"]) {
+    max-inline-size: 6rem;
+  }
+  :where(v-stack[readable="6cqi"]) {
+    max-inline-size: 6cqi;
+  }
+  :where(v-stack[readable="7"]) {
+    max-inline-size: 7rem;
+  }
+  :where(v-stack[readable="7cqi"]) {
+    max-inline-size: 7cqi;
+  }
+  :where(v-stack[readable="8"]) {
+    max-inline-size: 8rem;
+  }
+  :where(v-stack[readable="8cqi"]) {
+    max-inline-size: 8cqi;
+  }
+  :where(v-stack[readable="9"]) {
+    max-inline-size: 9rem;
+  }
+  :where(v-stack[readable="9cqi"]) {
+    max-inline-size: 9cqi;
+  }
+  :where(v-stack[readable="10"]) {
+    max-inline-size: 10rem;
+  }
+  :where(v-stack[readable="10cqi"]) {
+    max-inline-size: 10cqi;
+  }
+  :where(v-stack[readable="11"]) {
+    max-inline-size: 11rem;
+  }
+  :where(v-stack[readable="11cqi"]) {
+    max-inline-size: 11cqi;
+  }
+  :where(v-stack[readable="12"]) {
+    max-inline-size: 12rem;
+  }
+  :where(v-stack[readable="12cqi"]) {
+    max-inline-size: 12cqi;
+  }
+  :where(v-stack[readable="13"]) {
+    max-inline-size: 13rem;
+  }
+  :where(v-stack[readable="13cqi"]) {
+    max-inline-size: 13cqi;
+  }
+  :where(v-stack[readable="14"]) {
+    max-inline-size: 14rem;
+  }
+  :where(v-stack[readable="14cqi"]) {
+    max-inline-size: 14cqi;
+  }
+  :where(v-stack[readable="15"]) {
+    max-inline-size: 15rem;
+  }
+  :where(v-stack[readable="15cqi"]) {
+    max-inline-size: 15cqi;
+  }
+  :where(v-stack[readable="16"]) {
+    max-inline-size: 16rem;
+  }
+  :where(v-stack[readable="16cqi"]) {
+    max-inline-size: 16cqi;
+  }
+  :where(v-stack[readable="17"]) {
+    max-inline-size: 17rem;
+  }
+  :where(v-stack[readable="17cqi"]) {
+    max-inline-size: 17cqi;
+  }
+  :where(v-stack[readable="18"]) {
+    max-inline-size: 18rem;
+  }
+  :where(v-stack[readable="18cqi"]) {
+    max-inline-size: 18cqi;
+  }
+  :where(v-stack[readable="19"]) {
+    max-inline-size: 19rem;
+  }
+  :where(v-stack[readable="19cqi"]) {
+    max-inline-size: 19cqi;
+  }
+  :where(v-stack[readable="20"]) {
+    max-inline-size: 20rem;
+  }
+  :where(v-stack[readable="20cqi"]) {
+    max-inline-size: 20cqi;
+  }
+  :where(v-stack[readable="21"]) {
+    max-inline-size: 21rem;
+  }
+  :where(v-stack[readable="21cqi"]) {
+    max-inline-size: 21cqi;
+  }
+  :where(v-stack[readable="22"]) {
+    max-inline-size: 22rem;
+  }
+  :where(v-stack[readable="22cqi"]) {
+    max-inline-size: 22cqi;
+  }
+  :where(v-stack[readable="23"]) {
+    max-inline-size: 23rem;
+  }
+  :where(v-stack[readable="23cqi"]) {
+    max-inline-size: 23cqi;
+  }
+  :where(v-stack[readable="24"]) {
+    max-inline-size: 24rem;
+  }
+  :where(v-stack[readable="24cqi"]) {
+    max-inline-size: 24cqi;
+  }
+  :where(v-stack[readable="25"]) {
+    max-inline-size: 25rem;
+  }
+  :where(v-stack[readable="25cqi"]) {
+    max-inline-size: 25cqi;
+  }
+  :where(v-stack[readable="26"]) {
+    max-inline-size: 26rem;
+  }
+  :where(v-stack[readable="26cqi"]) {
+    max-inline-size: 26cqi;
+  }
+  :where(v-stack[readable="27"]) {
+    max-inline-size: 27rem;
+  }
+  :where(v-stack[readable="27cqi"]) {
+    max-inline-size: 27cqi;
+  }
+  :where(v-stack[readable="28"]) {
+    max-inline-size: 28rem;
+  }
+  :where(v-stack[readable="28cqi"]) {
+    max-inline-size: 28cqi;
+  }
+  :where(v-stack[readable="29"]) {
+    max-inline-size: 29rem;
+  }
+  :where(v-stack[readable="29cqi"]) {
+    max-inline-size: 29cqi;
+  }
+  :where(v-stack[readable="30"]) {
+    max-inline-size: 30rem;
+  }
+  :where(v-stack[readable="30cqi"]) {
+    max-inline-size: 30cqi;
+  }
+  :where(v-stack[readable="31"]) {
+    max-inline-size: 31rem;
+  }
+  :where(v-stack[readable="31cqi"]) {
+    max-inline-size: 31cqi;
+  }
+  :where(v-stack[readable="32"]) {
+    max-inline-size: 32rem;
+  }
+  :where(v-stack[readable="32cqi"]) {
+    max-inline-size: 32cqi;
+  }
+  :where(v-stack[readable="33"]) {
+    max-inline-size: 33rem;
+  }
+  :where(v-stack[readable="33cqi"]) {
+    max-inline-size: 33cqi;
+  }
+  :where(v-stack[readable="34"]) {
+    max-inline-size: 34rem;
+  }
+  :where(v-stack[readable="34cqi"]) {
+    max-inline-size: 34cqi;
+  }
+  :where(v-stack[readable="35"]) {
+    max-inline-size: 35rem;
+  }
+  :where(v-stack[readable="35cqi"]) {
+    max-inline-size: 35cqi;
+  }
+  :where(v-stack[readable="36"]) {
+    max-inline-size: 36rem;
+  }
+  :where(v-stack[readable="36cqi"]) {
+    max-inline-size: 36cqi;
+  }
+  :where(v-stack[readable="37"]) {
+    max-inline-size: 37rem;
+  }
+  :where(v-stack[readable="37cqi"]) {
+    max-inline-size: 37cqi;
+  }
+  :where(v-stack[readable="38"]) {
+    max-inline-size: 38rem;
+  }
+  :where(v-stack[readable="38cqi"]) {
+    max-inline-size: 38cqi;
+  }
+  :where(v-stack[readable="39"]) {
+    max-inline-size: 39rem;
+  }
+  :where(v-stack[readable="39cqi"]) {
+    max-inline-size: 39cqi;
+  }
+  :where(v-stack[readable="40"]) {
+    max-inline-size: 40rem;
+  }
+  :where(v-stack[readable="40cqi"]) {
+    max-inline-size: 40cqi;
+  }
+  :where(v-stack[readable="41"]) {
+    max-inline-size: 41rem;
+  }
+  :where(v-stack[readable="41cqi"]) {
+    max-inline-size: 41cqi;
+  }
+  :where(v-stack[readable="42"]) {
+    max-inline-size: 42rem;
+  }
+  :where(v-stack[readable="42cqi"]) {
+    max-inline-size: 42cqi;
+  }
+  :where(v-stack[readable="43"]) {
+    max-inline-size: 43rem;
+  }
+  :where(v-stack[readable="43cqi"]) {
+    max-inline-size: 43cqi;
+  }
+  :where(v-stack[readable="44"]) {
+    max-inline-size: 44rem;
+  }
+  :where(v-stack[readable="44cqi"]) {
+    max-inline-size: 44cqi;
+  }
+  :where(v-stack[readable="45"]) {
+    max-inline-size: 45rem;
+  }
+  :where(v-stack[readable="45cqi"]) {
+    max-inline-size: 45cqi;
+  }
+  :where(v-stack[readable="46"]) {
+    max-inline-size: 46rem;
+  }
+  :where(v-stack[readable="46cqi"]) {
+    max-inline-size: 46cqi;
+  }
+  :where(v-stack[readable="47"]) {
+    max-inline-size: 47rem;
+  }
+  :where(v-stack[readable="47cqi"]) {
+    max-inline-size: 47cqi;
+  }
+  :where(v-stack[readable="48"]) {
+    max-inline-size: 48rem;
+  }
+  :where(v-stack[readable="48cqi"]) {
+    max-inline-size: 48cqi;
+  }
+  :where(v-stack[readable="49"]) {
+    max-inline-size: 49rem;
+  }
+  :where(v-stack[readable="49cqi"]) {
+    max-inline-size: 49cqi;
+  }
+  :where(v-stack[readable="50"]) {
+    max-inline-size: 50rem;
+  }
+  :where(v-stack[readable="50cqi"]) {
+    max-inline-size: 50cqi;
+  }
+  :where(v-stack[readable="51"]) {
+    max-inline-size: 51rem;
+  }
+  :where(v-stack[readable="51cqi"]) {
+    max-inline-size: 51cqi;
+  }
+  :where(v-stack[readable="52"]) {
+    max-inline-size: 52rem;
+  }
+  :where(v-stack[readable="52cqi"]) {
+    max-inline-size: 52cqi;
+  }
+  :where(v-stack[readable="53"]) {
+    max-inline-size: 53rem;
+  }
+  :where(v-stack[readable="53cqi"]) {
+    max-inline-size: 53cqi;
+  }
+  :where(v-stack[readable="54"]) {
+    max-inline-size: 54rem;
+  }
+  :where(v-stack[readable="54cqi"]) {
+    max-inline-size: 54cqi;
+  }
+  :where(v-stack[readable="55"]) {
+    max-inline-size: 55rem;
+  }
+  :where(v-stack[readable="55cqi"]) {
+    max-inline-size: 55cqi;
+  }
+  :where(v-stack[readable="56"]) {
+    max-inline-size: 56rem;
+  }
+  :where(v-stack[readable="56cqi"]) {
+    max-inline-size: 56cqi;
+  }
+  :where(v-stack[readable="57"]) {
+    max-inline-size: 57rem;
+  }
+  :where(v-stack[readable="57cqi"]) {
+    max-inline-size: 57cqi;
+  }
+  :where(v-stack[readable="58"]) {
+    max-inline-size: 58rem;
+  }
+  :where(v-stack[readable="58cqi"]) {
+    max-inline-size: 58cqi;
+  }
+  :where(v-stack[readable="59"]) {
+    max-inline-size: 59rem;
+  }
+  :where(v-stack[readable="59cqi"]) {
+    max-inline-size: 59cqi;
+  }
+  :where(v-stack[readable="60"]) {
+    max-inline-size: 60rem;
+  }
+  :where(v-stack[readable="60cqi"]) {
+    max-inline-size: 60cqi;
+  }
+  :where(v-stack[readable="61"]) {
+    max-inline-size: 61rem;
+  }
+  :where(v-stack[readable="61cqi"]) {
     max-inline-size: 61cqi;
   }
-  :where([frame\:max-width="62"]) {
+  :where(v-stack[readable="62"]) {
     max-inline-size: 62rem;
   }
-  :where([frame\:max-width="62cqi"]) {
+  :where(v-stack[readable="62cqi"]) {
     max-inline-size: 62cqi;
   }
-  :where([frame\:max-width="63"]) {
+  :where(v-stack[readable="63"]) {
     max-inline-size: 63rem;
   }
-  :where([frame\:max-width="63cqi"]) {
+  :where(v-stack[readable="63cqi"]) {
     max-inline-size: 63cqi;
   }
-  :where([frame\:max-width="64"]) {
+  :where(v-stack[readable="64"]) {
     max-inline-size: 64rem;
   }
-  :where([frame\:max-width="64cqi"]) {
+  :where(v-stack[readable="64cqi"]) {
     max-inline-size: 64cqi;
   }
-  :where([frame\:max-width="65"]) {
+  :where(v-stack[readable="65"]) {
     max-inline-size: 65rem;
   }
-  :where([frame\:max-width="65cqi"]) {
+  :where(v-stack[readable="65cqi"]) {
     max-inline-size: 65cqi;
   }
-  :where([frame\:max-width="66"]) {
+  :where(v-stack[readable="66"]) {
     max-inline-size: 66rem;
   }
-  :where([frame\:max-width="66cqi"]) {
+  :where(v-stack[readable="66cqi"]) {
     max-inline-size: 66cqi;
   }
-  :where([frame\:max-width="67"]) {
+  :where(v-stack[readable="67"]) {
     max-inline-size: 67rem;
   }
-  :where([frame\:max-width="67cqi"]) {
+  :where(v-stack[readable="67cqi"]) {
     max-inline-size: 67cqi;
   }
-  :where([frame\:max-width="68"]) {
+  :where(v-stack[readable="68"]) {
     max-inline-size: 68rem;
   }
-  :where([frame\:max-width="68cqi"]) {
+  :where(v-stack[readable="68cqi"]) {
     max-inline-size: 68cqi;
   }
-  :where([frame\:max-width="69"]) {
+  :where(v-stack[readable="69"]) {
     max-inline-size: 69rem;
   }
-  :where([frame\:max-width="69cqi"]) {
+  :where(v-stack[readable="69cqi"]) {
     max-inline-size: 69cqi;
   }
-  :where([frame\:max-width="70"]) {
+  :where(v-stack[readable="70"]) {
     max-inline-size: 70rem;
   }
-  :where([frame\:max-width="70cqi"]) {
+  :where(v-stack[readable="70cqi"]) {
     max-inline-size: 70cqi;
   }
-  :where([frame\:max-width="71"]) {
+  :where(v-stack[readable="71"]) {
     max-inline-size: 71rem;
   }
-  :where([frame\:max-width="71cqi"]) {
+  :where(v-stack[readable="71cqi"]) {
     max-inline-size: 71cqi;
   }
-  :where([frame\:max-width="72"]) {
+  :where(v-stack[readable="72"]) {
     max-inline-size: 72rem;
   }
-  :where([frame\:max-width="72cqi"]) {
+  :where(v-stack[readable="72cqi"]) {
     max-inline-size: 72cqi;
   }
-  :where([frame\:max-width="73"]) {
+  :where(v-stack[readable="73"]) {
     max-inline-size: 73rem;
   }
-  :where([frame\:max-width="73cqi"]) {
+  :where(v-stack[readable="73cqi"]) {
     max-inline-size: 73cqi;
   }
-  :where([frame\:max-width="74"]) {
+  :where(v-stack[readable="74"]) {
     max-inline-size: 74rem;
   }
-  :where([frame\:max-width="74cqi"]) {
+  :where(v-stack[readable="74cqi"]) {
     max-inline-size: 74cqi;
   }
-  :where([frame\:max-width="75"]) {
+  :where(v-stack[readable="75"]) {
     max-inline-size: 75rem;
   }
-  :where([frame\:max-width="75cqi"]) {
+  :where(v-stack[readable="75cqi"]) {
     max-inline-size: 75cqi;
   }
-  :where([frame\:max-width="76"]) {
+  :where(v-stack[readable="76"]) {
     max-inline-size: 76rem;
   }
-  :where([frame\:max-width="76cqi"]) {
+  :where(v-stack[readable="76cqi"]) {
     max-inline-size: 76cqi;
   }
-  :where([frame\:max-width="77"]) {
+  :where(v-stack[readable="77"]) {
     max-inline-size: 77rem;
   }
-  :where([frame\:max-width="77cqi"]) {
+  :where(v-stack[readable="77cqi"]) {
     max-inline-size: 77cqi;
   }
-  :where([frame\:max-width="78"]) {
+  :where(v-stack[readable="78"]) {
     max-inline-size: 78rem;
   }
-  :where([frame\:max-width="78cqi"]) {
+  :where(v-stack[readable="78cqi"]) {
     max-inline-size: 78cqi;
   }
-  :where([frame\:max-width="79"]) {
+  :where(v-stack[readable="79"]) {
     max-inline-size: 79rem;
   }
-  :where([frame\:max-width="79cqi"]) {
+  :where(v-stack[readable="79cqi"]) {
     max-inline-size: 79cqi;
   }
-  :where([frame\:max-width="80"]) {
+  :where(v-stack[readable="80"]) {
     max-inline-size: 80rem;
   }
-  :where([frame\:max-width="80cqi"]) {
+  :where(v-stack[readable="80cqi"]) {
     max-inline-size: 80cqi;
   }
-  :where([frame\:max-width="81"]) {
+  :where(v-stack[readable="81"]) {
     max-inline-size: 81rem;
   }
-  :where([frame\:max-width="81cqi"]) {
+  :where(v-stack[readable="81cqi"]) {
     max-inline-size: 81cqi;
   }
-  :where([frame\:max-width="82"]) {
+  :where(v-stack[readable="82"]) {
     max-inline-size: 82rem;
   }
-  :where([frame\:max-width="82cqi"]) {
+  :where(v-stack[readable="82cqi"]) {
     max-inline-size: 82cqi;
   }
-  :where([frame\:max-width="83"]) {
+  :where(v-stack[readable="83"]) {
     max-inline-size: 83rem;
   }
-  :where([frame\:max-width="83cqi"]) {
+  :where(v-stack[readable="83cqi"]) {
     max-inline-size: 83cqi;
   }
-  :where([frame\:max-width="84"]) {
+  :where(v-stack[readable="84"]) {
     max-inline-size: 84rem;
   }
-  :where([frame\:max-width="84cqi"]) {
+  :where(v-stack[readable="84cqi"]) {
     max-inline-size: 84cqi;
   }
-  :where([frame\:max-width="85"]) {
+  :where(v-stack[readable="85"]) {
     max-inline-size: 85rem;
   }
-  :where([frame\:max-width="85cqi"]) {
+  :where(v-stack[readable="85cqi"]) {
     max-inline-size: 85cqi;
   }
-  :where([frame\:max-width="86"]) {
+  :where(v-stack[readable="86"]) {
     max-inline-size: 86rem;
   }
-  :where([frame\:max-width="86cqi"]) {
+  :where(v-stack[readable="86cqi"]) {
     max-inline-size: 86cqi;
   }
-  :where([frame\:max-width="87"]) {
+  :where(v-stack[readable="87"]) {
     max-inline-size: 87rem;
   }
-  :where([frame\:max-width="87cqi"]) {
+  :where(v-stack[readable="87cqi"]) {
     max-inline-size: 87cqi;
   }
-  :where([frame\:max-width="88"]) {
+  :where(v-stack[readable="88"]) {
     max-inline-size: 88rem;
   }
-  :where([frame\:max-width="88cqi"]) {
+  :where(v-stack[readable="88cqi"]) {
     max-inline-size: 88cqi;
   }
-  :where([frame\:max-width="89"]) {
+  :where(v-stack[readable="89"]) {
     max-inline-size: 89rem;
   }
-  :where([frame\:max-width="89cqi"]) {
+  :where(v-stack[readable="89cqi"]) {
     max-inline-size: 89cqi;
   }
-  :where([frame\:max-width="90"]) {
+  :where(v-stack[readable="90"]) {
     max-inline-size: 90rem;
   }
-  :where([frame\:max-width="90cqi"]) {
+  :where(v-stack[readable="90cqi"]) {
     max-inline-size: 90cqi;
   }
-  :where([frame\:max-width="91"]) {
+  :where(v-stack[readable="91"]) {
     max-inline-size: 91rem;
   }
-  :where([frame\:max-width="91cqi"]) {
+  :where(v-stack[readable="91cqi"]) {
     max-inline-size: 91cqi;
   }
-  :where([frame\:max-width="92"]) {
+  :where(v-stack[readable="92"]) {
     max-inline-size: 92rem;
   }
-  :where([frame\:max-width="92cqi"]) {
+  :where(v-stack[readable="92cqi"]) {
     max-inline-size: 92cqi;
   }
-  :where([frame\:max-width="93"]) {
+  :where(v-stack[readable="93"]) {
     max-inline-size: 93rem;
   }
-  :where([frame\:max-width="93cqi"]) {
+  :where(v-stack[readable="93cqi"]) {
     max-inline-size: 93cqi;
   }
-  :where([frame\:max-width="94"]) {
+  :where(v-stack[readable="94"]) {
     max-inline-size: 94rem;
   }
-  :where([frame\:max-width="94cqi"]) {
+  :where(v-stack[readable="94cqi"]) {
     max-inline-size: 94cqi;
   }
-  :where([frame\:max-width="95"]) {
+  :where(v-stack[readable="95"]) {
     max-inline-size: 95rem;
   }
-  :where([frame\:max-width="95cqi"]) {
+  :where(v-stack[readable="95cqi"]) {
     max-inline-size: 95cqi;
   }
-  :where([frame\:max-width="96"]) {
+  :where(v-stack[readable="96"]) {
     max-inline-size: 96rem;
   }
-  :where([frame\:max-width="96cqi"]) {
+  :where(v-stack[readable="96cqi"]) {
     max-inline-size: 96cqi;
   }
-  :where([frame\:max-width="97"]) {
+  :where(v-stack[readable="97"]) {
     max-inline-size: 97rem;
   }
-  :where([frame\:max-width="97cqi"]) {
+  :where(v-stack[readable="97cqi"]) {
     max-inline-size: 97cqi;
   }
-  :where([frame\:max-width="98"]) {
+  :where(v-stack[readable="98"]) {
     max-inline-size: 98rem;
   }
-  :where([frame\:max-width="98cqi"]) {
+  :where(v-stack[readable="98cqi"]) {
     max-inline-size: 98cqi;
   }
-  :where([frame\:max-width="99"]) {
+  :where(v-stack[readable="99"]) {
     max-inline-size: 99rem;
   }
-  :where([frame\:max-width="99cqi"]) {
+  :where(v-stack[readable="99cqi"]) {
     max-inline-size: 99cqi;
   }
-  :where([frame\:max-width="100"]) {
+  :where(v-stack[readable="100"]) {
     max-inline-size: 100rem;
   }
-  :where([frame\:max-width="100cqi"]) {
+  :where(v-stack[readable="100cqi"]) {
     max-inline-size: 100cqi;
   }
-  :where(scroll-view > [frame\:alignment=leading],
-  v-stack > [frame\:alignment=leading]) {
-    justify-self: start;
-  }
-  :where(scroll-view > [frame\:anchor=leading],
-  v-stack > [frame\:anchor=leading]) {
-    align-self: start;
-  }
-  :where(scroll-view > [frame\:alignment=center],
-  v-stack > [frame\:alignment=center]) {
-    justify-self: center;
-  }
-  :where(scroll-view > [frame\:anchor=center],
-  v-stack > [frame\:anchor=center]) {
-    align-self: center;
-  }
-  :where(scroll-view > [frame\:alignment=trailing],
-  v-stack > [frame\:alignment=trailing]) {
-    justify-self: end;
-  }
-  :where(scroll-view > [frame\:anchor=trailing],
-  v-stack > [frame\:anchor=trailing]) {
-    align-self: end;
-  }
-  :where(scroll-view > [frame\:alignment=fill],
-  v-stack > [frame\:alignment=fill]) {
-    justify-self: stretch;
-  }
-  :where(scroll-view > [frame\:anchor=fill],
-  v-stack > [frame\:anchor=fill]) {
-    align-self: stretch;
-  }
-  :where(h-stack > [frame\:alignment=leading]) {
-    align-self: start;
-  }
-  :where(h-stack > [frame\:anchor=leading]) {
-    justify-self: start;
-  }
-  :where(h-stack > [frame\:alignment=center]) {
-    align-self: center;
-  }
-  :where(h-stack > [frame\:anchor=center]) {
-    justify-self: center;
-  }
-  :where(h-stack > [frame\:alignment=trailing]) {
-    align-self: end;
-  }
-  :where(h-stack > [frame\:anchor=trailing]) {
-    justify-self: end;
-  }
-  :where(h-stack > [frame\:alignment=fill]) {
-    align-self: stretch;
-  }
-  :where(h-stack > [frame\:anchor=fill]) {
-    justify-self: stretch;
-  }
-  @media (prefers-reduced-motion: no-preference) {
-    :where([slow]) {
-      visibility: visible;
-      transition: opacity 250ms ease-out allow-discrete;
-      will-change: opacity;
-    }
-    :where([slow=hide]) {
-      opacity: 0;
-    }
-    @starting-style {
-      :where([slow=hide]) {
-        opacity: 1;
-      }
-    }
-    :where([slow=show]) {
-      opacity: 1;
-    }
-    @starting-style {
-      :where([slow=show]) {
-        opacity: 0;
-      }
-    }
-  }
 }
 @layer sw-utils {
   h-stack[distribution=leading],
@@ -6824,81 +8094,81 @@
     justify-items: stretch  ;
     justify-content: stretch  ;
   }
-  v-stack[distribution=leading],
-  h-flex-stack[distribution=leading] {
+  :where(v-stack[distribution=leading],
+  h-flex-stack[distribution=leading]) {
     align-items: start  ;
     align-content: start  ;
   }
-  v-stack[distribution="leading fill"],
-  h-flex-stack[distribution="leading fill"] {
+  :where(v-stack[distribution="leading fill"],
+  h-flex-stack[distribution="leading fill"]) {
     align-items: start  ;
     align-content: stretch  ;
   }
-  v-stack[distribution=center],
-  h-flex-stack[distribution=center] {
+  :where(v-stack[distribution=center],
+  h-flex-stack[distribution=center]) {
     align-items: center  ;
     align-content: center  ;
   }
-  v-stack[distribution=trailing],
-  h-flex-stack[distribution=trailing] {
+  :where(v-stack[distribution=trailing],
+  h-flex-stack[distribution=trailing]) {
     align-items: end  ;
     align-content: end  ;
   }
-  v-stack[distribution=fill],
-  h-flex-stack[distribution=fill] {
+  :where(v-stack[distribution=fill],
+  h-flex-stack[distribution=fill]) {
     align-items: stretch  ;
     align-content: stretch  ;
   }
-  v-stack[distribution=space-between],
-  h-flex-stack[distribution=space-between] {
+  :where(v-stack[distribution=space-between],
+  h-flex-stack[distribution=space-between]) {
     align-content: space-between  ;
   }
-  v-stack[alignment=leading],
-  h-flex-stack[alignment=leading] {
+  :where(v-stack[alignment=leading],
+  h-flex-stack[alignment=leading]) {
     justify-items: start  ;
     justify-content: start  ;
   }
-  v-stack[alignment="leading fill"],
-  h-flex-stack[alignment="leading fill"] {
+  :where(v-stack[alignment="leading fill"],
+  h-flex-stack[alignment="leading fill"]) {
     justify-items: start  ;
     justify-content: stretch  ;
   }
-  v-stack[alignment=center],
-  h-flex-stack[alignment=center] {
+  :where(v-stack[alignment=center],
+  h-flex-stack[alignment=center]) {
     justify-items: center  ;
     justify-content: center  ;
   }
-  v-stack[alignment=trailing],
-  h-flex-stack[alignment=trailing] {
+  :where(v-stack[alignment=trailing],
+  h-flex-stack[alignment=trailing]) {
     justify-items: end  ;
     justify-content: end  ;
   }
-  v-stack[alignment=fill],
-  h-flex-stack[alignment=fill] {
+  :where(v-stack[alignment=fill],
+  h-flex-stack[alignment=fill]) {
     justify-items: stretch  ;
     justify-content: stretch  ;
   }
-  v-stack[alignment=space-between],
-  h-flex-stack[alignment=space-between] {
+  :where(v-stack[alignment=space-between],
+  h-flex-stack[alignment=space-between]) {
     justify-content: space-between  ;
   }
-  v-stack[placement=fill],
-  h-flex-stack[placement=fill] {
+  :where(v-stack[placement=fill],
+  h-flex-stack[placement=fill]) {
     place-items: stretch  ;
     place-content: stretch  ;
   }
-  v-stack[placement="leading fill"],
-  h-flex-stack[placement="leading fill"] {
+  :where(v-stack[placement="leading fill"],
+  h-flex-stack[placement="leading fill"]) {
     place-items: start stretch  ;
     place-content: start stretch  ;
   }
-  v-stack[placement="fill leading"],
-  h-flex-stack[placement="fill leading"] {
+  :where(v-stack[placement="fill leading"],
+  h-flex-stack[placement="fill leading"]) {
     place-items: stretch start  ;
     place-content: stretch start  ;
   }
-  v-stack[placement="space-between fill"],
-  h-flex-stack[placement="space-between fill"] {
+  :where(v-stack[placement="space-between fill"],
+  h-flex-stack[placement="space-between fill"]) {
     align-content: space-between  ;
     justify-items: stretch  ;
     justify-content: stretch  ;
@@ -7147,6 +8417,12 @@
     padding-inline: 1rem;
   }
 }
+@layer sw-components {
+  :where(v-stack[readable]) {
+    place-items: start stretch  ;
+    place-content: start stretch  ;
+  }
+}
 @layer sw-utils {
   :where([padding-horizontal="0"]) {
     padding-inline: 0rem;