.components-container-jGIs_ {
  flex: 1;
  width: 100%;
  min-width: 260px;
  max-width: 600px;
}

.components-sidebarContainer-aIiTq {
  min-width: 0;
  max-width: none;
}

.components-sidebarContainer-aIiTq .Popover {
    width: 100%;
    min-width: 0;
  }

.components-listContainer-MKWnD {
  overflow: hidden;
  color: var(--color-typography-secondary-base);
  border-radius: var(--unit-border-radius-sm);
}

/* The sidebar owns the visible icon so it can move independently of the
 * field's blur/fade. Keep this slot to preserve TextInput spacing and focus. */
.components-sidebarInputIcon-aEt6D {
  visibility: hidden;
}

.UserDisplay-nameContainer-wbcaz {
  text-align: start;
}

  .UserDisplay-nameContainer-wbcaz * {
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
  }

.UserDisplay-tooltip-FmqmX {
  min-width: 0;
}

.AccountMenu-menuActionLink-G36xU {
  display: block;
  width: 100%;
  color: inherit;
  text-decoration: none;
}

  .AccountMenu-menuActionLink-G36xU:hover,
  .AccountMenu-menuActionLink-G36xU:focus,
  .AccountMenu-menuActionLink-G36xU:focus-visible {
    text-decoration: none;
    color: inherit;
  }

  .AccountMenu-menuActionLink-G36xU:hover,
  .AccountMenu-menuActionLink-G36xU:focus-visible {
    outline-offset: calc(var(--unit-space-25) * -1);
    background-color: var(--color-surface-primary-hovered);
  }

.AccountMenu-disabled-APLmk {
  cursor: not-allowed;
  opacity: var(--opacity-disabled);
}

.AccountMenu-filters-ZseyQ .Filters-search {
  min-width: 100%;
}

.AccountMenu-accountNameLink-M_3sX {
  max-width: min(100%, var(--unit-layout-width-main-md));
}

.AccountMenu-container-HwYXd {
  transition: height var(--motion-duration-600) var(--motion-timing-ease-in-out);
}

.AccountMenu-showAll-NEH8e,
.AccountMenu-showAllFooter-JsX8R {
  transition: var(--motion-property-all) var(--motion-duration-600)
    var(--motion-timing-ease-in-out);
}

.AccountMenu-showAllFooter-JsX8R {
  border-block-start: var(--unit-border-width-xs) var(--unit-border-style-solid)
    var(--color-border-default-base);
}

/* ListMenu was designed for dropdowns; cap the body height when filtering. */
.AccountMenu-listMenuHost-tuhDq #account-filter-list-body {
  overflow-y: auto;
  max-height: var(--account-filter-list-body-max-height, unset);
}

.AccountMenu-accountButton-bafAj {
  cursor: pointer;
  background: none;
  border-style: none;
  text-align: start;
  outline-offset: calc(-1 * var(--unit-space-50) + var(--unit-space-12));
}

  .AccountMenu-accountButton-bafAj:hover {
    background: var(--color-surface-primary-hovered);
  }

.AccountMenu-userContainer-kary4 {
  border-block-end: var(--unit-border-width-xs) var(--unit-border-style-solid)
    var(--color-border-subtle-base);
}

.AccountMenu-dropdownIndicator-ww7ji {
  color: color-mix(
    in srgb,
    var(--color-typography-secondary-base) 65%,
    transparent
  );
}

.AccountMenu-container-gQVz1 .Popover {
    height: 100%;
    width: 100%;
    min-width: 0;
  }

.AccountMenu-menuButton-e7s_p {
  border-style: none;
  background: none;
  cursor: pointer;
  text-align: start;
}

.AccountMenu-menuButton-e7s_p:hover {
    background-color: var(--color-surface-primary-hovered);
  }

.AccountMenu-menuButton-e7s_p:active {
    background-color: var(--color-surface-primary-selected);
  }

.AccountMenu-menuButton-e7s_p .iconWrapper {
    flex-shrink: 0;
    color: var(--color-typography-secondary-base);
  }

/* while the popover is open the trigger stays selected and ignores hover */
.AccountMenu-menuButtonOpen-_iMwb {
  background-color: var(--color-surface-primary-selected);
}
.AccountMenu-menuButtonOpen-_iMwb:hover {
    background-color: var(--color-surface-primary-selected);
  }

.NavRow-navLink-_mynW {
  display: flex;
  min-width: 0;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  border-radius: var(--unit-border-radius-md);
  text-decoration: none;
  color: var(--color-typography-secondary-base);
}

  .NavRow-navLink-_mynW:hover,
  .NavRow-navLink-_mynW:focus {
    text-decoration: none;
    color: var(--color-typography-secondary-base);
  }

  .NavRow-navLink-_mynW:active {
    color: var(--color-typography-primary-base);
  }

  .NavRow-navLink-_mynW:focus-visible {
    outline: var(--unit-border-width-sm) var(--unit-border-style-solid)
      var(--color-border-highlighted-emphasis-base);
    outline-offset: var(--unit-border-width-xs);
  }

  .NavRow-navLink-_mynW::marker {
    display: none;
  }

.NavRow-navLinkActive-DNYyA {
  color: var(--color-typography-primary-base);
}

.NavRow-navLinkActive-DNYyA:hover,
  .NavRow-navLinkActive-DNYyA:focus {
    color: var(--color-typography-primary-base);
  }

.NavRow-navButton-eRlyA {
  border-style: none;
  background: none;
  cursor: pointer;
  padding: 0;
  text-align: inherit;
  font: inherit;
}

