@macive/ui 0.0.10 → 0.0.12

package/dist/css/Navigation.css

@@ -1,778 +0,0 @@
-.Navigation-Navigation {
-  --pc-navigation-icon-size: 20px;
-  display: flex;
-  flex-direction: column;
-  align-items: stretch;
-  width: calc(100vw - (32px + 32px));
-  min-width: 240px;
-  max-width: 360px;
-  height: 100%;
-  min-height: 100%;
-  background-color: var(--p-color-bg-app);
-  -webkit-overflow-scrolling: touch;
-  border-right: var(--p-border-width-1) solid var(--p-color-border-subdued);
-  padding-bottom: 0px;
-  padding-bottom: calc(0px + constant(safe-area-inset-bottom));
-  padding-bottom: calc(0px + env(safe-area-inset-bottom));
-}
-.Navigation-Navigation:focus {
-  outline: none;
-}
-@media (min-width: 48em) {
-  .Navigation-Navigation {
-    max-width: 240px;
-    max-width: 240px;
-    max-width: calc(240px + constant(safe-area-inset-left));
-    max-width: calc(240px + env(safe-area-inset-left));
-  }
-}
-
-.Navigation-UserMenu {
-  flex: 0 0 auto;
-}
-
-.Navigation-ContextControl {
-  min-height: 56px;
-}
-@media (min-width: 48em) {
-  .Navigation-ContextControl {
-    display: none;
-  }
-}
-
-.Navigation-PrimaryNavigation {
-  display: flex;
-  overflow: auto;
-  flex: 1 1 auto;
-  flex-direction: column;
-  align-items: stretch;
-  max-width: 100%;
-}
-.Navigation-PrimaryNavigation:focus {
-  outline: none;
-}
-@media (min-width: 48em) {
-  .Navigation-PrimaryNavigation {
-    padding-top: var(--p-space-4);
-  }
-}
-
-.Navigation-LogoContainer {
-  display: none;
-}
-@media (max-width: 48em) {
-  .Navigation-LogoContainer {
-    display: flex;
-    flex: 0 0 56px;
-    align-items: center;
-    height: 56px;
-    padding: 0 var(--p-space-2) 0 var(--p-space-4);
-    background-color: var(--p-color-bg);
-    box-shadow: var(--p-shadow-sm);
-    margin-bottom: var(--p-space-4);
-    flex-basis: 56px;
-    flex-basis: calc(56px + constant(safe-area-inset-left));
-    flex-basis: calc(56px + env(safe-area-inset-left));
-    padding-left: var(--p-space-4);
-    padding-left: calc(var(--p-space-4) + constant(safe-area-inset-left));
-    padding-left: calc(var(--p-space-4) + env(safe-area-inset-left));
-  }
-}
-.Navigation-LogoContainer.Navigation-hasLogoSuffix {
-  gap: var(--p-space-2);
-}
-
-.Navigation-Logo,
-.Navigation-LogoLink {
-  display: block;
-}
-
-.Navigation-Item {
-  appearance: none;
-  margin: 0;
-  padding: 0;
-  background: none;
-  border: none;
-  font-size: inherit;
-  line-height: inherit;
-  color: inherit;
-  cursor: pointer;
-  font-size: var(--p-font-size-200);
-  font-weight: var(--p-font-weight-semibold);
-  line-height: 36px;
-  display: flex;
-  flex-grow: 1;
-  align-items: flex-start;
-  max-width: 100%;
-  padding: 0 var(--p-space-1) 0 var(--p-space-3);
-  margin: 0;
-  color: var(--p-color-text);
-  text-decoration: none;
-  text-align: left;
-  position: relative;
-  position: relative;
-}
-.Navigation-Item:focus {
-  outline: none;
-}
-.Navigation-Item::after {
-  content: "";
-  position: absolute;
-  z-index: 1;
-  top: calc(-1 * 1px);
-  right: calc(-1 * 1px);
-  bottom: calc(-1 * 1px);
-  left: calc(-1 * 1px);
-  display: block;
-  pointer-events: none;
-  box-shadow: 0 0 0 calc(-1 * 1px) var(--p-color-border-interactive-focus);
-  transition: box-shadow var(--p-motion-duration-100) var(--p-motion-ease);
-  border-radius: var(--p-border-radius-1);
-}
-.Navigation-Item:focus-visible {
-  background: var(--p-color-bg-app-hover);
-  color: var(--p-color-text);
-  text-decoration: none;
-}
-.Navigation-Item:focus-visible::after {
-  box-shadow: 0 0 0 2px var(--p-color-border-interactive-focus);
-  outline: var(--p-border-width-1) solid transparent;
-}
-.Navigation-Item:active, .Navigation-Item:active:hover {
-  color: var(--p-color-text);
-  background-color: var(--p-color-bg-app-active);
-}
-.Navigation-Item:active::after, .Navigation-Item:active:hover::after {
-  content: none;
-}
-@media (min-width: 48em) {
-  .Navigation-Item {
-    font-size: var(--p-font-size-200);
-    font-weight: var(--p-font-weight-medium);
-    line-height: var(--p-font-line-height-5);
-    padding-left: var(--p-space-3);
-  }
-}
-.Navigation-Item::-moz-focus-inner {
-  border: 0;
-}
-.Navigation-Item svg,
-.Navigation-Item img {
-  display: block;
-  height: var(--p-space-5);
-  width: var(--p-space-5);
-}
-.Navigation-Item .Navigation-Icon-resized svg,
-.Navigation-Item .Navigation-Icon-resized img {
-  margin: var(--p-space-05);
-  height: var(--p-space-4);
-  width: var(--p-space-4);
-}
-.Navigation-Item:is(:hover, :focus-visible) {
-  background: var(--p-color-bg-app-hover);
-  color: var(--p-color-text);
-  text-decoration: none;
-}
-
-.Navigation-Item,
-.Navigation-ItemInnerWrapper {
-  border-radius: var(--p-border-radius-1);
-}
-
-.Navigation-Item-selected {
-  font-weight: var(--p-font-weight-semibold);
-  color: var(--p-color-text-primary);
-  outline: var(--p-border-width-1) solid transparent;
-  position: relative;
-}
-.Navigation-Item-selected::before {
-  content: "";
-  position: absolute;
-  top: 1px;
-  bottom: 1px;
-  left: calc(-1 * var(--p-space-2));
-  width: 3px;
-  background-color: var(--p-color-bg-primary);
-  border-top-right-radius: var(--p-border-radius-1);
-  border-bottom-right-radius: var(--p-border-radius-1);
-}
-.Navigation-Item-selected::after {
-  content: "";
-  position: absolute;
-  z-index: 1;
-  top: calc(-1 * 1px);
-  right: calc(-1 * 1px);
-  bottom: calc(-1 * 1px);
-  left: calc(-1 * 1px);
-  display: block;
-  pointer-events: none;
-  box-shadow: 0 0 0 calc(-1 * 1px) var(--p-color-border-interactive-focus);
-  transition: box-shadow var(--p-motion-duration-100) var(--p-motion-ease);
-  border-radius: var(--p-border-radius-1);
-}
-.Navigation-Item-selected:hover, .Navigation-Item-selected:focus-visible {
-  background-color: var(--p-color-bg-app-hover);
-  color: var(--p-color-text-primary-hover);
-}
-.Navigation-Item-selected :focus-visible::after {
-  box-shadow: 0 0 0 2px var(--p-color-border-interactive-focus);
-  outline: var(--p-border-width-1) solid transparent;
-}
-.Navigation-Item-selected:active, .Navigation-Item-selected:active:hover {
-  color: var(--p-color-text-primary);
-  background-color: var(--p-color-bg-app-active);
-}
-.Navigation-Item-selected:active::after, .Navigation-Item-selected:active:hover::after {
-  content: none;
-}
-@media (min-width: 48em) {
-  .Navigation-Item-selected {
-    font-weight: var(--p-font-weight-medium);
-  }
-}
-
-.Navigation-Item-disabled {
-  color: var(--p-color-text-disabled);
-  opacity: 0.6;
-}
-.Navigation-Item-disabled .Navigation-Icon {
-  opacity: 0.6;
-}
-
-.Navigation-Badge {
-  margin-left: var(--p-space-2);
-  display: inline-flex;
-  height: var(--p-font-line-height-2);
-  margin-top: calc(var(--p-space-2) + var(--p-space-05));
-  margin-right: var(--p-space-4);
-}
-@media (min-width: 48em) {
-  .Navigation-Badge {
-    margin: var(--p-space-1);
-    margin-right: var(--p-space-2);
-  }
-}
-
-.Navigation-ListItem-hasAction .Navigation-Badge {
-  margin-right: var(--p-space-5);
-}
-@media (min-width: 48em) {
-  .Navigation-ListItem-hasAction .Navigation-Badge {
-    margin-right: var(--p-space-3);
-  }
-}
-
-.Navigation-Icon {
-  --pc-navigation-filter-icon: brightness(0) saturate(100%) invert(36%)
-    sepia(13%) saturate(137%) hue-rotate(169deg) brightness(95%) contrast(87%);
-  --pc-navigation-filter-icon-action-primary: brightness(0) saturate(100%)
-    invert(20%) sepia(59%) saturate(5557%) hue-rotate(162deg) brightness(95%)
-    contrast(101%);
-  --pc-navigation-filter-icon-on-interactive: brightness(0) saturate(100%)
-    invert(100%);
-  flex-shrink: 0;
-  align-self: flex-start;
-  width: 20px;
-  height: 20px;
-  margin-top: calc(var(--p-space-2) + var(--p-space-05));
-  margin-right: var(--p-space-3);
-  margin-bottom: calc(var(--p-space-2) + var(--p-space-05));
-}
-@media (min-width: 48em) {
-  .Navigation-Icon {
-    margin-top: var(--p-space-1);
-    margin-right: var(--p-space-2);
-    margin-bottom: var(--p-space-1);
-  }
-}
-.Navigation-Icon svg {
-  fill: var(--p-color-icon);
-}
-.Navigation-Icon img {
-  filter: var(--pc-navigation-filter-icon);
-}
-.Navigation-Item:hover .Navigation-Icon svg, .Navigation-Item:focus-visible .Navigation-Icon svg {
-  fill: var(--p-color-icon);
-}
-.Navigation-Item:hover .Navigation-Icon img, .Navigation-Item:focus-visible .Navigation-Icon img {
-  filter: var(--pc-navigation-filter-icon);
-}
-.Navigation-Item-selected .Navigation-Icon svg, .Navigation-Item-selected:hover .Navigation-Icon svg, .Navigation-subNavigationActive .Navigation-Icon svg, .Navigation-subNavigationActive:hover .Navigation-Icon svg, .Navigation-Item-child-active .Navigation-Icon svg, .Navigation-Item-child-active:hover .Navigation-Icon svg, .Navigation-Item-selected:focus-visible .Navigation-Icon svg {
-  fill: var(--p-color-icon-primary);
-}
-.Navigation-Item-selected .Navigation-Icon img, .Navigation-Item-selected:hover .Navigation-Icon img, .Navigation-subNavigationActive .Navigation-Icon img, .Navigation-subNavigationActive:hover .Navigation-Icon img, .Navigation-Item-child-active .Navigation-Icon img, .Navigation-Item-child-active:hover .Navigation-Icon img, .Navigation-Item-selected:focus-visible .Navigation-Icon img {
-  filter: var(--pc-navigation-filter-icon-action-primary);
-}
-.Navigation-Icon svg {
-  display: block;
-}
-
-.Navigation-ListItem {
-  position: relative;
-  display: flex;
-  flex-wrap: wrap;
-}
-.Navigation-RollupSection .Navigation-ListItem, .Navigation-SecondaryNavigation .Navigation-ListItem {
-  opacity: 1;
-}
-.Navigation-ListItem:nth-child(1) {
-  animation-delay: 0ms;
-}
-.Navigation-ListItem:nth-child(2) {
-  animation-delay: 50ms;
-}
-.Navigation-ListItem:nth-child(3) {
-  animation-delay: 100ms;
-}
-.Navigation-ListItem:nth-child(4) {
-  animation-delay: 150ms;
-}
-.Navigation-ListItem:nth-child(5) {
-  animation-delay: 200ms;
-}
-.Navigation-ListItem:nth-child(6) {
-  animation-delay: 250ms;
-}
-.Navigation-ListItem:nth-child(7) {
-  animation-delay: 300ms;
-}
-.Navigation-ListItem:nth-child(8) {
-  animation-delay: 350ms;
-}
-.Navigation-ListItem:nth-child(9) {
-  animation-delay: 400ms;
-}
-.Navigation-ListItem:nth-child(10) {
-  animation-delay: 450ms;
-}
-.Navigation-ListItem:nth-child(11) {
-  animation-delay: 500ms;
-}
-.Navigation-ListItem:nth-child(12) {
-  animation-delay: 550ms;
-}
-.Navigation-ListItem:not(:first-child) .Navigation-ItemInnerWrapper {
-  border-top: var(--p-border-width-1) solid var(--p-color-bg-app);
-}
-
-.Navigation-ListItem-hasAction .Navigation-Item {
-  max-width: calc(100% - var(--pc-navigation-icon-size) + var(--p-space-4) * 2 + var(--p-space-1));
-}
-
-.Navigation-ListItem-hasAction {
-  max-width: calc(100% - var(--pc-navigation-icon-size) + var(--p-space-4) * 2 + var(--p-space-1));
-}
-
-.Navigation-ItemWrapper {
-  width: 100%;
-  padding: 0 var(--p-space-2);
-}
-
-.Navigation-ItemInnerWrapper {
-  position: relative;
-  display: flex;
-  flex-wrap: nowrap;
-  width: 100%;
-}
-.Navigation-ItemInnerWrapper.Navigation-ItemInnerDisabled {
-  pointer-events: none;
-}
-
-.Navigation-ItemInnerWrapper-selected {
-  background-color: var(--p-color-bg-app-selected);
-}
-
-.Navigation-Text {
-  flex: 1 1 auto;
-  font-size: var(--p-font-size-200);
-  font-weight: var(--p-font-weight-medium);
-  line-height: var(--p-font-line-height-2);
-  margin-top: calc(var(--p-space-2) + var(--p-space-05));
-  margin-bottom: calc(var(--p-space-2) + var(--p-space-05));
-}
-@media (min-width: 48em) {
-  .Navigation-Text {
-    font-size: var(--p-font-size-100);
-    line-height: var(--p-font-line-height-2);
-    margin-top: var(--p-space-1);
-    margin-bottom: var(--p-space-1);
-  }
-}
-
-.Navigation-Text-truncated {
-  display: -webkit-box;
-  overflow: hidden;
-  -webkit-line-clamp: 1;
-  -webkit-box-orient: vertical;
-  word-break: break-all;
-}
-
-.Navigation-SecondaryActions {
-  display: flex;
-  height: 40px;
-}
-.Navigation-SecondaryActions:last-child {
-  margin-right: calc(var(--p-space-2) + var(--p-space-05));
-}
-@media (min-width: 48em) {
-  .Navigation-SecondaryActions {
-    height: 28px;
-  }
-}
-
-.Navigation-ItemWithFloatingActions {
-  position: relative;
-  display: flex;
-  flex-wrap: nowrap;
-}
-.Navigation-ItemWithFloatingActions .Navigation-SecondaryActions {
-  margin-right: 0;
-}
-
-@media (min-width: 48em) {
-  .Navigation-ItemInnerWrapper-display-actions-on-hover .Navigation-SecondaryActions {
-    position: absolute;
-    top: 0;
-    right: 0;
-    background: var(--p-color-bg-app-hover);
-    visibility: hidden;
-    opacity: 0;
-    transition: opacity var(--p-motion-duration-200) ease-in-out, visibility var(--p-motion-duration-200) ease-in-out;
-  }
-  .Navigation-ItemInnerWrapper-display-actions-on-hover .Navigation-SecondaryActions::before {
-    content: "";
-    pointer-events: none;
-    position: absolute;
-    right: 100%;
-    display: block;
-    height: 100%;
-    width: var(--p-space-8);
-    background: linear-gradient(to right, rgba(0, 0, 0, 0), var(--p-color-bg-app-hover) var(--p-space-8));
-  }
-  .Navigation-ItemInnerWrapper-display-actions-on-hover:focus-within .Navigation-SecondaryActions, .Navigation-ItemInnerWrapper-display-actions-on-hover:hover .Navigation-SecondaryActions {
-    visibility: visible;
-    opacity: 1;
-  }
-}
-
-.Navigation-SecondaryAction {
-  appearance: none;
-  margin: 0;
-  padding: 0;
-  background: none;
-  border: none;
-  font-size: inherit;
-  line-height: inherit;
-  color: inherit;
-  cursor: pointer;
-  appearance: none;
-  margin: 0;
-  padding: 0;
-  background: none;
-  border: none;
-  font-size: inherit;
-  line-height: inherit;
-  color: inherit;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  height: 40px;
-  padding: var(--p-space-1) calc(var(--p-space-2) + var(--p-space-05));
-  border-radius: var(--p-border-radius-1);
-  position: relative;
-}
-.Navigation-SecondaryAction:focus {
-  outline: none;
-}
-.Navigation-SecondaryAction:focus {
-  outline: none;
-}
-@media (min-width: 48em) {
-  .Navigation-SecondaryAction {
-    height: 28px;
-    padding: var(--p-space-05);
-  }
-}
-.Navigation-SecondaryAction:hover svg, .Navigation-SecondaryAction:focus svg, .Navigation-SecondaryAction:active svg {
-  fill: var(--p-color-icon-hover);
-}
-@media (-ms-high-contrast: active) {
-  .Navigation-SecondaryAction:hover svg, .Navigation-SecondaryAction:focus svg, .Navigation-SecondaryAction:active svg {
-    fill: var(--p-color-icon-on-color);
-  }
-}
-.Navigation-SecondaryAction::after {
-  content: "";
-  position: absolute;
-  z-index: 1;
-  top: calc(-1 * 1px);
-  right: calc(-1 * 1px);
-  bottom: calc(-1 * 1px);
-  left: calc(-1 * 1px);
-  display: block;
-  pointer-events: none;
-  box-shadow: 0 0 0 calc(-1 * 1px) var(--p-color-border-interactive-focus);
-  transition: box-shadow var(--p-motion-duration-100) var(--p-motion-ease);
-  border-radius: var(--p-border-radius-1);
-}
-.Navigation-SecondaryAction:focus-visible::after {
-  box-shadow: 0 0 0 2px var(--p-color-border-interactive-focus);
-  outline: var(--p-border-width-1) solid transparent;
-}
-.Navigation-SecondaryAction:active {
-  background: var(--p-color-bg-app-active);
-}
-.Navigation-SecondaryAction:active::after {
-  content: none;
-}
-.Navigation-SecondaryAction:active svg {
-  fill: var(--p-color-icon-active);
-}
-.Navigation-SecondaryAction:focus, .Navigation-SecondaryAction:active {
-  outline: none;
-}
-
-.Navigation-SecondaryNavigation {
-  flex-basis: 100%;
-  margin-left: 0;
-  overflow-x: visible;
-}
-.Navigation-SecondaryNavigation .Navigation-List {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  margin-bottom: var(--p-space-2);
-}
-.Navigation-SecondaryNavigation .Navigation-Item {
-  font-size: 15px;
-  font-weight: var(--p-font-weight-medium);
-  line-height: 40px;
-  color: var(--p-color-text-subdued);
-  padding-left: calc(var(--p-space-8) + var(--p-space-3));
-}
-.Navigation-SecondaryNavigation .Navigation-Item:hover {
-  color: var(--p-color-text-subdued);
-}
-.Navigation-SecondaryNavigation .Navigation-Item:focus-visible {
-  color: var(--p-color-text);
-}
-.Navigation-SecondaryNavigation .Navigation-Item:focus-visible::after {
-  box-shadow: 0 0 0 2px var(--p-color-border-interactive-focus);
-  outline: var(--p-border-width-1) solid transparent;
-}
-.Navigation-SecondaryNavigation .Navigation-Item:active::after, .Navigation-SecondaryNavigation .Navigation-Item:active:hover::after {
-  content: none;
-}
-.Navigation-SecondaryNavigation .Navigation-Item:active {
-  color: var(--p-color-text-primary);
-}
-@media (min-width: 48em) {
-  .Navigation-SecondaryNavigation .Navigation-Item {
-    font-size: var(--p-font-size-100);
-    line-height: 1;
-    padding-left: var(--p-space-10);
-  }
-}
-.Navigation-SecondaryNavigation .Navigation-Text {
-  margin-top: var(--p-space-1);
-  margin-bottom: var(--p-space-1);
-  line-height: var(--p-space-5);
-}
-.Navigation-SecondaryNavigation .Navigation-Item-selected {
-  color: var(--p-color-text-primary);
-  position: relative;
-}
-.Navigation-SecondaryNavigation .Navigation-Item-selected::after {
-  content: "";
-  position: absolute;
-  z-index: 1;
-  top: calc(-1 * 1px);
-  right: calc(-1 * 1px);
-  bottom: calc(-1 * 1px);
-  left: calc(-1 * 1px);
-  display: block;
-  pointer-events: none;
-  box-shadow: 0 0 0 calc(-1 * 1px) var(--p-color-border-interactive-focus);
-  transition: box-shadow var(--p-motion-duration-100) var(--p-motion-ease);
-  border-radius: var(--p-border-radius-1);
-}
-.Navigation-SecondaryNavigation .Navigation-Item-selected:hover {
-  color: var(--p-color-text-primary-hover);
-}
-.Navigation-SecondaryNavigation .Navigation-Item-selected:focus-visible {
-  color: var(--p-color-text-primary);
-}
-.Navigation-SecondaryNavigation .Navigation-Item-selected:active {
-  color: var(--p-color-text-primary);
-}
-.Navigation-SecondaryNavigation .Navigation-Item-selected:active::after {
-  content: none;
-}
-.Navigation-SecondaryNavigation .Navigation-Item-disabled {
-  font-weight: var(--p-font-weight-medium);
-  color: var(--p-color-text-disabled);
-}
-
-.Navigation-SecondaryNavigation-noIcon .Navigation-Item {
-  padding-left: var(--p-space-6);
-}
-
-.Navigation-Section {
-  flex: 0 0 auto;
-  margin: 0;
-  padding: var(--p-space-4) 0;
-  padding-top: 0;
-  padding-left: 0px;
-  padding-left: calc(0px + constant(safe-area-inset-left));
-  padding-left: calc(0px + env(safe-area-inset-left));
-  list-style: none;
-}
-.Navigation-Section + .Navigation-Section {
-  padding-top: var(--p-space-2);
-  padding-bottom: var(--p-space-4);
-}
-
-.Navigation-Section-fill {
-  flex: 1 0 auto;
-}
-
-.Navigation-Section-withSeparator {
-  border-top: var(--p-border-width-1) solid var(--p-color-border-subdued);
-}
-
-.Navigation-SectionHeading {
-  text-transform: none;
-  display: flex;
-  align-items: center;
-  padding-left: calc(var(--p-space-5) + var(--p-space-05));
-}
-.Navigation-SectionHeading > :first-child {
-  flex: 1 1 auto;
-  margin-top: calc(var(--p-space-2) + var(--p-space-05));
-  margin-bottom: calc(var(--p-space-2) + var(--p-space-05));
-}
-@media (max-width: 48em) {
-  .Navigation-SectionHeading > :first-child {
-    font-size: var(--p-font-size-100);
-    line-height: var(--p-font-line-height-2);
-  }
-}
-@media (min-width: 48em) {
-  .Navigation-SectionHeading > :first-child {
-    margin-top: var(--p-space-1);
-    margin-bottom: var(--p-space-1);
-  }
-}
-.Navigation-SectionHeading .Navigation-Action {
-  appearance: none;
-  margin: 0;
-  padding: 0;
-  background: none;
-  border: none;
-  font-size: inherit;
-  line-height: inherit;
-  color: inherit;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  margin-right: var(--p-space-1);
-  padding: var(--p-space-1) var(--p-space-4);
-  border-radius: var(--p-border-radius-1);
-  position: relative;
-}
-.Navigation-SectionHeading .Navigation-Action:focus {
-  outline: none;
-}
-@media (min-width: 48em) {
-  .Navigation-SectionHeading .Navigation-Action svg,
-  .Navigation-SectionHeading .Navigation-Action img {
-    height: var(--p-space-4);
-    width: var(--p-space-4);
-    margin: var(--p-space-05);
-  }
-}
-.Navigation-SectionHeading .Navigation-Action::after {
-  content: "";
-  position: absolute;
-  z-index: 1;
-  top: calc(-1 * 1px);
-  right: calc(-1 * 1px);
-  bottom: calc(-1 * 1px);
-  left: calc(-1 * 1px);
-  display: block;
-  pointer-events: none;
-  box-shadow: 0 0 0 calc(-1 * 1px) var(--p-color-border-interactive-focus);
-  transition: box-shadow var(--p-motion-duration-100) var(--p-motion-ease);
-  border-radius: var(--p-border-radius-1);
-}
-.Navigation-SectionHeading .Navigation-Action:hover, .Navigation-SectionHeading .Navigation-Action:focus {
-  background: var(--p-color-bg-app-hover);
-}
-.Navigation-SectionHeading .Navigation-Action:hover svg, .Navigation-SectionHeading .Navigation-Action:focus svg {
-  fill: var(--p-color-icon-hover);
-}
-@media (-ms-high-contrast: active) {
-  .Navigation-SectionHeading .Navigation-Action:hover svg, .Navigation-SectionHeading .Navigation-Action:focus svg {
-    fill: var(--p-color-icon-on-color);
-  }
-  .Navigation-SectionHeading .Navigation-Action:hover img, .Navigation-SectionHeading .Navigation-Action:focus img {
-    filter: var(--p-filter-icon-on-interactive);
-  }
-}
-.Navigation-SectionHeading .Navigation-Action:hover svg {
-  fill: var(--p-filter-icon);
-}
-.Navigation-SectionHeading .Navigation-Action:focus-visible::after {
-  box-shadow: 0 0 0 2px var(--p-color-border-interactive-focus);
-  outline: var(--p-border-width-1) solid transparent;
-}
-.Navigation-SectionHeading .Navigation-Action:focus:hover svg {
-  fill: var(--p-color-icon-hover);
-}
-.Navigation-SectionHeading .Navigation-Action:active, .Navigation-SectionHeading .Navigation-Action:active:hover {
-  background: var(--p-color-bg-app-active);
-}
-.Navigation-SectionHeading .Navigation-Action:active::after, .Navigation-SectionHeading .Navigation-Action:active:hover::after {
-  content: none;
-}
-.Navigation-SectionHeading .Navigation-Action:active svg, .Navigation-SectionHeading .Navigation-Action:active:hover svg {
-  fill: var(--p-color-icon-active);
-}
-.Navigation-SectionHeading .Navigation-Action:focus, .Navigation-SectionHeading .Navigation-Action:active {
-  outline: none;
-}
-
-.Navigation-RollupToggle {
-  font-weight: var(--p-font-weight-regular);
-  color: var(--p-color-text);
-  color: var(--p-color-text-subdued);
-}
-.Navigation-RollupToggle:hover {
-  color: var(--p-color-text-primary);
-}
-.Navigation-RollupToggle:hover svg {
-  fill: var(--p-color-icon-primary);
-}
-.Navigation-RollupToggle:hover img {
-  filter: var(--p-filter-icon-action-primary);
-}
-.Navigation-RollupToggle:focus-visible {
-  outline: none;
-}
-.Navigation-RollupToggle:focus-visible::after {
-  box-shadow: 0 0 0 2px var(--p-color-border-interactive-focus);
-  outline: var(--p-border-width-1) solid transparent;
-}
-
-.Navigation-List {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-
-.Navigation-Indicator {
-  position: relative;
-  display: inline-block;
-  height: 10px;
-  width: 10px;
-}