@adobe/react-spectrum 3.47.1 → 3.47.2

package/dist/private/table_vars.css

@@ -1,38 +1,38 @@
 .CC22fG_i18nFontFamily {
   font-synthesis: weight;
   font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
-}
 
-.CC22fG_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;
+  }
 
-.CC22fG_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;
+  }
 
-.CC22fG_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;
+  }
 
-.CC22fG_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;
+  }
 
-.CC22fG_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;
+  }
 
-.CC22fG_i18nFontFamily:lang(zh-SG), .CC22fG_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;
+  }
 
-.CC22fG_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;
+  }
 
-.CC22fG_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;
+  }
 }
 
 .CC22fG_spectrum-FocusRing-ring {
@@ -41,42 +41,50 @@
   --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)));
-}
 
-.CC22fG_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,
+  &: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;
+    display: block;
+    position: absolute;
+    inset: 0;
+  }
 }
 
-.CC22fG_spectrum-FocusRing.CC22fG_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);
+.CC22fG_spectrum-FocusRing {
+  &.CC22fG_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);
+    }
+  }
 }
 
-.CC22fG_spectrum-FocusRing--quiet:after {
-  border-radius: 0;
-}
+.CC22fG_spectrum-FocusRing--quiet {
+  &:after {
+    border-radius: 0;
+  }
 
-.CC22fG_spectrum-FocusRing--quiet.CC22fG_focus-ring:after {
-  margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size))
+  &.CC22fG_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);
+      box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
+    }
+  }
 }
 
 @media (forced-colors: active) {
   .CC22fG_spectrum-FocusRing, .CC22fG_spectrum-FocusRing-ring, .CC22fG_spectrum-FocusRing--quiet {
     --spectrum-high-contrast-focus-ring-color: Highlight;
-  }
 
-  :is(.CC22fG_spectrum-FocusRing, .CC22fG_spectrum-FocusRing-ring, .CC22fG_spectrum-FocusRing--quiet):after {
-    forced-color-adjust: none;
+    &:after {
+      forced-color-adjust: none;
+    }
   }
 }
 
@@ -134,35 +142,39 @@ svg.CC22fG_spectrum-Table-sortedIcon {
   border-radius: var(--spectrum-table-header-border-radius, 0px);
   outline: 0;
   display: flex;
-}
 
-.CC22fG_spectrum-Table-headCell.CC22fG_is-sortable {
-  cursor: default;
-}
+  &.CC22fG_is-sortable {
+    cursor: default;
+  }
 
-:is(.CC22fG_spectrum-Table-headCell.CC22fG_is-sorted-asc, .CC22fG_spectrum-Table-headCell.CC22fG_is-sorted-desc) .CC22fG_spectrum-Table-sortedIcon {
-  margin-top: calc(var(--spectrum-global-dimension-size-25) * -1);
-  display: inline-block;
-}
+  &.CC22fG_is-sorted-asc, &.CC22fG_is-sorted-desc {
+    & .CC22fG_spectrum-Table-sortedIcon {
+      margin-top: calc(var(--spectrum-global-dimension-size-25) * -1);
+      display: inline-block;
+    }
+  }
 
-.CC22fG_spectrum-Table-headCell.CC22fG_is-sorted-asc .CC22fG_spectrum-Table-sortedIcon {
-  transform: rotateZ(180deg);
-}
+  &.CC22fG_is-sorted-asc {
+    & .CC22fG_spectrum-Table-sortedIcon {
+      transform: rotateZ(180deg);
+    }
+  }
 