/* Same geometry as IconLabel's setup dot: a percentage of the icon, inset to
   its top-right corner, so it scales with the rem-based icon size. Painted
   above that dot when both apply, since an unread count is the stronger
   signal. */
.NavCountDot-countDot-j9dpo {
  inset: 0 0 auto auto;
  width: 40%;
  aspect-ratio: 1;
  /* Separates the dot from the icon glyph, which shares the neutral tone. */
  box-shadow: 0 0 0 var(--unit-border-width-sm)
    var(--desktop-navigation-surface, var(--color-surface-app-background));
  opacity: 0;
  pointer-events: none;
}

.NavCountDot-negative-VHfE4 {
  background: var(--color-background-negative-emphasis-base);
}

/* Gray badges map to the emphasis neutral: a subtle-gray dot would not read
   against the icon. */
.NavCountDot-neutral-HjfpZ {
  background: var(--color-background-neutral-emphasis-base);
}

[data-navigation-rail='true'] .NavCountDot-countDot-j9dpo {
  opacity: 1;
}

@media (prefers-reduced-motion: no-preference) {

[data-desktop-navigation-animate='true'] .NavCountDot-countDot-j9dpo {
    transition: opacity var(--desktop-navigation-motion-duration)
      var(--desktop-navigation-easing)
}
  }

.RowLabel-iconLabel-lcYaH {
  white-space: nowrap;
  text-overflow: clip;
  text-align: start;
  color: var(--color-typography-secondary-base);
}

  .RowLabel-iconLabel-lcYaH.RowLabel-active-pQ8Cp {
    font-weight: normal;
    color: var(--color-typography-primary-base);
  }

.RowLabel-iconContainer-m_aqq {
  color: var(--color-background-neutral-emphasis-base);
}

.RowLabel-iconContainer-m_aqq svg path {
    fill: currentColor;
  }

.RowLabel-iconContainer-m_aqq.RowLabel-active-pQ8Cp {
    color: var(--color-typography-primary-base);
  }

/* Sized and anchored the way Ascent's own BadgedIcon does it: a
   percentage of the icon rather than a fixed 8px, and inset to the
   top-right corner rather than offset outside it.

   The icon scales with the browser font-size setting -- IconWrapper
   sizes from --unit-size-symbol-*, which are rem-based -- so a fixed
   px dot fell out of proportion as the icon grew, and the negative
   offset pushed it past NavRowHeader's overflow: hidden, clipping it.
   40% of the icon matches the previous 8px at the default root size. */
.RowLabel-hasSetupIndicator-DJIRB::after {
  content: '';
  position: absolute;
  inset: 0 0 auto auto;
  width: 40%;
  aspect-ratio: 1;
  border-radius: var(--unit-border-radius-circle);
  background: var(--color-background-info-emphasis-base);
}

.NavRow-navRowHeader-nrHj0 {
  padding-inline: var(--desktop-navigation-row-inline-padding);
}

  .NavRow-navRowHeader-nrHj0:hover {
    background-color: var(--color-surface-secondary-selected);
  }

  .NavRow-navRowHeader-nrHj0.NavRow-active-mS3Ov {
    background-color: var(
      --desktop-navigation-selected-fill,
      var(--color-background-secondary-focused)
    );
  }

  .NavRow-navRowHeader-nrHj0.NavRow-active-mS3Ov:hover {
      background-color: var(
        --desktop-navigation-selected-fill,
        var(--color-background-secondary-focused)
      );
    }

.NavRow-navRowHeader-nrHj0[data-active-descendant='true'] {
  position: relative;
}

.NavRow-navRowHeader-nrHj0[data-active-descendant='true']::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background-color: var(
      --desktop-navigation-selected-fill,
      var(--color-background-secondary-focused)
    );
    opacity: 0;
    pointer-events: none;
  }

@media (prefers-reduced-motion: no-preference) {

.NavRow-navRowHeader-nrHj0[data-active-descendant='true']::before {
      transition: opacity var(--desktop-navigation-motion-duration)
        var(--desktop-navigation-easing)
  }
    }

.NavRow-navRowHeader-nrHj0[data-active-descendant='true'] > * {
    position: relative;
    z-index: 1;
  }

[data-navigation-rail='true']
  .NavRow-navRowHeader-nrHj0[data-active-descendant='true']::before {
  opacity: 1;
}

.NavRow-active-mS3Ov {
  color: var(--color-typography-highlighted-secondary-subtle-base);
}

.NavRow-disabled-qrWf8 {
  cursor: not-allowed;
}

.NavRow-nonInteractiveContainer-eJ31d {
  cursor: pointer;
}

.NavRow-interactiveContainer-fdPD0 {
  border-style: none;
  background-color: inherit;
  text-align: start;
}

.NavRow-interactiveContainer-fdPD0:focus-visible {
    outline: var(--unit-border-width-sm) var(--unit-border-style-solid)
      var(--color-border-highlighted-emphasis-base);
    outline-offset: var(--unit-border-width-xs);
  }

.DrawerPanel-content-KsLKc {
  padding-block-start: var(--unit-border-width-xs);
}

.RowLabel-container-YHmxm {
  transition: box-shadow 0.25s var(--motion-timing-linear);
}

  .RowLabel-container-YHmxm.RowLabel-leftPadding-Wo2C7 {
    padding-inline-start: var(--desktop-navigation-child-label-padding);
  }

  .RowLabel-container-YHmxm span {
    color: var(--color-typography-secondary-base);
  }

  .RowLabel-container-YHmxm.RowLabel-active-KYCTg span {
      color: var(--color-typography-primary-base);
      font-weight: normal;
    }

.RowLabel-label-mR_Ue {
  white-space: nowrap;
  text-overflow: clip;
}

