@adobe/react-spectrum 3.47.0 → 3.47.2

package/dist/private/menu_vars.css

@@ -1,85 +1,94 @@
-.gO9Mdq_i18nFontFamily {
+.GeiM8a_i18nFontFamily {
   font-synthesis: weight;
   font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
-}
 
-.gO9Mdq_i18nFontFamily:lang(ar) {
-  font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
-}
+  &:lang(ar) {
+    font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+  }
 
-.gO9Mdq_i18nFontFamily:lang(he) {
-  font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
-}
+  &:lang(he) {
+    font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+  }
 
-.gO9Mdq_i18nFontFamily:lang(zh) {
-  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
-}
+  &:lang(zh) {
+    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
+  }
 
-.gO9Mdq_i18nFontFamily:lang(zh-Hans) {
-  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
-}
+  &:lang(zh-Hans) {
+    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+  }
 
-.gO9Mdq_i18nFontFamily:lang(zh-Hant) {
-  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
-}
+  &:lang(zh-Hant) {
+    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
+  }
 
-.gO9Mdq_i18nFontFamily:lang(zh-SG), .gO9Mdq_i18nFontFamily:lang(zh-CN) {
-  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
-}
+  &:lang(zh-SG), &:lang(zh-CN) {
+    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+  }
 
-.gO9Mdq_i18nFontFamily:lang(ko) {
-  font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
-}
+  &:lang(ko) {
+    font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
+  }
 
-.gO9Mdq_i18nFontFamily:lang(ja) {
-  font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
+  &:lang(ja) {
+    font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
+  }
 }
 
-.gO9Mdq_spectrum-FocusRing-ring {
+.GeiM8a_spectrum-FocusRing-ring {
   --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
   --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
   --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
   --spectrum-focus-ring-border-size: 0px;
   --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
-}
 
-.gO9Mdq_spectrum-FocusRing-ring:after {
-  border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
-  content: "";
-  margin: calc(-1 * var(--spectrum-focus-ring-border-size));
-  pointer-events: none;
-  transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out,
-                margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
-  display: block;
-  position: absolute;
-  inset: 0;
+  &:after {
+    border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
+    content: "";
+    margin: calc(-1 * var(--spectrum-focus-ring-border-size));
+    pointer-events: none;
+    transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out,
+      margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
+    display: block;
+    position: absolute;
+    inset: 0;
+  }
 }
 
-.gO9Mdq_spectrum-FocusRing.gO9Mdq_focus-ring:after {
-  margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
-  box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
+.GeiM8a_spectrum-FocusRing {
+  &.GeiM8a_focus-ring {
+    &:after {
+      margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
+      box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
+    }
+  }
 }
 
-.gO9Mdq_spectrum-FocusRing--quiet:after {
-  border-radius: 0;
-}
+.GeiM8a_spectrum-FocusRing--quiet {
+  &:after {
+    border-radius: 0;
+  }
 
-.gO9Mdq_spectrum-FocusRing--quiet.gO9Mdq_focus-ring:after {
-  margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0;
-  box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
+  &.GeiM8a_focus-ring {
+    &:after {
+      margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size))
+        0;
+      box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
+    }
+  }
 }
 
 @media (forced-colors: active) {
-  .gO9Mdq_spectrum-FocusRing, .gO9Mdq_spectrum-FocusRing-ring, .gO9Mdq_spectrum-FocusRing--quiet {
+  .GeiM8a_spectrum-FocusRing, .GeiM8a_spectrum-FocusRing-ring, .GeiM8a_spectrum-FocusRing--quiet {
     --spectrum-high-contrast-focus-ring-color: Highlight;
-  }
 
-  :is(.gO9Mdq_spectrum-FocusRing, .gO9Mdq_spectrum-FocusRing-ring, .gO9Mdq_spectrum-FocusRing--quiet):after {
-    forced-color-adjust: none;
+    &:after {
+      forced-color-adjust: none;
+    }
   }
 }
 
-.gO9Mdq_spectrum-Menu-wrapper, .gO9Mdq_spectrum-Menu-subdialog {
+.GeiM8a_spectrum-Menu-wrapper, .GeiM8a_spectrum-Menu-subdialog {
   border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
   border-style: solid;
   border-width: var(--spectrum-popover-border-size, var(--spectrum-alias-border-size-thin));
@@ -89,15 +98,15 @@
   overflow: hidden;
 }
 
-.gO9Mdq_spectrum-Menu-popover {
+.GeiM8a_spectrum-Menu-popover {
   max-width: 320px;
 }
 
-.gO9Mdq_spectrum-Submenu-popover {
+.GeiM8a_spectrum-Submenu-popover {
   margin: calc(var(--spectrum-global-dimension-size-65) * -1);
 }
 
-.gO9Mdq_spectrum-Menu {
+.GeiM8a_spectrum-Menu {
   --spectrum-submenu-offset-distance: var(--spectrum-global-dimension-size-65);
   text-align: start;
   box-sizing: border-box;
@@ -108,25 +117,26 @@
   list-style-type: none;
   display: block;
   overflow-y: auto;
-}
 
-.gO9Mdq_spectrum-Menu .gO9Mdq_spectrum-Menu-sectionHeading {
-  margin-block-start: var(--spectrum-global-dimension-size-75);
-  margin-block-end: var(--spectrum-global-dimension-size-40);
-}
+  & .GeiM8a_spectrum-Menu-sectionHeading {
+    margin-block-start: var(--spectrum-global-dimension-size-75);
+    margin-block-end: var(--spectrum-global-dimension-size-40);
+  }
 
-.gO9Mdq_spectrum-Menu:focus {
-  outline: none;
+  &:focus {
+    outline: none;
+  }
 }
 
-.gO9Mdq_spectrum-Menu-checkmark {
+.GeiM8a_spectrum-Menu-checkmark {
   opacity: 1;
   box-sizing: content-box;
-  padding-block-start: calc(var(--spectrum-selectlist-option-icon-padding-y) - var(--spectrum-selectlist-option-padding-height));
+  padding-block-start: calc(var(--spectrum-selectlist-option-icon-padding-y) -
+      var(--spectrum-selectlist-option-padding-height));
   transform: scale(1);
 }
 
-.gO9Mdq_spectrum-Menu-item {
+.GeiM8a_spectrum-Menu-item {
   cursor: default;
   box-sizing: border-box;
   border-inline-start: var(--spectrum-selectlist-border-size-key-focus, var(--spectrum-global-dimension-static-size-25)) solid transparent;
@@ -137,56 +147,59 @@
   text-decoration: none;
   display: block;
   position: relative;
-}
 
-.gO9Mdq_spectrum-Menu-item[href] {
-  cursor: pointer;
-}
+  &[href] {
+    cursor: pointer;
+  }
 
-.gO9Mdq_spectrum-Menu-item:focus {
-  outline: none;
-}
+  &:focus {
+    outline: none;
+  }
 
-.gO9Mdq_spectrum-Menu-item.gO9Mdq_is-disabled {
-  cursor: default;
-}
+  &.GeiM8a_is-disabled {
+    cursor: default;
+  }
 
-.gO9Mdq_spectrum-Menu-item.gO9Mdq_is-selected .gO9Mdq_spectrum-Menu-checkmark {
-  display: block;
-}
+  &.GeiM8a_is-selected {
+    & .GeiM8a_spectrum-Menu-checkmark {
+      display: block;
+    }
+  }
 
-.gO9Mdq_spectrum-Menu-item .gO9Mdq_spectrum-Icon + .gO9Mdq_spectrum-Menu-itemLabel, .gO9Mdq_spectrum-Menu-item .gO9Mdq_spectrum-Menu-itemIcon + .gO9Mdq_spectrum-Menu-itemLabel {
-  margin-inline-start: var(--spectrum-selectlist-thumbnail-image-padding-x, var(--spectrum-global-dimension-size-100));
+  & .GeiM8a_spectrum-Icon + .GeiM8a_spectrum-Menu-itemLabel, & .GeiM8a_spectrum-Menu-itemIcon + .GeiM8a_spectrum-Menu-itemLabel {
+    margin-inline-start: var(--spectrum-selectlist-thumbnail-image-padding-x, var(--spectrum-global-dimension-size-100));
+  }
 }
 
-.gO9Mdq_spectrum-Menu-itemLabel {
+.GeiM8a_spectrum-Menu-itemLabel {
   line-height: var(--spectrum-global-font-line-height-small, 1.3);
   word-break: break-word;
-  grid-area: gO9Mdq_text;
+  grid-area: GeiM8a_text;
 }
 
-.gO9Mdq_spectrum-Menu-itemLabel--wrapping {
+.GeiM8a_spectrum-Menu-itemLabel--wrapping {
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
 }
 
-.gO9Mdq_spectrum-Menu-checkmark {
-  grid-area: gO9Mdq_checkmark;
+.GeiM8a_spectrum-Menu-checkmark {
+  grid-area: GeiM8a_checkmark;
   place-self: flex-start end;
   display: none;
 }
 
-.gO9Mdq_spectrum-Menu-divider {
+.GeiM8a_spectrum-Menu-divider {
   box-sizing: content-box;
   block-size: var(--spectrum-selectlist-divider-size, var(--spectrum-alias-border-size-thick));
-  margin: calc(var(--spectrum-selectlist-divider-padding, 3px) / 2) var(--spectrum-global-dimension-size-150);
+  margin: calc(var(--spectrum-selectlist-divider-padding, 3px) / 2)
+    var(--spectrum-global-dimension-size-150);
   border: none;
   padding: 0;
   overflow: visible;
 }
 
-.gO9Mdq_spectrum-Menu-sectionHeading {
+.GeiM8a_spectrum-Menu-sectionHeading {
   margin: var(--spectrum-global-dimension-size-75) 0 0 0;
   font-size: var(--spectrum-global-dimension-font-size-100);
   font-weight: var(--spectrum-global-font-weight-bold, 700);
@@ -198,195 +211,207 @@
   display: block;
 }
 
-.gO9Mdq_spectrum-Menu-section--noHeading.gO9Mdq_spectrum-Menu-section--isFirst {
-  padding-top: 0;
-}
+.GeiM8a_spectrum-Menu-section--noHeading {
+  &.GeiM8a_spectrum-Menu-section--isFirst {
+    padding-top: 0;
+  }
 
-.gO9Mdq_spectrum-Menu-section--noHeading.gO9Mdq_spectrum-Menu-section--isLast {
-  padding-bottom: 0;
+  &.GeiM8a_spectrum-Menu-section--isLast {
+    padding-bottom: 0;
+  }
 }
 
-.gO9Mdq_spectrum-Menu .gO9Mdq_spectrum-Menu {
+.GeiM8a_spectrum-Menu .GeiM8a_spectrum-Menu {
   margin: 0;
   display: block;
 }
 
-.gO9Mdq_spectrum-Menu-itemGrid {
-  grid-template-columns: calc(var(--spectrum-global-dimension-size-150) - var(--spectrum-selectlist-border-size-key-focus, var(--spectrum-global-dimension-static-size-25))) auto 1fr auto auto auto auto var(--spectrum-global-dimension-size-150);
+.GeiM8a_spectrum-Menu-itemGrid {
+  grid-template-columns: calc(var(--spectrum-global-dimension-size-150) - var(--spectrum-selectlist-border-size-key-focus, var(--spectrum-global-dimension-static-size-25)))
+    auto 1fr auto auto auto auto var(--spectrum-global-dimension-size-150);
   grid-template-rows: var(--spectrum-selectlist-option-padding-height) 1fr auto var(--spectrum-selectlist-option-padding-height);
   grid-template-areas: ". . . . . . . ."
-                       ". gO9Mdq_icon gO9Mdq_text gO9Mdq_checkmark gO9Mdq_end gO9Mdq_keyboard gO9Mdq_chevron ."
-                       ". gO9Mdq_icon gO9Mdq_description gO9Mdq_checkmark gO9Mdq_end gO9Mdq_keyboard gO9Mdq_chevron ."
+                       ". GeiM8a_icon GeiM8a_text GeiM8a_checkmark GeiM8a_end GeiM8a_keyboard GeiM8a_chevron ."
+                       ". GeiM8a_icon GeiM8a_description GeiM8a_checkmark GeiM8a_end GeiM8a_keyboard GeiM8a_chevron ."
                        ". . . . . . . .";
   display: grid;
 }
 
-.gO9Mdq_spectrum-Menu-item.gO9Mdq_is-selectable .gO9Mdq_spectrum-Menu-itemGrid {
-  grid-template-columns: calc(var(--spectrum-global-dimension-size-150) - var(--spectrum-selectlist-border-size-key-focus, var(--spectrum-global-dimension-static-size-25))) auto 1fr calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-selectlist-option-icon-padding-x, var(--spectrum-global-dimension-size-150))) auto auto var(--spectrum-global-dimension-size-150);
+.GeiM8a_spectrum-Menu-item.GeiM8a_is-selectable {
+  & .GeiM8a_spectrum-Menu-itemGrid {
+    grid-template-columns: calc(var(--spectrum-global-dimension-size-150) - var(--spectrum-selectlist-border-size-key-focus, var(--spectrum-global-dimension-static-size-25)))
+      auto 1fr calc(var(--spectrum-icon-checkmark-medium-width) +
+          var(--spectrum-selectlist-option-icon-padding-x, var(--spectrum-global-dimension-size-150)))
+      auto auto var(--spectrum-global-dimension-size-150);
+  }
 }
 
-.gO9Mdq_spectrum-Menu .gO9Mdq_spectrum-Menu-end {
+.GeiM8a_spectrum-Menu .GeiM8a_spectrum-Menu-end {
   box-sizing: content-box;
-  grid-area: gO9Mdq_end;
+  grid-area: GeiM8a_end;
   place-self: flex-start end;
   padding-inline-start: var(--spectrum-global-dimension-size-250);
 }
 
-.gO9Mdq_spectrum-Menu-icon {
-  grid-area: gO9Mdq_icon;
+.GeiM8a_spectrum-Menu-icon {
+  grid-area: GeiM8a_icon;
   padding-block-start: var(--spectrum-global-dimension-size-10);
   padding-inline-end: var(--spectrum-global-dimension-size-100);
 }
 
-.gO9Mdq_spectrum-Menu-avatar {
-  grid-area: gO9Mdq_icon;
+.GeiM8a_spectrum-Menu-avatar {
+  grid-area: GeiM8a_icon;
   margin-inline-start: var(--spectrum-global-dimension-size-10);
   margin-inline-end: var(--spectrum-global-dimension-size-100);
 }
 
-.gO9Mdq_spectrum-Menu-description {
+.GeiM8a_spectrum-Menu-description {
   line-height: var(--spectrum-global-font-line-height-small, 1.3);
   font-size: var(--spectrum-global-dimension-size-150);
-  grid-area: gO9Mdq_description;
+  grid-area: GeiM8a_description;
 }
 
-.gO9Mdq_spectrum-Menu-keyboard {
+.GeiM8a_spectrum-Menu-keyboard {
   text-align: end;
   unicode-bidi: plaintext;
-  grid-area: gO9Mdq_keyboard;
+  grid-area: GeiM8a_keyboard;
   align-self: flex-start;
   padding-inline-start: var(--spectrum-global-dimension-size-125);
   font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
 }
 
-.gO9Mdq_spectrum-Menu-chevron {
+.GeiM8a_spectrum-Menu-chevron {
   box-sizing: content-box;
-  grid-area: gO9Mdq_chevron;
+  grid-area: GeiM8a_chevron;
   place-self: flex-start end;
   margin-inline-end: calc(var(--spectrum-global-dimension-size-50) * -1);
   padding-inline-start: var(--spectrum-global-dimension-size-300);
 }
 
-.gO9Mdq_spectrum-Menu-wrapper {
-  overflow: auto;
-}
-
-.gO9Mdq_spectrum-Menu-wrapper .gO9Mdq_spectrum-Submenu-wrapper {
-  flex-direction: column;
-  display: flex;
+.GeiM8a_spectrum-Menu-wrapper {
   overflow: auto;
-}
 
-.gO9Mdq_spectrum-Menu-wrapper .gO9Mdq_spectrum-Submenu-wrapper.gO9Mdq_spectrum-Submenu-wrapper--isMobile {
-  overflow-x: hidden;
-}
-
-.gO9Mdq_spectrum-Menu-wrapper.gO9Mdq_spectrum-Menu-wrapper--isMobile {
-  background-color: unset;
-  opacity: 1;
-  width: 100%;
-  transition: opacity var(--spectrum-global-animation-duration-600, .3s) var(--spectrum-global-animation-ease-out, cubic-bezier(0, 0, .4, 1));
-  border: none;
-}
+  & .GeiM8a_spectrum-Submenu-wrapper {
+    flex-direction: column;
+    display: flex;
+    overflow: auto;
 
-.gO9Mdq_spectrum-Menu-wrapper.gO9Mdq_spectrum-Menu-wrapper--isMobile.gO9Mdq_is-expanded {
-  opacity: 0;
-  border: 0;
-  height: 0;
-  position: absolute;
-  left: 100%;
-}
-
-.gO9Mdq_spectrum-Menu-wrapper.gO9Mdq_spectrum-Menu-wrapper--isMobile .gO9Mdq_spectrum-Submenu-headingWrapper {
-  margin: 4px 4px 0;
-  display: flex;
-}
+    &.GeiM8a_spectrum-Submenu-wrapper--isMobile {
+      overflow-x: hidden;
+    }
+  }
 
-.gO9Mdq_spectrum-Menu-wrapper.gO9Mdq_spectrum-Menu-wrapper--isMobile .gO9Mdq_spectrum-Submenu-headingWrapper .gO9Mdq_spectrum-Submenu-heading {
-  font-weight: var(--spectrum-global-font-weight-bold, 700);
-  font-size: var(--spectrum-dialog-title-text-size);
-  line-height: var(--spectrum-dialog-title-text-line-height, var(--spectrum-alias-heading-text-line-height));
-  margin-top: 7px;
-  margin-bottom: 0;
-  margin-inline-start: 4px;
-  display: flex;
+  &.GeiM8a_spectrum-Menu-wrapper--isMobile {
+    background-color: unset;
+    opacity: 1;
+    width: 100%;
+    transition: opacity var(--spectrum-global-animation-duration-600, .3s)
+      var(--spectrum-global-animation-ease-out, cubic-bezier(0, 0, .4, 1));
+    border: none;
+
+    &.GeiM8a_is-expanded {
+      opacity: 0;
+      border: 0;
+      height: 0;
+      position: absolute;
+      left: 100%;
+    }
+
+    & .GeiM8a_spectrum-Submenu-headingWrapper {
+      margin: 4px 4px 0;
+      display: flex;
+
+      & .GeiM8a_spectrum-Submenu-heading {
+        font-weight: var(--spectrum-global-font-weight-bold, 700);
+        font-size: var(--spectrum-dialog-title-text-size);
+        line-height: var(--spectrum-dialog-title-text-line-height, var(--spectrum-alias-heading-text-line-height));
+        margin-top: 7px;
+        margin-bottom: 0;
+        margin-inline-start: 4px;
+        display: flex;
+      }
+    }
+  }
 }
 
-.gO9Mdq_spectrum-Menu-wrapper, .gO9Mdq_spectrum-Menu-subdialog {
+.GeiM8a_spectrum-Menu-wrapper, .GeiM8a_spectrum-Menu-subdialog {
   border-color: var(--spectrum-popover-border-color, var(--spectrum-alias-border-color-dark));
   background-color: var(--spectrum-popover-background-color, var(--spectrum-global-color-gray-50));
-  -webkit-filter: drop-shadow(0 var(--spectrum-popover-shadow-offset-y, var(--spectrum-alias-dropshadow-offset-y)) var(--spectrum-popover-shadow-blur, var(--spectrum-alias-dropshadow-blur)) var(--spectrum-popover-shadow-color, var(--spectrum-alias-dropshadow-color)));
+  -webkit-filter: drop-shadow(0 var(--spectrum-popover-shadow-offset-y, var(--spectrum-alias-dropshadow-offset-y)) var(--spectrum-popover-shadow-blur, var(--spectrum-alias-dropshadow-blur))
+      var(--spectrum-popover-shadow-color, var(--spectrum-alias-dropshadow-color)));
   will-change: filter;
 }
 
-.gO9Mdq_spectrum-Menu {
+.GeiM8a_spectrum-Menu {
   --spectrum-heading-subtitle3-text-color: var(--spectrum-global-color-gray-900);
   background-color: var(--spectrum-selectlist-background-color, var(--spectrum-alias-background-color-transparent));
 }
 
-.gO9Mdq_spectrum-Submenu-headingWrapper {
+.GeiM8a_spectrum-Submenu-headingWrapper {
   --spectrum-heading-subtitle3-text-color: var(--spectrum-global-color-gray-900);
 }
 
-.gO9Mdq_spectrum-Menu-item {
+.GeiM8a_spectrum-Menu-item {
   background-color: var(--spectrum-selectlist-option-background-color, var(--spectrum-alias-background-color-transparent));
   color: var(--spectrum-selectlist-option-text-color, var(--spectrum-alias-text-color));
-}
 
-.gO9Mdq_spectrum-Menu-item.gO9Mdq_focus-ring, .gO9Mdq_spectrum-Menu-item.gO9Mdq_is-focused {
-  background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay));
-  color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color));
-  border-inline-start-color: var(--spectrum-selectlist-option-focus-indicator-color, var(--spectrum-alias-border-color-focus));
-}
+  &.GeiM8a_focus-ring, &.GeiM8a_is-focused {
+    background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay));
+    color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color));
+    border-inline-start-color: var(--spectrum-selectlist-option-focus-indicator-color, var(--spectrum-alias-border-color-focus));
+  }
 
-.gO9Mdq_spectrum-Menu-item.gO9Mdq_is-hovered, .gO9Mdq_spectrum-Menu-item:focus, .gO9Mdq_spectrum-Menu-item.gO9Mdq_is-highlighted, .gO9Mdq_spectrum-Menu-item.gO9Mdq_is-open {
-  background-color: var(--spectrum-selectlist-option-background-color-hover, var(--spectrum-alias-background-color-hover-overlay));
-  color: var(--spectrum-selectlist-option-text-color-hover, var(--spectrum-alias-text-color));
-}
+  &.GeiM8a_is-hovered, &:focus, &.GeiM8a_is-highlighted, &.GeiM8a_is-open {
+    background-color: var(--spectrum-selectlist-option-background-color-hover, var(--spectrum-alias-background-color-hover-overlay));
+    color: var(--spectrum-selectlist-option-text-color-hover, var(--spectrum-alias-text-color));
+  }
 
-.gO9Mdq_spectrum-Menu-item.gO9Mdq_is-selected .gO9Mdq_spectrum-Menu-checkmark {
-  color: var(--spectrum-selectlist-option-icon-color-selected, var(--spectrum-alias-icon-color-selected));
-}
+  &.GeiM8a_is-selected {
+    & .GeiM8a_spectrum-Menu-checkmark {
+      color: var(--spectrum-selectlist-option-icon-color-selected, var(--spectrum-alias-icon-color-selected));
+    }
+  }
 
-.gO9Mdq_spectrum-Menu-item .gO9Mdq_is-active, .gO9Mdq_spectrum-Menu-item:active {
-  background-color: var(--spectrum-selectlist-option-background-color-down, var(--spectrum-alias-background-color-hover-overlay));
-}
+  & .GeiM8a_is-active, &:active {
+    background-color: var(--spectrum-selectlist-option-background-color-down, var(--spectrum-alias-background-color-hover-overlay));
+  }
 
-.gO9Mdq_spectrum-Menu-item.gO9Mdq_is-disabled .gO9Mdq_spectrum-Menu-description {
-  color: var(--spectrum-selectlist-option-text-color-disabled, var(--spectrum-alias-text-color-disabled));
-}
+  &.GeiM8a_is-disabled {
+    & .GeiM8a_spectrum-Menu-description {
+      color: var(--spectrum-selectlist-option-text-color-disabled, var(--spectrum-alias-text-color-disabled));
+    }
 
-.gO9Mdq_spectrum-Menu-item.gO9Mdq_is-disabled {
-  background-color: var(--spectrum-selectlist-option-background-color-disabled, var(--spectrum-alias-background-color-transparent));
-  color: var(--spectrum-selectlist-option-text-color-disabled, var(--spectrum-alias-text-color-disabled));
-  cursor: default;
-  background-image: none;
+    background-color: var(--spectrum-selectlist-option-background-color-disabled, var(--spectrum-alias-background-color-transparent));
+    color: var(--spectrum-selectlist-option-text-color-disabled, var(--spectrum-alias-text-color-disabled));
+    cursor: default;
+    background-image: none;
+  }
 }
 
-.gO9Mdq_spectrum-Menu-sectionHeading {
+.GeiM8a_spectrum-Menu-sectionHeading {
   color: var(--spectrum-heading-subtitle3-text-color, var(--spectrum-global-color-gray-700));
 }
 
-.gO9Mdq_spectrum-Menu-divider {
+.GeiM8a_spectrum-Menu-divider {
   background-color: var(--spectrum-global-color-gray-300);
 }
 
-.gO9Mdq_spectrum-Menu-description {
+.GeiM8a_spectrum-Menu-description {
   color: var(--spectrum-global-color-gray-700);
 }
 
-.gO9Mdq_spectrum-Submenu-popover.gO9Mdq_spectrum-Submenu-popover {
+.GeiM8a_spectrum-Submenu-popover.GeiM8a_spectrum-Submenu-popover {
   -webkit-filter: unset;
   transition: opacity var(--spectrum-global-animation-duration-100, .13s) ease-in-out,
-              visibility 0s linear var(--spectrum-global-animation-duration-100, .13s);
+    visibility 0s linear var(--spectrum-global-animation-duration-100, .13s);
   transform: none;
 }
 
-.gO9Mdq_spectrum-Submenu-heading {
+.GeiM8a_spectrum-Submenu-heading {
   color: var(--spectrum-heading-subtitle3-text-color, var(--spectrum-global-color-gray-700));
 }
 
-@keyframes gO9Mdq_slideInFromRight {
+@keyframes GeiM8a_slideInFromRight {
   from {
     transform: translateX(100%);
   }
@@ -396,7 +421,7 @@
   }
 }
 
-@keyframes gO9Mdq_slideOutToRight {
+@keyframes GeiM8a_slideOutToRight {
   from {
     transform: translateX(0);
   }
@@ -406,7 +431,7 @@
   }
 }
 
-@keyframes gO9Mdq_slideInFromLeft {
+@keyframes GeiM8a_slideInFromLeft {
   from {
     transform: translateX(-100%);
   }
@@ -416,7 +441,7 @@
   }
 }
 
-@keyframes gO9Mdq_slideOutToLeft {
+@keyframes GeiM8a_slideOutToLeft {
   from {
     transform: translateX(0);
   }
@@ -426,35 +451,35 @@
   }
 }
 
-.gO9Mdq_spectrum-TraySubmenu-enter {
-  animation-name: gO9Mdq_slideInFromRight;
+.GeiM8a_spectrum-TraySubmenu-enter {
+  animation-name: GeiM8a_slideInFromRight;
   animation-duration: var(--spectrum-global-animation-duration-400, .22s);
   animation-fill-mode: forwards;
   animation-timing-function: var(--spectrum-global-animation-ease-out, cubic-bezier(0, 0, .4, 1));
-}
 
-.gO9Mdq_spectrum-TraySubmenu-enter:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
-  animation-name: gO9Mdq_slideInFromLeft;
+  &:dir(rtl) {
+    animation-name: GeiM8a_slideInFromLeft;
+  }
 }
 
-.gO9Mdq_spectrum-TraySubmenu-exit {
-  animation-name: gO9Mdq_slideOutToRight;
+.GeiM8a_spectrum-TraySubmenu-exit {
+  animation-name: GeiM8a_slideOutToRight;
   animation-duration: var(--spectrum-global-animation-duration-400, .22s);
   animation-fill-mode: forwards;
   animation-timing-function: var(--spectrum-global-animation-ease-in, cubic-bezier(.5, 0, 1, 1));
-}
 
-.gO9Mdq_spectrum-TraySubmenu-exit:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
-  animation-name: gO9Mdq_slideOutToLeft;
+  &:dir(rtl) {
+    animation-name: GeiM8a_slideOutToLeft;
+  }
 }
 
 @media (forced-colors: active) {
-  .gO9Mdq_spectrum-Menu-divider {
+  .GeiM8a_spectrum-Menu-divider {
     forced-color-adjust: none;
     background-color: canvastext;
   }
 
-  .gO9Mdq_spectrum-Menu-item {
+  .GeiM8a_spectrum-Menu-item {
     forced-color-adjust: none;
     --spectrum-heading-subtitle3-text-color: ButtonText;
     --spectrum-selectlist-background-color: ButtonFace;
@@ -471,24 +496,26 @@
     --spectrum-selectlist-option-text-color-hover: HighlightText;
     --spectrum-selectlist-option-text-color-key-focus: HighlightText;
     --spectrum-alias-border-color-focus: Highlight;
-  }
-
-  .gO9Mdq_spectrum-Menu-item .gO9Mdq_spectrum-Menu-description {
-    color: var(--spectrum-selectlist-option-text-color, var(--spectrum-alias-text-color));
-  }
 
-  :is(.gO9Mdq_spectrum-Menu-item.gO9Mdq_is-hovered, .gO9Mdq_spectrum-Menu-item:focus, .gO9Mdq_spectrum-Menu-item.gO9Mdq_is-highlighted, .gO9Mdq_spectrum-Menu-item.gO9Mdq_is-open, .gO9Mdq_spectrum-Menu-item.gO9Mdq_focus-ring, .gO9Mdq_spectrum-Menu-item.gO9Mdq_is-focused).gO9Mdq_is-selected .gO9Mdq_spectrum-Menu-checkmark {
-    color: highlighttext;
-  }
-
-  :is(.gO9Mdq_spectrum-Menu-item.gO9Mdq_is-hovered, .gO9Mdq_spectrum-Menu-item:focus, .gO9Mdq_spectrum-Menu-item.gO9Mdq_is-highlighted, .gO9Mdq_spectrum-Menu-item.gO9Mdq_is-open, .gO9Mdq_spectrum-Menu-item.gO9Mdq_focus-ring, .gO9Mdq_spectrum-Menu-item.gO9Mdq_is-focused) .gO9Mdq_spectrum-Menu-description {
-    color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color));
-    background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay));
-  }
-
-  .gO9Mdq_spectrum-Menu-item.gO9Mdq_is-hovered, .gO9Mdq_spectrum-Menu-item:focus, .gO9Mdq_spectrum-Menu-item.gO9Mdq_is-highlighted, .gO9Mdq_spectrum-Menu-item.gO9Mdq_is-open, .gO9Mdq_spectrum-Menu-item.gO9Mdq_focus-ring, .gO9Mdq_spectrum-Menu-item.gO9Mdq_is-focused {
-    background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay));
-    color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color));
+    & .GeiM8a_spectrum-Menu-description {
+      color: var(--spectrum-selectlist-option-text-color, var(--spectrum-alias-text-color));
+    }
+
+    &.GeiM8a_is-hovered, &:focus, &.GeiM8a_is-highlighted, &.GeiM8a_is-open, &.GeiM8a_focus-ring, &.GeiM8a_is-focused {
+      &.GeiM8a_is-selected {
+        & .GeiM8a_spectrum-Menu-checkmark {
+          color: highlighttext;
+        }
+      }
+
+      & .GeiM8a_spectrum-Menu-description {
+        color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color));
+        background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay));
+      }
+
+      background-color: var(--spectrum-selectlist-option-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay));
+      color: var(--spectrum-selectlist-option-text-color-key-focus, var(--spectrum-alias-text-color));
+    }
   }
 }
 /*# sourceMappingURL=menu_vars.css.map */