-.CC22fG_spectrum-Table-headCell.CC22fG_is-resizable {
-  padding: 0;
-}
+  &.CC22fG_is-resizable {
+    padding: 0;
 
-.CC22fG_spectrum-Table-headCell.CC22fG_is-resizable .CC22fG_spectrum-Table-headCellContents {
-  flex: auto;
-  min-width: 0;
-}
+    & .CC22fG_spectrum-Table-headCellContents {
+      flex: auto;
+      min-width: 0;
+    }
 
-.CC22fG_spectrum-Table-headCell.CC22fG_is-resizable .CC22fG_spectrum-Table-headCellButton {
-  box-sizing: border-box;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
+    & .CC22fG_spectrum-Table-headCellButton {
+      box-sizing: border-box;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      overflow: hidden;
+    }
+  }
 }
 
 .CC22fG_spectrum-Table-columnResizer {
@@ -175,18 +187,18 @@ svg.CC22fG_spectrum-Table-sortedIcon {
   display: flex;
   position: absolute;
   inset-inline-end: -10px;
-}
 
-.CC22fG_spectrum-Table-columnResizer:after {
-  content: "";
-  box-sizing: border-box;
-  block-size: 100%;
-  inline-size: 1px;
-  display: block;
-}
+  &:after {
+    content: "";
+    box-sizing: border-box;
+    block-size: 100%;
+    inline-size: 1px;
+    display: block;
+  }
 
-.CC22fG_spectrum-Table-columnResizer:active, .CC22fG_spectrum-Table-columnResizer.CC22fG_focus-ring {
-  outline: none;
+  &:active, &.CC22fG_focus-ring {
+    outline: none;
+  }
 }
 
 .CC22fG_spectrum-Table-columnResizerPlaceholder {
@@ -214,11 +226,13 @@ svg.CC22fG_spectrum-Table-sortedIcon {
   text-align: end;
 }
 
-.CC22fG_is-drop-target:before {
-  content: "";
-  z-index: 1;
-  position: absolute;
-  inset: 0;
+.CC22fG_is-drop-target {
+  &:before {
+    content: "";
+    z-index: 1;
+    position: absolute;
+    inset: 0;
+  }
 }
 
 .CC22fG_spectrum-Table-body {
@@ -228,31 +242,33 @@ svg.CC22fG_spectrum-Table-sortedIcon {
   position: relative;
   overflow: auto;
   transform: translate3d(0, 0, 0);
-}
 
-.CC22fG_spectrum-Table-body.CC22fG_spectrum-Table-body--resizerAtTableEdge {
-  border-start-end-radius: 0;
+  &.CC22fG_spectrum-Table-body--resizerAtTableEdge {
+    border-start-end-radius: 0;
+  }
 }
 
-.CC22fG_spectrum-Table:not(.CC22fG_spectrum-Table--quiet) tbody.CC22fG_spectrum-Table-body {
-  border-width: var(--spectrum-table-border-size, var(--spectrum-alias-border-size-thin));
-  border-radius: var(--spectrum-table-border-radius, var(--spectrum-alias-border-radius-regular));
-}
+.CC22fG_spectrum-Table:not(.CC22fG_spectrum-Table--quiet) {
+  & tbody.CC22fG_spectrum-Table-body {
+    border-width: var(--spectrum-table-border-size, var(--spectrum-alias-border-size-thin));
+    border-radius: var(--spectrum-table-border-radius, var(--spectrum-alias-border-radius-regular));
 
-.CC22fG_spectrum-Table:not(.CC22fG_spectrum-Table--quiet) tbody.CC22fG_spectrum-Table-body .CC22fG_spectrum-Table-row:first-child .CC22fG_spectrum-Table-cell:first-child {
-  border-top-left-radius: var(--spectrum-table-border-radius, var(--spectrum-alias-border-radius-regular));
-}
+    & .CC22fG_spectrum-Table-row:first-child .CC22fG_spectrum-Table-cell:first-child {
+      border-top-left-radius: var(--spectrum-table-border-radius, var(--spectrum-alias-border-radius-regular));
+    }
 
-.CC22fG_spectrum-Table:not(.CC22fG_spectrum-Table--quiet) tbody.CC22fG_spectrum-Table-body .CC22fG_spectrum-Table-row:first-child .CC22fG_spectrum-Table-cell:last-child {
-  border-top-right-radius: var(--spectrum-table-border-radius, var(--spectrum-alias-border-radius-regular));
-}
+    & .CC22fG_spectrum-Table-row:first-child .CC22fG_spectrum-Table-cell:last-child {
+      border-top-right-radius: var(--spectrum-table-border-radius, var(--spectrum-alias-border-radius-regular));
+    }
 
-.CC22fG_spectrum-Table:not(.CC22fG_spectrum-Table--quiet) tbody.CC22fG_spectrum-Table-body .CC22fG_spectrum-Table-row:last-child .CC22fG_spectrum-Table-cell:first-child {
-  border-bottom-left-radius: var(--spectrum-table-border-radius, var(--spectrum-alias-border-radius-regular));
-}
+    & .CC22fG_spectrum-Table-row:last-child .CC22fG_spectrum-Table-cell:first-child {
+      border-bottom-left-radius: var(--spectrum-table-border-radius, var(--spectrum-alias-border-radius-regular));
+    }
 
-.CC22fG_spectrum-Table:not(.CC22fG_spectrum-Table--quiet) tbody.CC22fG_spectrum-Table-body .CC22fG_spectrum-Table-row:last-child .CC22fG_spectrum-Table-cell:last-child {
-  border-bottom-right-radius: var(--spectrum-table-border-radius, var(--spectrum-alias-border-radius-regular));
+    & .CC22fG_spectrum-Table-row:last-child .CC22fG_spectrum-Table-cell:last-child {
+      border-bottom-right-radius: var(--spectrum-table-border-radius, var(--spectrum-alias-border-radius-regular));
+    }
+  }
 }
 
 .CC22fG_spectrum-Table--regular {
@@ -273,13 +289,13 @@ svg.CC22fG_spectrum-Table-sortedIcon {
   font-weight: var(--spectrum-table-cell-text-font-weight, var(--spectrum-global-font-weight-regular));
   line-height: calc(calc(var(--spectrum-table-cell-text-size, var(--spectrum-alias-font-size-default)) * var(--spectrum-table-cell-text-line-height, var(--spectrum-alias-body-text-line-height))) - 1px);
   padding: var(--spectrum-table-cell-padding-y, var(--spectrum-global-dimension-size-175)) var(--spectrum-table-cell-padding-x, var(--spectrum-global-dimension-size-200));
-}
 
-.CC22fG_spectrum-Table-cell.CC22fG_spectrum-Table-cell--hasExpandCollapseButton {
-  grid-template-columns: var(--spectrum-global-dimension-size-400) 1fr;
-  grid-template-rows: 1fr;
-  grid-template-areas: "CC22fG_expand-button CC22fG_contents";
-  display: grid;
+  &.CC22fG_spectrum-Table-cell--hasExpandCollapseButton {
+    grid-template-columns: var(--spectrum-global-dimension-size-400) 1fr;
+    grid-template-rows: 1fr;
+    grid-template-areas: "CC22fG_expand-button CC22fG_contents";
+    display: grid;
+  }
 }
 
 .CC22fG_spectrum-Table-cellContents {
@@ -302,14 +318,16 @@ svg.CC22fG_spectrum-Table-sortedIcon {
   grid-area: CC22fG_expand-button;
   place-content: center;
   display: flex;
-}
 
-[dir="ltr"] .CC22fG_spectrum-Table-expandButton.CC22fG_is-open {
-  transform: rotate(90deg);
-}
+  &.CC22fG_is-open {
+    [dir="ltr"] & {
+      transform: rotate(90deg);
+    }
 
-[dir="rtl"] .CC22fG_spectrum-Table-expandButton.CC22fG_is-open {
-  transform: rotate(-90deg);
+    [dir="rtl"] & {
+      transform: rotate(-90deg);
+    }
+  }
 }
 
 .CC22fG_spectrum-Table-cell--hideHeader {
@@ -323,18 +341,22 @@ svg.CC22fG_spectrum-Table-sortedIcon {
 
 .CC22fG_spectrum-Table-cell, .CC22fG_spectrum-Table-headCell, .CC22fG_spectrum-Table-headCellButton {
   position: relative;
-}
 
-:is(.CC22fG_spectrum-Table-cell, .CC22fG_spectrum-Table-headCell, .CC22fG_spectrum-Table-headCellButton):focus, :is(.CC22fG_spectrum-Table-cell, .CC22fG_spectrum-Table-headCell, .CC22fG_spectrum-Table-headCellButton).CC22fG_focus-ring, :is(.CC22fG_spectrum-Table-cell, .CC22fG_spectrum-Table-headCell, .CC22fG_spectrum-Table-headCellButton).CC22fG_is-focused {
-  outline: none;
-}
+  &:focus {
+    outline: none;
+  }
 
-:is(:is(.CC22fG_spectrum-Table-cell, .CC22fG_spectrum-Table-headCell, .CC22fG_spectrum-Table-headCellButton).CC22fG_focus-ring, :is(.CC22fG_spectrum-Table-cell, .CC22fG_spectrum-Table-headCell, .CC22fG_spectrum-Table-headCellButton).CC22fG_is-focused):before {
-  content: "";
-  z-index: 1;
-  border-radius: calc(var(--spectrum-table-cell-border-radius-key-focus, var(--spectrum-alias-border-radius-regular)) - 1px);
-  position: absolute;
-  inset: 0;
+  &.CC22fG_focus-ring, &.CC22fG_is-focused {
+    outline: none;
+
+    &:before {
+      content: "";
+      z-index: 1;
+      border-radius: calc(var(--spectrum-table-cell-border-radius-key-focus, var(--spectrum-alias-border-radius-regular)) - 1px);
+      position: absolute;
+      inset: 0;
+    }
+  }
 }
 
 .CC22fG_spectrum-Table-headCellButton {
@@ -374,11 +396,15 @@ svg.CC22fG_spectrum-Table-sortedIcon {
   overflow: hidden;
 }
 
-:is(:is(.CC22fG_spectrum-Table-headCell, .CC22fG_spectrum-Table-headCellButton).CC22fG_focus-ring, :is(.CC22fG_spectrum-Table-headCell, .CC22fG_spectrum-Table-headCellButton).CC22fG_is-focused):before {
-  top: var(--spectrum-table-border-size, var(--spectrum-alias-border-size-thin));
-  right: var(--spectrum-table-border-size, var(--spectrum-alias-border-size-thin));
-  bottom: var(--spectrum-table-border-size, var(--spectrum-alias-border-size-thin));
-  left: var(--spectrum-table-border-size, var(--spectrum-alias-border-size-thin));
+.CC22fG_spectrum-Table-headCell, .CC22fG_spectrum-Table-headCellButton {
+  &.CC22fG_focus-ring, &.CC22fG_is-focused {
+    &:before {
+      top: var(--spectrum-table-border-size, var(--spectrum-alias-border-size-thin));
+      right: var(--spectrum-table-border-size, var(--spectrum-alias-border-size-thin));
+      bottom: var(--spectrum-table-border-size, var(--spectrum-alias-border-size-thin));
+      left: var(--spectrum-table-border-size, var(--spectrum-alias-border-size-thin));
+    }
+  }
 }
 
 .CC22fG_spectrum-Table-cell--divider {
@@ -389,53 +415,81 @@ svg.CC22fG_spectrum-Table-sortedIcon {
   cursor: default;
   transition: background-color var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
   position: relative;
-}
-
-.CC22fG_spectrum-Table-row[data-href] {
-  cursor: pointer;
-}
-
-.CC22fG_spectrum-Table-row:focus {
-  outline: 0;
-}
 
-.CC22fG_spectrum-Table-row.CC22fG_focus-ring:before {
-  content: "";
-  z-index: 4;
-  width: 3px;
-  height: calc(100% - 1px);
-  margin-inline-end: -3px;
-  display: inline-block;
-  position: sticky;
-  inset-inline-start: 0;
-}
+  &[data-href] {
+    cursor: pointer;
+  }
 
-.CC22fG_spectrum-Table-row.CC22fG_focus-ring .CC22fG_spectrum-Table-cellWrapper:first-of-type {
-  vertical-align: top;
-  display: inline-block;
-}
+  &:focus {
+    outline: 0;
+  }
 
-.CC22fG_spectrum-Table:not(.CC22fG_spectrum-Table--loadingMore):not(.CC22fG_spectrum-Table--quiet) .CC22fG_spectrum-Table-row.CC22fG_spectrum-Table-row--lastRow.CC22fG_spectrum-Table-row--isFlushBottom.CC22fG_is-selected:after {
-  border-end-end-radius: calc(var(--spectrum-table-border-radius, var(--spectrum-alias-border-radius-regular)) - 1px);
-  border-end-start-radius: calc(var(--spectrum-table-border-radius, var(--spectrum-alias-border-radius-regular)) - 1px);
+  &.CC22fG_focus-ring {
+    &:before {
+      content: "";
+      z-index: 4;
+      width: 3px;
+      height: calc(100% - 1px);
+      margin-inline-end: -3px;
+      display: inline-block;
+      position: sticky;
+      inset-inline-start: 0;
+    }
+
+    & .CC22fG_spectrum-Table-cellWrapper:first-of-type {
+      vertical-align: top;
+      display: inline-block;
+    }
+  }
 }
 
-.CC22fG_spectrum-Table:not(.CC22fG_spectrum-Table--quiet) .CC22fG_spectrum-Table-row.CC22fG_spectrum-Table-row--firstRow.CC22fG_is-selected:after {
-  border-start-start-radius: calc(var(--spectrum-table-border-radius, var(--spectrum-alias-border-radius-regular)) - 1px);
-  border-start-end-radius: calc(var(--spectrum-table-border-radius, var(--spectrum-alias-border-radius-regular)) - 1px);
+.CC22fG_spectrum-Table:not(.CC22fG_spectrum-Table--loadingMore):not(.CC22fG_spectrum-Table--quiet) {
+  & .CC22fG_spectrum-Table-row {
+    &.CC22fG_spectrum-Table-row--lastRow.CC22fG_spectrum-Table-row--isFlushBottom.CC22fG_is-selected {
+      &:after {
+        border-end-end-radius: calc(var(--spectrum-table-border-radius, var(--spectrum-alias-border-radius-regular)) - 1px);
+        border-end-start-radius: calc(var(--spectrum-table-border-radius, var(--spectrum-alias-border-radius-regular)) - 1px);
+      }
+    }
+  }
 }
 
-.CC22fG_spectrum-Table:not(.CC22fG_spectrum-Table--quiet).CC22fG_spectrum-Table--isVerticalScrollbarVisible .CC22fG_spectrum-Table-row.CC22fG_spectrum-Table-row--firstRow.CC22fG_is-selected:after {
-  border-start-end-radius: 0;
-}
+.CC22fG_spectrum-Table:not(.CC22fG_spectrum-Table--quiet) {
+  & .CC22fG_spectrum-Table-row {
+    &.CC22fG_spectrum-Table-row--firstRow.CC22fG_is-selected {
+      &:after {
+        border-start-start-radius: calc(var(--spectrum-table-border-radius, var(--spectrum-alias-border-radius-regular)) - 1px);
+        border-start-end-radius: calc(var(--spectrum-table-border-radius, var(--spectrum-alias-border-radius-regular)) - 1px);
+      }
+    }
+  }
 
-.CC22fG_spectrum-Table:not(.CC22fG_spectrum-Table--quiet).CC22fG_spectrum-Table--isVerticalScrollbarVisible .CC22fG_spectrum-Table-row.CC22fG_spectrum-Table-row--lastRow.CC22fG_is-selected.CC22fG_is-selected:after {
-  border-end-end-radius: 0;
-}
+  &.CC22fG_spectrum-Table--isVerticalScrollbarVisible {
+    & .CC22fG_spectrum-Table-row {
+      &.CC22fG_spectrum-Table-row--firstRow.CC22fG_is-selected {
+        &:after {
+          border-start-end-radius: 0;
+        }
+      }
+
+      &.CC22fG_spectrum-Table-row--lastRow.CC22fG_is-selected.CC22fG_is-selected {
+        &:after {
+          border-end-end-radius: 0;
+        }
+      }
+    }
+  }
 
-.CC22fG_spectrum-Table:not(.CC22fG_spectrum-Table--quiet).CC22fG_spectrum-Table--isHorizontalScrollbarVisible .CC22fG_spectrum-Table-row.CC22fG_spectrum-Table-row--lastRow.CC22fG_is-selected.CC22fG_is-selected:after {
-  border-end-end-radius: 0;
-  border-end-start-radius: 0;
+  &.CC22fG_spectrum-Table--isHorizontalScrollbarVisible {
+    & .CC22fG_spectrum-Table-row {
+      &.CC22fG_spectrum-Table-row--lastRow.CC22fG_is-selected.CC22fG_is-selected {
+        &:after {
+          border-end-end-radius: 0;
+          border-end-start-radius: 0;
+        }
+      }
+    }
+  }
 }
 
 [dir="rtl"] .CC22fG_spectrum-Table-row.CC22fG_focus-ring:before {
@@ -446,17 +500,23 @@ svg.CC22fG_spectrum-Table-sortedIcon {
   border-bottom-style: none;
 }
 
-.CC22fG_spectrum-Table--quiet .CC22fG_spectrum-Table-headWrapper {
-  border-left: 0;
-  border-right: 0;
-}
+.CC22fG_spectrum-Table--quiet {
+  & .CC22fG_spectrum-Table-headWrapper {
+    border-left: 0;
+    border-right: 0;
+  }
 
-.CC22fG_spectrum-Table--quiet .CC22fG_spectrum-Table-body {
-  border-radius: var(--spectrum-table-quiet-border-radius, 0px);
-}
+  & .CC22fG_spectrum-Table-body {
+    border-radius: var(--spectrum-table-quiet-border-radius, 0px);
+  }
 
-:is(.CC22fG_spectrum-Table--quiet .CC22fG_spectrum-Table-body, .CC22fG_spectrum-Table--quiet .CC22fG_spectrum-Table-row).CC22fG_is-drop-target:before {
-  border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
+  & .CC22fG_spectrum-Table-body, & .CC22fG_spectrum-Table-row {
+    &.CC22fG_is-drop-target {
+      &:before {
+        border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
+      }
+    }
+  }
 }
 
 .CC22fG_spectrum-Table-headCell.CC22fG_spectrum-Table-checkboxCell, .CC22fG_spectrum-Table-cell.CC22fG_spectrum-Table-checkboxCell {
@@ -464,10 +524,10 @@ svg.CC22fG_spectrum-Table-sortedIcon {
   padding-inline-end: var(--spectrum-table-cell-checkbox-padding-right, var(--spectrum-global-dimension-size-100));
   padding-top: 0;
   padding-bottom: 0;
-}
 
-:is(.CC22fG_spectrum-Table-headCell.CC22fG_spectrum-Table-checkboxCell, .CC22fG_spectrum-Table-cell.CC22fG_spectrum-Table-checkboxCell) .CC22fG_spectrum-Table-checkbox {
-  padding-inline-end: 0;
+  & .CC22fG_spectrum-Table-checkbox {
+    padding-inline-end: 0;
+  }
 }
 
 .CC22fG_spectrum-Table-checkbox {
@@ -482,10 +542,10 @@ svg.CC22fG_spectrum-Table-sortedIcon {
   display: none;
   position: absolute;
   inset-inline-end: 0;
-}
 
-.CC22fG_spectrum-Table-colResizeIndicator.CC22fG_spectrum-Table-colResizeIndicator--visible {
-  display: block;
+  &.CC22fG_spectrum-Table-colResizeIndicator--visible {
+    display: block;
+  }
 }
 
 .CC22fG_spectrum-Table-colResizeNubbin {
@@ -496,18 +556,22 @@ svg.CC22fG_spectrum-Table-sortedIcon {
   display: none;
   position: absolute;
   inset-inline-start: -7px;
-}
 
-.CC22fG_spectrum-Table-colResizeNubbin.CC22fG_spectrum-Table-colResizeNubbin--visible {
-  display: block;
+  &.CC22fG_spectrum-Table-colResizeNubbin--visible {
+    display: block;
+  }
 }
 
 @media (forced-colors: active) {
-  .CC22fG_spectrum-Table-row.CC22fG_focus-ring:after {
-    outline-offset: calc(-1 * 3px);
-    margin-top: calc(-1 * var(--spectrum-table-border-size, var(--spectrum-alias-border-size-thin)));
-    height: calc(100% + var(--spectrum-table-border-size, var(--spectrum-alias-border-size-thin)));
-    outline: 3px solid;
+  .CC22fG_spectrum-Table-row {
+    &.CC22fG_focus-ring {
+      &:after {
+        outline-offset: calc(-1 * 3px);
+        margin-top: calc(-1 * var(--spectrum-table-border-size, var(--spectrum-alias-border-size-thin)));
+        height: calc(100% + var(--spectrum-table-border-size, var(--spectrum-alias-border-size-thin)));
+        outline: 3px solid;
+      }
+    }
   }
 }
 
@@ -530,168 +594,188 @@ svg.CC22fG_spectrum-Table-sortedIcon {
   color: var(--spectrum-alias-text-color, var(--spectrum-global-color-gray-800));
   background-color: var(--spectrum-alias-background-color-default, var(--spectrum-global-color-gray-100));
   forced-color-adjust: auto;
-}
 
-:is(.CC22fG_spectrum-Table-headCell.CC22fG_is-sortable, .CC22fG_spectrum-Table-headCell.CC22fG_is-resizable) .CC22fG_spectrum-Table-sortedIcon {
-  color: var(--spectrum-table-header-sort-icon-color, var(--spectrum-global-color-gray-600));
-}
+  &.CC22fG_is-sortable, &.CC22fG_is-resizable {
+    & .CC22fG_spectrum-Table-sortedIcon {
+      color: var(--spectrum-table-header-sort-icon-color, var(--spectrum-global-color-gray-600));
+    }
 
-:is(.CC22fG_spectrum-Table-headCell.CC22fG_is-sortable, .CC22fG_spectrum-Table-headCell.CC22fG_is-resizable).CC22fG_is-hovered {
-  color: var(--spectrum-alias-text-color-hover, var(--spectrum-global-color-gray-900));
-}
+    &.CC22fG_is-hovered {
+      color: var(--spectrum-alias-text-color-hover, var(--spectrum-global-color-gray-900));
 
-:is(.CC22fG_spectrum-Table-headCell.CC22fG_is-sortable, .CC22fG_spectrum-Table-headCell.CC22fG_is-resizable).CC22fG_is-hovered .CC22fG_spectrum-Table-sortedIcon {
-  color: var(--spectrum-global-color-gray-700);
-}
+      & .CC22fG_spectrum-Table-sortedIcon {
+        color: var(--spectrum-global-color-gray-700);
+      }
+    }
 
-:is(.CC22fG_spectrum-Table-headCell.CC22fG_is-sortable, .CC22fG_spectrum-Table-headCell.CC22fG_is-resizable).CC22fG_focus-ring, :is(.CC22fG_spectrum-Table-headCell.CC22fG_is-sortable, .CC22fG_spectrum-Table-headCell.CC22fG_is-resizable).CC22fG_is-focused {
-  color: var(--spectrum-table-header-text-color-key-focus, var(--spectrum-alias-text-color-hover));
-}
+    &.CC22fG_focus-ring, &.CC22fG_is-focused {
+      color: var(--spectrum-table-header-text-color-key-focus, var(--spectrum-alias-text-color-hover));
 
-:is(:is(.CC22fG_spectrum-Table-headCell.CC22fG_is-sortable, .CC22fG_spectrum-Table-headCell.CC22fG_is-resizable).CC22fG_focus-ring, :is(.CC22fG_spectrum-Table-headCell.CC22fG_is-sortable, .CC22fG_spectrum-Table-headCell.CC22fG_is-resizable).CC22fG_is-focused) .CC22fG_spectrum-Table-sortedIcon {
-  color: var(--spectrum-table-header-sort-icon-color-key-focus, var(--spectrum-alias-icon-color-focus));
-}
+      & .CC22fG_spectrum-Table-sortedIcon {
+        color: var(--spectrum-table-header-sort-icon-color-key-focus, var(--spectrum-alias-icon-color-focus));
+      }
+    }
 
-:is(.CC22fG_spectrum-Table-headCell.CC22fG_is-sortable, .CC22fG_spectrum-Table-headCell.CC22fG_is-resizable).CC22fG_is-active {
-  color: var(--spectrum-table-header-text-color-down, var(--spectrum-alias-text-color-down));
-}
+    &.CC22fG_is-active {
+      color: var(--spectrum-table-header-text-color-down, var(--spectrum-alias-text-color-down));
 
-:is(.CC22fG_spectrum-Table-headCell.CC22fG_is-sortable, .CC22fG_spectrum-Table-headCell.CC22fG_is-resizable).CC22fG_is-active .CC22fG_spectrum-Table-sortedIcon {
-  color: var(--spectrum-table-header-sort-icon-color-down, var(--spectrum-alias-icon-color-down));
+      & .CC22fG_spectrum-Table-sortedIcon {
+        color: var(--spectrum-table-header-sort-icon-color-down, var(--spectrum-alias-icon-color-down));
+      }
+    }
+  }
 }
 
 .CC22fG_is-drop-target {
   border-color: var(--spectrum-alias-border-color-focus, var(--spectrum-global-color-blue-400));
   box-shadow: 0 0 0 1px var(--spectrum-alias-border-color-focus, var(--spectrum-global-color-blue-400));
-}
 
-.CC22fG_is-drop-target:before {
-  background-color: var(--spectrum-alias-highlight-selected);
+  &:before {
+    background-color: var(--spectrum-alias-highlight-selected);
+  }
 }
 
-:is(:is(.CC22fG_spectrum-Table-cell, .CC22fG_spectrum-Table-headCell, .CC22fG_spectrum-Table-headCellButton).CC22fG_focus-ring, :is(.CC22fG_spectrum-Table-cell, .CC22fG_spectrum-Table-headCell, .CC22fG_spectrum-Table-headCellButton).CC22fG_is-focused):before {
-  box-shadow: inset 0 0 0 2px var(--spectrum-table-cell-border-color-key-focus, var(--spectrum-alias-border-color-focus));
-  forced-color-adjust: none;
+.CC22fG_spectrum-Table-cell, .CC22fG_spectrum-Table-headCell, .CC22fG_spectrum-Table-headCellButton {
+  &.CC22fG_focus-ring, &.CC22fG_is-focused {
+    &:before {
+      box-shadow: inset 0 0 0 2px var(--spectrum-table-cell-border-color-key-focus, var(--spectrum-alias-border-color-focus));
+      forced-color-adjust: none;
+    }
+  }
 }
 
 .CC22fG_spectrum-Table-body {
   border-style: solid;
   border-color: var(--spectrum-table-border-color, var(--spectrum-alias-border-color-mid));
   background-color: var(--spectrum-table-background-color, var(--spectrum-global-color-gray-50));
-}
 
-.CC22fG_spectrum-Table-body.CC22fG_focus-ring:after {
-  content: "";
-  width: 100%;
-  height: 100%;
-  box-shadow: inset 0 0 0 2px var(--spectrum-table-cell-border-color-key-focus, var(--spectrum-alias-border-color-focus));
-  position: absolute;
-  top: 0;
-  left: 0;
-}
+  &.CC22fG_focus-ring {
+    &:after {
+      content: "";
+      width: 100%;
+      height: 100%;
+      box-shadow: inset 0 0 0 2px var(--spectrum-table-cell-border-color-key-focus, var(--spectrum-alias-border-color-focus));
+      position: absolute;
+      top: 0;
+      left: 0;
+    }
+  }
 
-.CC22fG_spectrum-Table-body.CC22fG_is-drop-target {
-  border-color: var(--spectrum-alias-border-color-focus, var(--spectrum-global-color-blue-400));
-  box-shadow: 0 0 0 1px var(--spectrum-alias-border-color-focus, var(--spectrum-global-color-blue-400));
-}
+  &.CC22fG_is-drop-target {
+    border-color: var(--spectrum-alias-border-color-focus, var(--spectrum-global-color-blue-400));
+    box-shadow: 0 0 0 1px var(--spectrum-alias-border-color-focus, var(--spectrum-global-color-blue-400));
 
-.CC22fG_spectrum-Table-body.CC22fG_is-drop-target:before {
-  background-color: var(--spectrum-alias-highlight-selected);
+    &:before {
+      background-color: var(--spectrum-alias-highlight-selected);
+    }
+  }
 }
 
 tbody.CC22fG_spectrum-Table-body {
   border: none;
-}
 
-tbody.CC22fG_spectrum-Table-body .CC22fG_spectrum-Table-row {
-  border-top: none;
-}
+  & .CC22fG_spectrum-Table-row {
+    border-top: none;
+  }
 
-tbody.CC22fG_spectrum-Table-body .CC22fG_spectrum-Table-cell {
-  border-top: 1px solid var(--spectrum-table-cell-border-color, var(--spectrum-global-color-gray-300));
-}
+  & .CC22fG_spectrum-Table-cell {
+    border-top: 1px solid var(--spectrum-table-cell-border-color, var(--spectrum-global-color-gray-300));
+  }
 
-tbody.CC22fG_spectrum-Table-body .CC22fG_spectrum-Table-row .CC22fG_spectrum-Table-cell:first-child {
-  border-left: 1px solid var(--spectrum-table-cell-border-color, var(--spectrum-global-color-gray-300));
-}
+  & .CC22fG_spectrum-Table-row .CC22fG_spectrum-Table-cell:first-child {
+    border-left: 1px solid var(--spectrum-table-cell-border-color, var(--spectrum-global-color-gray-300));
+  }
 
-tbody.CC22fG_spectrum-Table-body .CC22fG_spectrum-Table-row .CC22fG_spectrum-Table-cell:last-child {
-  border-right: 1px solid var(--spectrum-table-cell-border-color, var(--spectrum-global-color-gray-300));
-}
+  & .CC22fG_spectrum-Table-row .CC22fG_spectrum-Table-cell:last-child {
+    border-right: 1px solid var(--spectrum-table-cell-border-color, var(--spectrum-global-color-gray-300));
+  }
 
-tbody.CC22fG_spectrum-Table-body .CC22fG_spectrum-Table-row:last-child .CC22fG_spectrum-Table-cell {
-  border-bottom: 1px solid var(--spectrum-table-cell-border-color, var(--spectrum-global-color-gray-300));
+  & .CC22fG_spectrum-Table-row:last-child .CC22fG_spectrum-Table-cell {
+    border-bottom: 1px solid var(--spectrum-table-cell-border-color, var(--spectrum-global-color-gray-300));
+  }
 }
 
 .CC22fG_spectrum-Table-row {
   box-sizing: border-box;
-}
 
-.CC22fG_spectrum-Table-row .CC22fG_spectrum-Table-cellWrapper {
-  background-color: var(--spectrum-table-background-color, var(--spectrum-global-color-gray-50));
-}
+  & .CC22fG_spectrum-Table-cellWrapper {
+    background-color: var(--spectrum-table-background-color, var(--spectrum-global-color-gray-50));
+  }
 
-.CC22fG_spectrum-Table-row.CC22fG_is-hovered .CC22fG_spectrum-Table-cell, .CC22fG_spectrum-Table-row.CC22fG_focus-ring .CC22fG_spectrum-Table-cell, .CC22fG_spectrum-Table-row.CC22fG_is-focused .CC22fG_spectrum-Table-cell {
-  background-color: var(--spectrum-table-row-background-color-hover, var(--spectrum-alias-highlight-hover));
-}
+  &.CC22fG_is-hovered .CC22fG_spectrum-Table-cell, &.CC22fG_focus-ring .CC22fG_spectrum-Table-cell, &.CC22fG_is-focused .CC22fG_spectrum-Table-cell {
+    background-color: var(--spectrum-table-row-background-color-hover, var(--spectrum-alias-highlight-hover));
+  }
 
-.CC22fG_spectrum-Table-row.CC22fG_focus-ring:before {
-  background-color: var(--spectrum-table-row-focus-indicator-color);
-}
+  &.CC22fG_focus-ring {
+    &:before {
+      background-color: var(--spectrum-table-row-focus-indicator-color);
+    }
+  }
 
-.CC22fG_spectrum-Table-row.CC22fG_is-active .CC22fG_spectrum-Table-cell:not(.CC22fG_is-disabled) {
-  background-color: var(--spectrum-table-row-background-color-down, var(--spectrum-alias-highlight-active));
-}
+  &.CC22fG_is-active .CC22fG_spectrum-Table-cell:not(.CC22fG_is-disabled) {
+    background-color: var(--spectrum-table-row-background-color-down, var(--spectrum-alias-highlight-active));
+  }
 
-.CC22fG_spectrum-Table-row.CC22fG_is-disabled .CC22fG_spectrum-Table-cell.CC22fG_is-disabled {
-  color: var(--spectrum-alias-text-color-disabled, var(--spectrum-global-color-gray-500));
-}
+  &.CC22fG_is-disabled .CC22fG_spectrum-Table-cell.CC22fG_is-disabled {
+    color: var(--spectrum-alias-text-color-disabled, var(--spectrum-global-color-gray-500));
+  }
 
-.CC22fG_spectrum-Table-row:not(tr):after {
-  box-shadow: inset 0 -1px 0 0 var(--spectrum-table-cell-border-color, var(--spectrum-global-color-gray-300));
-  content: "";
-  z-index: 3;
-  pointer-events: none;
-  forced-color-adjust: none;
-  display: block;
-  position: absolute;
-  inset-block: 0;
-  inset-inline: 0;
-}
+  &:not(tr):after {
+    box-shadow: inset 0 -1px 0 0 var(--spectrum-table-cell-border-color, var(--spectrum-global-color-gray-300));
+    content: "";
+    z-index: 3;
+    pointer-events: none;
+    forced-color-adjust: none;
+    display: block;
+    position: absolute;
+    inset-block: 0;
+    inset-inline: 0;
+  }
 
-.CC22fG_spectrum-Table-row.CC22fG_is-next-selected:after {
-  box-shadow: inset 0 -1px 0 0 var(--spectrum-table-row-border-color-selected);
-}
+  &.CC22fG_is-next-selected {
+    &:after {
+      box-shadow: inset 0 -1px 0 0 var(--spectrum-table-row-border-color-selected);
+    }
+  }
 
-.CC22fG_spectrum-Table-row.CC22fG_is-selected .CC22fG_spectrum-Table-cell {
-  background-color: var(--spectrum-table-row-background-color-selected, var(--spectrum-alias-highlight-selected));
-}
+  &.CC22fG_is-selected {
+    & .CC22fG_spectrum-Table-cell {
+      background-color: var(--spectrum-table-row-background-color-selected, var(--spectrum-alias-highlight-selected));
+    }
 
-.CC22fG_spectrum-Table-row.CC22fG_is-selected.CC22fG_is-hovered .CC22fG_spectrum-Table-cell, .CC22fG_spectrum-Table-row.CC22fG_is-selected.CC22fG_is-active .CC22fG_spectrum-Table-cell:not(.CC22fG_is-disabled) {
-  background-color: var(--spectrum-table-row-background-color-selected-hover, var(--spectrum-alias-highlight-selected-hover));
-}
+    &.CC22fG_is-hovered .CC22fG_spectrum-Table-cell, &.CC22fG_is-active .CC22fG_spectrum-Table-cell:not(.CC22fG_is-disabled) {
+      background-color: var(--spectrum-table-row-background-color-selected-hover, var(--spectrum-alias-highlight-selected-hover));
+    }
 
-.CC22fG_spectrum-Table-row.CC22fG_is-selected.CC22fG_focus-ring .CC22fG_spectrum-Table-cell, .CC22fG_spectrum-Table-row.CC22fG_is-selected.CC22fG_is-focused .CC22fG_spectrum-Table-cell {
-  background-color: var(--spectrum-table-row-background-color-selected-key-focus, var(--spectrum-alias-highlight-selected-hover));
-}
+    &.CC22fG_focus-ring .CC22fG_spectrum-Table-cell, &.CC22fG_is-focused .CC22fG_spectrum-Table-cell {
+      background-color: var(--spectrum-table-row-background-color-selected-key-focus, var(--spectrum-alias-highlight-selected-hover));
+    }
 
-.CC22fG_spectrum-Table-row.CC22fG_is-selected:after {
-  box-shadow: inset 1px 0 0 0 var(--spectrum-table-row-border-color-selected),
+    &:after {
+      box-shadow: inset 1px 0 0 0 var(--spectrum-table-row-border-color-selected),
         inset -1px 0 0 0 var(--spectrum-table-row-border-color-selected),
         inset 0 -1px 0 0 var(--spectrum-table-row-border-color-selected);
-}
+    }
+  }
 
-.CC22fG_spectrum-Table-row.CC22fG_spectrum-Table-row--firstRow.CC22fG_is-selected:after {
-  box-shadow: inset 1px 0 0 0 var(--spectrum-table-row-border-color-selected),
+  &.CC22fG_spectrum-Table-row--firstRow {
+    &.CC22fG_is-selected {
+      &:after {
+        box-shadow: inset 1px 0 0 0 var(--spectrum-table-row-border-color-selected),
           inset -1px 0 0 0 var(--spectrum-table-row-border-color-selected),
           inset 0 1px 0 0 var(--spectrum-table-row-border-color-selected),
           inset 0 -1px 0 0 var(--spectrum-table-row-border-color-selected);
-}
+      }
+    }
+  }
 
-.CC22fG_spectrum-Table-row.CC22fG_is-drop-target:before {
-  box-shadow: inset 0 0 0 2px var(--spectrum-alias-border-color-focus, var(--spectrum-global-color-blue-400));
-  background-color: var(--spectrum-alias-highlight-selected);
-  forced-color-adjust: none;
+  &.CC22fG_is-drop-target {
+    &:before {
+      box-shadow: inset 0 0 0 2px var(--spectrum-alias-border-color-focus, var(--spectrum-global-color-blue-400));
+      background-color: var(--spectrum-alias-highlight-selected);
+      forced-color-adjust: none;
+    }
+  }
 }
 
 .CC22fG_spectrum-Table-cell {
@@ -704,69 +788,87 @@ tbody.CC22fG_spectrum-Table-body .CC22fG_spectrum-Table-row:last-child .CC22fG_s
   border-inline-end-color: var(--spectrum-table-divider-border-color, var(--spectrum-alias-border-color-mid));
 }
 
-.CC22fG_spectrum-Table--quiet .CC22fG_spectrum-Table-body {
-  background-color: var(--spectrum-table-quiet-cell-background-color, var(--spectrum-alias-background-color-transparent));
-  border-width: 1px 0;
-}
+.CC22fG_spectrum-Table--quiet {
+  & .CC22fG_spectrum-Table-body {
+    background-color: var(--spectrum-table-quiet-cell-background-color, var(--spectrum-alias-background-color-transparent));
+    border-width: 1px 0;
 
-.CC22fG_spectrum-Table--quiet .CC22fG_spectrum-Table-body.CC22fG_is-drop-target {
-  box-shadow: none;
-  border-color: #0000;
-}
-
-.CC22fG_spectrum-Table--quiet .CC22fG_spectrum-Table-body.CC22fG_is-drop-target:before {
-  box-shadow: inset 0 0 0 2px var(--spectrum-alias-border-color-focus, var(--spectrum-global-color-blue-400));
-}
+    &.CC22fG_is-drop-target {
+      box-shadow: none;
+      border-color: #0000;
 
-.CC22fG_spectrum-Table--quiet .CC22fG_spectrum-Table-row .CC22fG_spectrum-Table-cellWrapper {
-  background-color: var(--spectrum-alias-background-color-default, var(--spectrum-global-color-gray-100));
-}
+      &:before {
+        box-shadow: inset 0 0 0 2px var(--spectrum-alias-border-color-focus, var(--spectrum-global-color-blue-400));
+      }
+    }
+  }
 
-.CC22fG_spectrum-Table--quiet .CC22fG_spectrum-Table-row.CC22fG_is-hovered .CC22fG_spectrum-Table-cell, .CC22fG_spectrum-Table--quiet .CC22fG_spectrum-Table-row.CC22fG_focus-ring .CC22fG_spectrum-Table-cell, .CC22fG_spectrum-Table--quiet .CC22fG_spectrum-Table-row.CC22fG_is-focused .CC22fG_spectrum-Table-cell {
-  background-color: var(--spectrum-table-quiet-row-background-color-hover, var(--spectrum-alias-highlight-hover));
-}
+  & .CC22fG_spectrum-Table-row {
+    & .CC22fG_spectrum-Table-cellWrapper {
+      background-color: var(--spectrum-alias-background-color-default, var(--spectrum-global-color-gray-100));
+    }
 
-.CC22fG_spectrum-Table--quiet .CC22fG_spectrum-Table-row.CC22fG_is-active .CC22fG_spectrum-Table-cell:not(.CC22fG_is-disabled) {
-  background-color: var(--spectrum-table-quiet-row-background-color-down, var(--spectrum-alias-highlight-active));
-}
+    &.CC22fG_is-hovered .CC22fG_spectrum-Table-cell, &.CC22fG_focus-ring .CC22fG_spectrum-Table-cell, &.CC22fG_is-focused .CC22fG_spectrum-Table-cell {
+      background-color: var(--spectrum-table-quiet-row-background-color-hover, var(--spectrum-alias-highlight-hover));
+    }
 
-.CC22fG_spectrum-Table--quiet .CC22fG_spectrum-Table-row.CC22fG_is-selected .CC22fG_spectrum-Table-cell {
-  background-color: var(--spectrum-table-quiet-row-background-color-selected, var(--spectrum-alias-highlight-selected));
-}
+    &.CC22fG_is-active .CC22fG_spectrum-Table-cell:not(.CC22fG_is-disabled) {
+      background-color: var(--spectrum-table-quiet-row-background-color-down, var(--spectrum-alias-highlight-active));
+    }
 
-.CC22fG_spectrum-Table--quiet .CC22fG_spectrum-Table-row.CC22fG_is-selected.CC22fG_is-hovered .CC22fG_spectrum-Table-cell {
-  background-color: var(--spectrum-table-quiet-row-background-color-selected-hover, var(--spectrum-alias-highlight-selected-hover));
-}
+    &.CC22fG_is-selected {
+      & .CC22fG_spectrum-Table-cell {
+        background-color: var(--spectrum-table-quiet-row-background-color-selected, var(--spectrum-alias-highlight-selected));
+      }
 
-.CC22fG_spectrum-Table--quiet .CC22fG_spectrum-Table-row.CC22fG_is-selected.CC22fG_focus-ring .CC22fG_spectrum-Table-cell, .CC22fG_spectrum-Table--quiet .CC22fG_spectrum-Table-row.CC22fG_is-selected.CC22fG_is-focused .CC22fG_spectrum-Table-cell {
-  background-color: var(--spectrum-table-quiet-row-background-color-selected-key-focus, var(--spectrum-alias-highlight-selected-hover));
-}
+      &.CC22fG_is-hovered .CC22fG_spectrum-Table-cell {
+        background-color: var(--spectrum-table-quiet-row-background-color-selected-hover, var(--spectrum-alias-highlight-selected-hover));
+      }
 
-.CC22fG_spectrum-Table--quiet tbody.CC22fG_spectrum-Table-body .CC22fG_spectrum-Table-row .CC22fG_spectrum-Table-cell:first-child, .CC22fG_spectrum-Table--quiet tbody.CC22fG_spectrum-Table-body .CC22fG_spectrum-Table-row .CC22fG_spectrum-Table-cell:last-child {
-  border-left: none;
-  border-right: none;
-}
+      &.CC22fG_focus-ring .CC22fG_spectrum-Table-cell, &.CC22fG_is-focused .CC22fG_spectrum-Table-cell {
+        background-color: var(--spectrum-table-quiet-row-background-color-selected-key-focus, var(--spectrum-alias-highlight-selected-hover));
+      }
+    }
+  }
 
-.CC22fG_spectrum-Table-columnResizer:after {
-  background-color: var(--spectrum-table-divider-border-color, var(--spectrum-alias-border-color-mid));
+  & tbody.CC22fG_spectrum-Table-body {
+    & .CC22fG_spectrum-Table-row .CC22fG_spectrum-Table-cell:first-child, & .CC22fG_spectrum-Table-row .CC22fG_spectrum-Table-cell:last-child {
+      border-left: none;
+      border-right: none;
+    }
+  }
 }
 
-:is(.CC22fG_spectrum-Table-columnResizer:active, .CC22fG_spectrum-Table-columnResizer.CC22fG_focus-ring):after {
-  background-color: unset;
-}
+.CC22fG_spectrum-Table-columnResizer {
+  &:after {
+    background-color: var(--spectrum-table-divider-border-color, var(--spectrum-alias-border-color-mid));
+  }
 
-.CC22fG_spectrum-Table-colResizeIndicator.CC22fG_spectrum-Table-colResizeIndicator--resizing {
-  background-color: var(--spectrum-table-col-resize-indicator-background-color);
+  &:active, &.CC22fG_focus-ring {
+    &:after {
+      background-color: unset;
+    }
+  }
 }
 
-.CC22fG_spectrum-Table-colResizeNubbin svg g[fill][stroke] {
-  fill: var(--spectrum-table-col-resize-nubbin-background-color);
-  stroke: var(--spectrum-table-col-resize-nubbin-background-color);
+.CC22fG_spectrum-Table-colResizeIndicator {
+  &.CC22fG_spectrum-Table-colResizeIndicator--resizing {
+    background-color: var(--spectrum-table-col-resize-indicator-background-color);
+  }
 }
 
-.CC22fG_spectrum-Table-colResizeNubbin svg path[fill][stroke] {
-  fill: var(--spectrum-table-col-resize-nubbin-icon-color);
-  stroke: var(--spectrum-table-col-resize-nubbin-icon-color);
+.CC22fG_spectrum-Table-colResizeNubbin {
+  & svg {
+    & g[fill][stroke] {
+      fill: var(--spectrum-table-col-resize-nubbin-background-color);
+      stroke: var(--spectrum-table-col-resize-nubbin-background-color);
+    }
+
+    & path[fill][stroke] {
+      fill: var(--spectrum-table-col-resize-nubbin-icon-color);
+      stroke: var(--spectrum-table-col-resize-nubbin-icon-color);
+    }
+  }
 }
 
 .CC22fG_spectrum-Table-bodyResizeIndicator {
@@ -790,12 +892,18 @@ tbody.CC22fG_spectrum-Table-body .CC22fG_spectrum-Table-row:last-child .CC22fG_s
     --spectrum-alias-border-color-focus: Highlight;
   }
 
-  .CC22fG_spectrum-Table-row.CC22fG_focus-ring:after {
-    outline-color: var(--spectrum-table-row-focus-indicator-color);
-  }
-
-  .CC22fG_spectrum-Table-row.CC22fG_is-drop-target .CC22fG_spectrum-Table-cellWrapper {
-    --spectrum-table-background-color: transparent;
+  .CC22fG_spectrum-Table-row {
+    &.CC22fG_focus-ring {
+      &:after {
+        outline-color: var(--spectrum-table-row-focus-indicator-color);
+      }
+    }
+
+    &.CC22fG_is-drop-target {
+      & .CC22fG_spectrum-Table-cellWrapper {
+        --spectrum-table-background-color: transparent;
+      }
+    }
   }
 }
 /*# sourceMappingURL=table_vars.css.map */