.NavRow-collapsibleList-MLBBD {
  /* Indent the sub-buttons so the fill sits right of the rail; labels get
   * an extra 6px so they line up with the parent (6 + 20 + 8). */
  gap: var(--desktop-navigation-item-gap);
  /* Keep both in one rule so inline-start wins over the reset. */
  margin: 0;
  margin-inline-start: var(--desktop-navigation-inline-gutter);
  list-style: none;
  border: 0;
}

  .NavRow-collapsibleList-MLBBD::before {
    content: '';
    position: absolute;
    inset-block: var(--unit-space-25);
    inset-inline-start: 0;
    width: var(--unit-border-width-xs);
    background-color: var(--color-border-default-base);
  }

.NavRow-drawerChildLabel-FmbnC {
  padding-inline-start: var(--desktop-navigation-row-inline-padding);
}

.NavRow-dropdownIndicator-bUgp6 {
  color: var(--color-background-neutral-emphasis-base);
}

.NavRow-listItem-b_u4M {
  list-style: none;
}

.NavItems-navRowsList-WDvSf {
  /*
    This is an intentional design choice to use a weight that's tailored to this use case. Since that's not a token, we are overriding the variables for UI2's emphasis font weight with hard-coded values.
  */
  --typography-UI2-emphasis-font-weight: 500;

  padding-inline: var(--desktop-navigation-inline-gutter);
}

.GroupHeader-groupHeader-lijDW {
  gap: var(--desktop-navigation-row-inline-padding);
  border: none;
  background: transparent;
  white-space: nowrap;
  cursor: pointer;
  color: var(--color-typography-tertiary-base);
  text-align: start;
  position: relative;
  isolation: isolate;
}

  /* The row is 16px to keep labeled groups on the 16px section rhythm; this
   * layer grows the hover, focus, and hit area to the 24px minimum target,
   * centered on the label and inside the 8px gap above the first item. */
  .GroupHeader-groupHeader-lijDW::before {
    content: '';
    position: absolute;
    inset-block: calc(-1 * var(--unit-space-25));
    inset-inline: 0;
    z-index: -1;
    border-radius: var(--unit-border-radius-md);
  }
  .GroupHeader-groupHeader-lijDW:hover::before {
    background-color: var(--color-surface-secondary-selected);
  }
  .GroupHeader-groupHeader-lijDW:focus-visible {
    outline: none;
  }
  .GroupHeader-groupHeader-lijDW:focus-visible::before {
    outline: var(--unit-border-width-sm) var(--unit-border-style-solid)
      var(--color-border-highlighted-emphasis-base);
    outline-offset: var(--unit-border-width-xs);
  }
  /* Rail stand-in for the label, centered under the 20px icons. It sits 4px
   * into the row: the midpoint of the 16px section gap + 16px row + 8px gap,
   * so it reads as evenly spaced between the icons above and below.
   * NavSection shifts it up when collapsed sections widen that gap. */
  .GroupHeader-groupHeader-lijDW::after {
    content: '';
    position: absolute;
    inset-block-start: calc(
      var(--unit-space-25) + var(--rail-marker-shift, 0px)
    );
    inset-inline-start: calc(
      var(--desktop-navigation-row-inline-padding) + 4px
    );
    width: var(--unit-space-75);
    height: var(--unit-border-width-xs);
    background-color: var(--color-border-default-base);
    opacity: 0;
    transform: translateY(-50%);
    pointer-events: none;
  }
  /* Cross-fades with the label on the same timing and blur the sidebar
   * gives hidden labels, so the two dissolve into each other. */
  @media (prefers-reduced-motion: no-preference) {
    .GroupHeader-groupHeader-lijDW::after {
      filter: blur(2px);
      transition-property: opacity, filter;
      transition-duration: var(--desktop-navigation-motion-duration);
      transition-timing-function: var(--desktop-navigation-easing);
    }
  }

/* Only open sections get a marker; a collapsed one has no icons to label. */
[data-navigation-rail='true']
  .GroupHeader-groupHeader-lijDW[aria-expanded='true']::after {
  opacity: 1;
  filter: none;
}

.GroupHeader-label-VfrhW {
  white-space: nowrap;
  text-overflow: clip;
}

[dir='rtl'] .GroupHeader-chevronSlot-e5UTx {
  transform: scaleX(-1);
}

.GroupHeader-chevron-Ox2a0 {
  color: var(--color-typography-tertiary-base);
  opacity: 1;
  transform: rotate(0deg);
}

.GroupHeader-chevron-Ox2a0 > * {
    width: var(--unit-space-50);
    height: var(--unit-space-50);
  }

@media (prefers-reduced-motion: no-preference) {

.GroupHeader-chevron-Ox2a0 {
    transition:
      transform var(--desktop-navigation-press-duration) ease-out,
      opacity var(--desktop-navigation-press-duration) ease-out
}
  }

.GroupHeader-chevronExpanded-TmFhd {
  transform: rotate(90deg);
  opacity: 0;
}

@media (prefers-reduced-motion: no-preference) {

.GroupHeader-groupHeader-lijDW:hover .GroupHeader-chevron-Ox2a0,
.GroupHeader-groupHeader-lijDW:focus-visible .GroupHeader-chevron-Ox2a0 {
    transition-property: transform
}
  }

.GroupHeader-groupHeader-lijDW:hover .GroupHeader-chevronExpanded-TmFhd,
.GroupHeader-groupHeader-lijDW:focus-visible .GroupHeader-chevronExpanded-TmFhd {
  opacity: 1;
}

.NavSection-navItemStack-IBmdE {
  gap: var(--desktop-navigation-item-gap);
  list-style: none;
}

@media (prefers-reduced-motion: no-preference) {

.NavSection-section-gPA6u {
    transition: gap var(--desktop-navigation-motion-duration)
      var(--desktop-navigation-easing)
}
  }

/* A collapsed section has no items, so drop the gap under its title. */
.NavSection-section-gPA6u:has(> [aria-expanded='false']) {
  gap: 0;
}

/* The rail keeps collapsed sections' space so nothing moves on peek. Each one
 * adds its 16px title + 16px section gap above the next open section, so that
 * section's rail marker moves up half of that to stay centered in the gap. */
.NavSection-section-gPA6u:has(> [aria-expanded='false']) + .NavSection-section-gPA6u {
  --rail-marker-shift: calc(-1 * var(--unit-space-100));
}

.NavSection-section-gPA6u:has(> [aria-expanded='false'])
  + .NavSection-section-gPA6u:has(> [aria-expanded='false'])
  + .NavSection-section-gPA6u {
  --rail-marker-shift: calc(-1 * var(--unit-space-200));
}

.ProgressCircle-progressCircle-Rcbzg {
  transform: rotate(-90deg);
}

.Sidebar-sidebarWrapper-U39LG {
  --desktop-navigation-surface: var(--color-surface-app-background);

  /* Paint the resting surface below the page card's shadow. The elevated
   * navigation keeps its opaque surfaces when previewing over the page. */
  background-color: var(--desktop-navigation-surface);
}

  .Sidebar-sidebarWrapper-U39LG[data-navigation-preview='false'] .Sidebar-navHeader-pH5H5:not(.Sidebar-staffNavHeader-Bj8fo):not(.Sidebar-testNavHeader-sR2zL),
    .Sidebar-sidebarWrapper-U39LG[data-navigation-preview='false'] .Sidebar-headerContent-IrBv_,
    .Sidebar-sidebarWrapper-U39LG[data-navigation-preview='false'] .Sidebar-navBody-TP1sF {
      background-color: transparent;
    }

  /* Fender has no global border-box; without this, width: 100% + padding
   * on rows and the item list overflows the gap on both rail and pin. */

  .Sidebar-sidebarWrapper-U39LG *,
  .Sidebar-sidebarWrapper-U39LG *::before,
  .Sidebar-sidebarWrapper-U39LG *::after {
    box-sizing: border-box;
  }

  @media (prefers-reduced-motion: no-preference) {

  .Sidebar-sidebarWrapper-U39LG .SidebarChrome-press:not(:disabled) {
      transition: transform var(--desktop-navigation-press-duration) ease-out
  }
    }

  .Sidebar-sidebarWrapper-U39LG .SidebarChrome-press:not(:disabled):active {
      transform: scale(var(--desktop-navigation-press-scale));
    }

  @media (prefers-reduced-motion: no-preference) {

  .Sidebar-sidebarWrapper-U39LG .SidebarChrome-fade,
  .Sidebar-sidebarWrapper-U39LG .SidebarChrome-groupHeader > * {
      transition-property: opacity, filter;
      transition-duration: var(--desktop-navigation-motion-duration);
      transition-timing-function: var(--desktop-navigation-easing)
  }
    }

  .Sidebar-sidebarWrapper-U39LG[data-navigation-rail='true'] .Sidebar-searchIcon-aaRuf {
      transform: translateX(0) scale(1);
      color: var(--color-background-neutral-emphasis-base);
    }

  .Sidebar-sidebarWrapper-U39LG[data-navigation-rail='true'] .SidebarChrome-fade,
    .Sidebar-sidebarWrapper-U39LG[data-navigation-rail='true'] .SidebarChrome-groupHeader > * {
      opacity: 0;
      pointer-events: none;
    }

  @media (prefers-reduced-motion: no-preference) {

  .Sidebar-sidebarWrapper-U39LG[data-navigation-rail='true'] .SidebarChrome-fade,
    .Sidebar-sidebarWrapper-U39LG[data-navigation-rail='true'] .SidebarChrome-groupHeader > * {
        filter: blur(2px)
    }
      }

  .Sidebar-sidebarWrapper-U39LG[data-navigation-rail='true'] .SidebarChrome-groupHeader,
    .Sidebar-sidebarWrapper-U39LG[data-navigation-rail='true'] .SidebarChrome-sub {
      pointer-events: none;
    }

  /* Preserve wheel, trackpad, touch, and keyboard scrolling without letting
     * the native scrollbar dominate the narrow icon rail. */

  .Sidebar-sidebarWrapper-U39LG[data-navigation-rail='true'] .Sidebar-stickyNavItemsContainer-DO1We,
    .Sidebar-sidebarWrapper-U39LG[data-navigation-rail='true'] .Sidebar-pinnedNavLinks-gNrKT,
    .Sidebar-sidebarWrapper-U39LG[data-navigation-rail='true'] .Sidebar-footerContainer-tdPQG {
      scrollbar-width: none;
    }

  .Sidebar-sidebarWrapper-U39LG[data-navigation-rail='true'] .Sidebar-stickyNavItemsContainer-DO1We::-webkit-scrollbar, .Sidebar-sidebarWrapper-U39LG[data-navigation-rail='true'] .Sidebar-pinnedNavLinks-gNrKT::-webkit-scrollbar, .Sidebar-sidebarWrapper-U39LG[data-navigation-rail='true'] .Sidebar-footerContainer-tdPQG::-webkit-scrollbar {
        display: none;
      }

  .Sidebar-sidebarWrapper-U39LG .SidebarChrome-overflowFade {
    flex: 1 1 0%;
    min-width: 0;
    overflow: hidden;
    mask-image: linear-gradient(
      to right,
      #000 calc(100% - var(--unit-space-100)),
      transparent
    );
    -webkit-mask-image: linear-gradient(
      to right,
      #000 calc(100% - var(--unit-space-100)),
      transparent
    );
  }

  .Sidebar-sidebarWrapper-U39LG .Sidebar-navSpacer-lyO6k,
  .Sidebar-sidebarWrapper-U39LG .Sidebar-navContainer-pSUDQ {
    width: var(
      --desktop-navigation-gap,
      var(--desktop-navigation-width, 240px)
    );
  }

  .Sidebar-sidebarWrapper-U39LG .Sidebar-navSpacer-lyO6k {
    background-color: transparent;
  }

  .Sidebar-sidebarWrapper-U39LG .Sidebar-navHeader-pH5H5 {
    padding-inline-start: var(--desktop-navigation-inline-gutter);
    background-color: var(--desktop-navigation-surface);
  }

  .Sidebar-sidebarWrapper-U39LG .Sidebar-navHeader-pH5H5 .Sidebar-navLogo-sGNjH {
      flex-shrink: 0;
      width: var(--size);
      padding-inline: 0;
    }

  .Sidebar-sidebarWrapper-U39LG .Sidebar-navHeader-pH5H5 .Sidebar-navLogo-sGNjH svg {
        display: block;
        width: var(--icon-size);
        height: var(--icon-size);
      }

  .Sidebar-sidebarWrapper-U39LG .Sidebar-staffNavHeader-Bj8fo {
    background-color: var(--color-background-negative-emphasis-base);
  }

  .Sidebar-sidebarWrapper-U39LG .Sidebar-testNavHeader-sR2zL {
    background-color: var(--color-background-attention-subtle-base);
  }

  .Sidebar-sidebarWrapper-U39LG .Sidebar-accountContext-L2F51 {
    margin-inline-end: var(--unit-size-250);
    white-space: nowrap;
  }

  .Sidebar-sidebarWrapper-U39LG .Sidebar-staffsideLink-Ksu7_ {
    display: inline-flex;
    text-decoration: none;
    border-radius: var(--unit-border-radius-sm);
  }

  .Sidebar-sidebarWrapper-U39LG .Sidebar-staffsideLink-Ksu7_:focus-visible {
      outline: var(--unit-border-width-sm) var(--unit-border-style-solid)
        var(--color-border-inverse-base);
      outline-offset: var(--unit-border-width-xs);
    }

  .Sidebar-sidebarWrapper-U39LG .Sidebar-staffsideUnavailable-eCKYo {
    cursor: not-allowed;
    opacity: var(--opacity-disabled);
  }

  .Sidebar-sidebarWrapper-U39LG .Sidebar-headerContent-IrBv_ {
    padding-inline: var(--desktop-navigation-inline-gutter);
    background-color: var(--desktop-navigation-surface);
  }

  .Sidebar-sidebarWrapper-U39LG .Sidebar-searchIcon-aaRuf {
    /* Match the small TextInput's border + inline padding. Keep this icon
     * outside the fading field so it stays sharp throughout the transition. */
    --search-icon-offset: calc(
      var(--unit-border-width-xs) + var(--unit-size-50) -
        var(--desktop-navigation-row-inline-padding)
    );

    inset-inline-start: calc(
      var(--desktop-navigation-inline-gutter) +
        var(--desktop-navigation-row-inline-padding)
    );
    z-index: 2;
    color: var(--color-typography-secondary-base);
    pointer-events: none;
    /* TextInput uses the 16px mini icon; navigation uses the 20px small icon. */
    transform: translateX(var(--search-icon-offset)) scale(0.8);
    transform-origin: left center;
  }

  .Sidebar-sidebarWrapper-U39LG .Sidebar-searchIcon-aaRuf:dir(rtl) {
      --search-icon-offset: calc(
        var(--desktop-navigation-row-inline-padding) -
          var(--unit-border-width-xs) - var(--unit-size-50)
      );

      transform-origin: right center;
    }

  @media (prefers-reduced-motion: no-preference) {

  .Sidebar-sidebarWrapper-U39LG .Sidebar-searchIcon-aaRuf {
      transition:
        transform var(--desktop-navigation-motion-duration)
          var(--desktop-navigation-easing),
        color var(--desktop-navigation-motion-duration)
          var(--desktop-navigation-easing)
  }
    }

  .Sidebar-sidebarWrapper-U39LG[data-navigation-open='true'] .Sidebar-navToggle-uw2ju {
      opacity: 0;
      pointer-events: none;
    }

  @media (prefers-reduced-motion: no-preference) {

  .Sidebar-sidebarWrapper-U39LG[data-navigation-open='true'] .Sidebar-navToggle-uw2ju {
        filter: blur(2px)
    }
      }

  .Sidebar-sidebarWrapper-U39LG[data-navigation-open='true'] .Sidebar-navContainer-pSUDQ:hover .Sidebar-navToggle-uw2ju,
    .Sidebar-sidebarWrapper-U39LG[data-navigation-open='true'] .Sidebar-navToggle-uw2ju:has(:focus-visible) {
      opacity: 1;
      pointer-events: auto;
    }

  @media (prefers-reduced-motion: no-preference) {

  .Sidebar-sidebarWrapper-U39LG[data-navigation-open='true'] .Sidebar-navContainer-pSUDQ:hover .Sidebar-navToggle-uw2ju,
    .Sidebar-sidebarWrapper-U39LG[data-navigation-open='true'] .Sidebar-navToggle-uw2ju:has(:focus-visible) {
        filter: none
    }
      }

  .Sidebar-sidebarWrapper-U39LG .Sidebar-navBody-TP1sF {
    background-color: var(--desktop-navigation-surface);
  }

  .Sidebar-sidebarWrapper-U39LG .Sidebar-navScrollRegion-rFFQ6::before,
  .Sidebar-sidebarWrapper-U39LG .Sidebar-navScrollRegion-rFFQ6::after {
    content: '';
    position: absolute;
    inset-inline: 0;
    z-index: 1;
    height: var(--unit-space-200);
    opacity: 0;
    pointer-events: none;
  }

  @media (prefers-reduced-motion: no-preference) {

  .Sidebar-sidebarWrapper-U39LG .Sidebar-navScrollRegion-rFFQ6::before,
  .Sidebar-sidebarWrapper-U39LG .Sidebar-navScrollRegion-rFFQ6::after {
      transition: opacity var(--desktop-navigation-motion-duration)
        var(--desktop-navigation-easing)
  }
    }

  .Sidebar-sidebarWrapper-U39LG .Sidebar-navScrollRegion-rFFQ6::before {
    inset-block-start: 0;
    background: linear-gradient(
      to bottom,
      var(--desktop-navigation-surface),
      transparent
    );
  }

  .Sidebar-sidebarWrapper-U39LG .Sidebar-navScrollRegion-rFFQ6::after {
    inset-block-end: 0;
    background: linear-gradient(
      to top,
      var(--desktop-navigation-surface),
      transparent
    );
  }

  .Sidebar-sidebarWrapper-U39LG .Sidebar-navScrollRegion-rFFQ6[data-can-scroll-up='true']::before,
  .Sidebar-sidebarWrapper-U39LG .Sidebar-navScrollRegion-rFFQ6[data-can-scroll-down='true']::after {
    opacity: 1;
  }

  .Sidebar-sidebarWrapper-U39LG .Sidebar-resizeHandle-ILnhu {
    position: absolute;
    /* Sit on the page card edge, inside the card radii and trailing gap. */
    inset-block-start: calc(
      var(--unit-space-50) + var(--unit-border-radius-xl)
    );
    inset-block-end: calc(var(--unit-space-50) + var(--unit-border-radius-xl));
    inset-inline-end: 0;
    /* Full hit area: 8px to the left of the page card. */
    width: var(--unit-space-50);
    box-sizing: border-box;
    cursor: col-resize;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    touch-action: none;
    z-index: var(--elevation-zIndex-md);
  }

  /* Same 2px bar as Composer. */

  .Sidebar-sidebarWrapper-U39LG .Sidebar-resizeHandle-ILnhu::after {
      content: '';
      position: absolute;
      inset-block: 0;
      inset-inline: 0;
      margin-inline: auto;
      width: var(--unit-space-12);
      background-color: transparent;
    }

  @media (prefers-reduced-motion: no-preference) {

  .Sidebar-sidebarWrapper-U39LG .Sidebar-resizeHandle-ILnhu::after {
        transition: background-color var(--motion-duration-400)
          var(--motion-timing-ease-in)
    }
      }

  .Sidebar-sidebarWrapper-U39LG .Sidebar-resizeHandle-ILnhu:hover::after,
    .Sidebar-sidebarWrapper-U39LG .Sidebar-resizeHandle-ILnhu[data-dragging='true']::after {
      background-color: var(--color-border-default-base);
    }

  .Sidebar-sidebarWrapper-U39LG .Sidebar-resizeHandle-ILnhu:hover:not([data-dragging='true'])::after {
      transition-delay: 160ms;
    }

  .Sidebar-sidebarWrapper-U39LG .Sidebar-resizeHandle-ILnhu:focus-visible::after {
      outline: var(--unit-border-width-sm) var(--unit-border-style-solid)
        var(--color-border-highlighted-emphasis-base);
      outline-offset: calc(-1 * var(--unit-border-width-sm));
    }

  .Sidebar-sidebarWrapper-U39LG .Sidebar-pinnedNavLinks-gNrKT {
    padding-inline: var(--desktop-navigation-inline-gutter);
  }

  .Sidebar-sidebarWrapper-U39LG .Sidebar-footerContainer-tdPQG {
    position: relative;
    padding-inline: var(--desktop-navigation-inline-gutter);
    gap: var(--desktop-navigation-item-gap);
  }

  .Sidebar-sidebarWrapper-U39LG .Sidebar-footerContainer-tdPQG::before {
      content: '';
      position: absolute;
      inset-block-start: 0;
      inset-inline: var(--desktop-navigation-inline-gutter);
      height: var(--unit-border-width-xs);
      background-color: var(--color-border-default-base);
      pointer-events: none;
    }

  .Sidebar-sidebarWrapper-U39LG .Sidebar-footerContainer-tdPQG > :last-child {
      margin-block-start: var(--unit-space-75);
    }

[dir='rtl'] .Sidebar-sidebarWrapper-U39LG .SidebarChrome-overflowFade {
    mask-image: linear-gradient(
      to left,
      #000 calc(100% - var(--unit-space-100)),
      transparent
    );
    -webkit-mask-image: linear-gradient(
      to left,
      #000 calc(100% - var(--unit-space-100)),
      transparent
    );
  }

@media (prefers-reduced-motion: no-preference) {
    [data-desktop-navigation-animate='true'] .Sidebar-sidebarWrapper-U39LG .Sidebar-navSpacer-lyO6k,
    [data-desktop-navigation-animate='true'] .Sidebar-sidebarWrapper-U39LG .Sidebar-navContainer-pSUDQ {
      transition: width var(--desktop-navigation-motion-duration)
        var(--desktop-navigation-easing);
    }
  }

/* Tertiary color for inline strike in heading Trans; line-through comes from Strikethrough. */
.PostPurchaseTrial-strikethrough-pWDGi {
  color: var(--color-typography-tertiary-base);
}

.PostPurchaseTrial-featureCard-OP6cs {
  /* warmgray.100 - no css variable available for this color */
  background-color: #f7f7f3;
  /* warmgray.200 - no css variable available for this color */
  border-color: #efefea;
}

.PostPurchaseTrial-noMarkerList-jXj2p {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--unit-space-50);
}

.PostPurchaseTrial-featureListNoMarker-zSmkl > li {
  list-style-type: none !important;
}

.ynyo1CyzYIQZjh81{display:grid;grid-template-columns:minmax(330px, 330px);grid-template-rows:1fr auto;max-height:100vh;margin:0}.ynyo1CyzYIQZjh81[data-has-calendar=true]{grid-template-columns:minmax(330px, 330px) auto}.ynyo1CyzYIQZjh81[data-has-calendar=true] .jx1Sqi_rnScvSjxO{grid-column:span 2}@media(max-width: 675px){.ynyo1CyzYIQZjh81{display:block}}.rWIqwPvTkFQipStn{padding:var(--unit-space-100);word-break:break-word}.V2lsqGWLQATZDSqJ{border-inline-start:var(--unit-border-width-xs) var(--unit-border-style-solid) var(--color-border-default-base)}.V2lsqGWLQATZDSqJ[aria-disabled=true] .react-datepicker__month{pointer-events:none}@media(max-width: 675px){.V2lsqGWLQATZDSqJ{border-top:var(--unit-border-width-xs) var(--unit-border-style-solid) var(--color-border-default-base);border-inline-start:0}.V2lsqGWLQATZDSqJ .react-datepicker__month-container{min-width:100%}}.jx1Sqi_rnScvSjxO{display:flex;flex-direction:row;gap:var(--unit-space-75);justify-content:end;grid-column:span 1;padding:var(--unit-space-75);border-block-start:var(--unit-border-width-xs) var(--unit-border-style-solid) var(--color-border-default-base);position:sticky;bottom:0;z-index:var(--elevation-zIndex-component-xs);background:var(--color-surface-primary-base)}
.SocialMediaTable-starCell-WFFlD.SocialMediaTable-starCell-WFFlD {
  justify-content: center;
}

.MediaLibraryTable-imageLibraryTableFilters-HitRU {
  padding: 0 0 var(--unit-space-100);
}

.MediaLibraryTable-imageLibraryTableCell-druAm {
  cursor: pointer;
}

.VideoThumbnail-thumbnailContainer-PhxPo {
  border: var(--unit-border-width-xs) var(--unit-border-style-solid)
    var(--color-border-subtle-base);
  border-radius: var(--unit-border-radius-sm);
  position: relative;
  overflow: hidden;
  cursor: zoom-in;
  display: flex;
  align-items: center;

  width: 53px;
  min-width: 53px;
  aspect-ratio: 1 / 1;
}

.ImageCompression-linkContainer-NGOuh {
  display: flex;
  position: relative;
  height: 100%;
  width: 47.5%;
}

.ImageCompression-playButton-RLhFY {
  background-color: rgba(0, 0, 0, 0.2);
}

/* Card hover outline */
.AccountUsageCard-card-XBF4D {
  cursor: pointer;
  outline: 1px solid transparent;
  outline-offset: -1px;
  transition: outline-color 0.15s ease;
}

.AccountUsageCard-card-XBF4D:hover {
  outline-color: var(--color-background-info-emphasis-base);
}

@media (prefers-reduced-motion: reduce) {
  .AccountUsageCard-card-XBF4D {
    transition: none;
  }
}

/* Upgrade button visible on card hover/focus */
.AccountUsageCard-upgradeButton-CDzdr {
  opacity: 0;
  transition: opacity 0.15s ease;
}

.AccountUsageCard-card-XBF4D:hover .AccountUsageCard-upgradeButton-CDzdr,
.AccountUsageCard-card-XBF4D:focus-visible .AccountUsageCard-upgradeButton-CDzdr,
.AccountUsageCard-card-XBF4D:has(:focus-visible) .AccountUsageCard-upgradeButton-CDzdr {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .AccountUsageCard-upgradeButton-CDzdr {
    transition: none;
  }
}

/* Always show on touch devices where hover is unavailable */
@media (hover: none) {
  .AccountUsageCard-upgradeButton-CDzdr {
    opacity: 1;
  }
}

/* Expand/collapse animation */
.AccountUsageCard-expandable-i6Q5W {
  display: grid;
  grid-template-rows: 0fr;
  margin-block-start: 0;
  overflow: hidden;
  transition:
    grid-template-rows 0.25s ease,
    margin-block-start 0.25s ease;
}

.AccountUsageCard-expandable-i6Q5W > * {
  min-height: 0;
}

.AccountUsageCard-expanded-ddat8 {
  grid-template-rows: 1fr;
  margin-block-start: var(--unit-space-100);
}

@media (prefers-reduced-motion: reduce) {
  .AccountUsageCard-expandable-i6Q5W {
    transition: none;
  }
}

.AccountUsageCard-progressBarCaution-ls0V1 .ProgressBar-Foreground {
  background-color: var(--color-data-sentiment-caution-300);
}

.AccountUsageCard-progressBarNegative-M6Ra1 .ProgressBar-Foreground {
  background-color: var(--color-data-sentiment-negative-700);
}

/* Above-limit bar: blue base for the on-plan portion + red for the overage,
   mirroring the billing overview's display treatment. */
.AccountUsageCard-splitOverageBar-fWyD6 {
  background-color: var(--color-background-neutral-subtle-base);
}

.AccountUsageCard-splitOverageBarLimit-EBfjV {
  background-color: var(--color-background-info-emphasis-base);
}

.AccountUsageCard-splitOverageBarOverage-ub7_G {
  background-color: var(--color-data-sentiment-negative-700);
}

.TrialModal-heroBackgroundImage-QPmQf {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}

.TrialModal-heroProductImage-sHVD0 {
  position: relative;
  border-radius: 16px 16px 0 0;
  max-width: 200px;
  -o-object-fit: cover;
     object-fit: cover;
}

.components-button-Ak3EI {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
  min-height: var(--unit-size-control-md);
  padding: 0 var(--desktop-navigation-row-inline-padding);
  overflow: hidden;
  color: var(--color-typography-secondary-base);
  text-align: start;
  white-space: nowrap;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  border-radius: var(--unit-border-radius-md);
}

.components-button-Ak3EI:hover {
  background-color: var(--color-surface-secondary-selected);
}

.components-button-Ak3EI:active,
.components-button-Ak3EI[data-selected='true'] {
  color: var(--color-typography-primary-base);
  background-color: var(--color-background-secondary-focused);
}

.components-button-Ak3EI:focus-visible {
  outline: var(--unit-border-width-sm) var(--unit-border-style-solid)
    var(--color-border-highlighted-emphasis-base);
  outline-offset: var(--unit-border-width-xs);
}

.components-icon-oQEBA {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
  color: var(--color-background-neutral-emphasis-base);
}

.components-label-DNDgm {
  min-width: 0;
  margin-inline-start: var(--unit-space-50);
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
}

.components-trailingContent-NKwMb {
  display: inline-flex;
  flex: 0 0 auto;
  margin-inline-start: auto;
  padding-inline-start: var(--unit-space-50);
}

[data-navigation-rail='true'] .components-label-DNDgm,
[data-navigation-rail='true'] .components-trailingContent-NKwMb {
  opacity: 0;
  pointer-events: none;
}

[data-navigation-rail='true'] .components-button-Ak3EI,
[data-navigation-rail='true'] .components-icon-oQEBA {
  visibility: visible;
  opacity: 1;
  filter: none;
}

@media (prefers-reduced-motion: no-preference) {

[data-desktop-navigation-animate='true'] .components-label-DNDgm,
[data-desktop-navigation-animate='true'] .components-trailingContent-NKwMb {
    transition:
      opacity var(--desktop-navigation-motion-duration)
        var(--desktop-navigation-easing),
      filter var(--desktop-navigation-motion-duration)
        var(--desktop-navigation-easing)
}
  }

@media (prefers-reduced-motion: no-preference) {

[data-navigation-rail='true'] .components-label-DNDgm {
    filter: blur(2px)
}
  }

.NotificationsLoader-panel-szFNH {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.NotificationsLoader-notification-SBBah {
  padding: var(--unit-space-100) 0px;
}

.NotificationsLoader-badgeContainer-qzJjs {
  float: left;
  width: var(--unit-space-50);
  padding: var(--unit-space-50) 0px 0px var(--unit-space-75);
}

.NotificationsLoader-text-UUdps {
  padding-left: 1.75rem;
}

/* Need some magic numbers here to space the text loaders as if they had line height */
.NotificationsLoader-heading-V6Uk6 {
  margin-top: var(--unit-space-25);
}

.NotificationsLoader-description-NjvKm {
  margin: 7px 0px 6px;
}

.NotificationsLoader-date-tXimA {
  margin-bottom: 3px;
}

/* Popover needs a single trigger element that also parents the count badge, so
   this mirrors the component-library tertiary Button (small, icon-only) instead
   of rendering a CL Button. */
.Notifications-bellButton-h0p7R {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--unit-size-control-md);
  height: var(--unit-size-control-md);
  padding: 0;
  border: var(--unit-border-width-xs) var(--unit-border-style-solid)
    var(--color-border-tertiary-base);
  border-radius: var(--unit-border-radius-md);
  color: var(--color-foreground-tertiary-base);
  background: var(--color-background-tertiary-base);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition-property: var(--motion-property-primary);
  transition-duration: var(--motion-duration-500);
  transition-timing-function: var(--motion-timing-linear);
}
.Notifications-bellButton-h0p7R:hover {
    color: var(--color-foreground-tertiary-hovered);
    background: var(--color-background-tertiary-hovered);
    border-color: var(--color-border-tertiary-hovered);
  }
.Notifications-bellButton-h0p7R:focus-visible {
    outline: var(--unit-outline-width-sm) var(--unit-outline-style-solid)
      var(--color-outline-input-focused);
    outline-offset: 1px;
    color: var(--color-foreground-tertiary-focused);
  }
.Notifications-bellButton-h0p7R:active {
    color: var(--color-foreground-tertiary-pressed);
    background: var(--color-background-tertiary-pressed);
    border-color: var(--color-border-tertiary-pressed);
  }

.UserNav-sidebarUtilities-nH_Ln {
  display: flex;
  flex-direction: column;
  gap: var(--desktop-navigation-item-gap);
  width: 100%;
  min-width: 0;
}

  .UserNav-sidebarUtilities-nH_Ln .Popover {
    width: 100%;
    min-width: 0;
  }

[data-navigation-rail='true'] .UserNav-sidebarUtilities-nH_Ln {
  visibility: visible;
  opacity: 1;
  filter: none;
}

.UserNav-utilityPlaceholder-fNcQh {
  min-height: var(--unit-size-control-md);
}

.UserNav-productsUsageIcon-FuGuE [opacity] {
  opacity: 1;
}