/* stylelint-disable selector-max-specificity */
/* stylelint-disable selector-type-no-unknown */

/* -------------------------------- 
 *           Global Styles         
 *--------------------------------- */
* {
  box-sizing: border-box;
}

body {
  margin: 0;
}

table {
  /* stylelint-disable-next-line primer/borders */
  border-collapse: collapse;
}

[data-color-mode='light'] input {
  color-scheme: light;
}

[data-color-mode='dark'] input {
  color-scheme: dark;
}

@media (prefers-color-scheme: light) {
  [data-color-mode='auto'][data-light-theme*='light'] {
    color-scheme: light;
  }
}

@media (prefers-color-scheme: dark) {
  [data-color-mode='auto'][data-dark-theme*='dark'] {
    color-scheme: dark;
  }
}

[role='button']:focus:not(:focus-visible):not(.prc_focus-visible_vqyE9),
[role='tabpanel'][tabindex='0']:focus:not(:focus-visible):not(.prc_focus-visible_vqyE9),
button:focus:not(:focus-visible):not(.prc_focus-visible_vqyE9),
summary:focus:not(:focus-visible):not(.prc_focus-visible_vqyE9),
a:focus:not(:focus-visible):not(.prc_focus-visible_vqyE9) {
  outline: none;
  box-shadow: none;
}

[tabindex='0']:focus:not(:focus-visible):not(.prc_focus-visible_vqyE9),
details-dialog:focus:not(:focus-visible):not(.prc_focus-visible_vqyE9) {
  outline: none;
}

/* -------------------------------------------------------------------------- */

.prc_BaseStyles_dl-St {
  font-family: var(--BaseStyles-fontFamily, var(--fontStack-system));
  /* stylelint-disable-next-line primer/typography */
  line-height: var(--BaseStyles-lineHeight, 1.5);
  /* stylelint-disable-next-line primer/colors */
  color: var(--BaseStyles-fgColor, var(--fgColor-default));

  /* Global styles for light mode */
  &:has([data-color-mode='light']) {
    input & {
      color-scheme: light;
    }
  }

  /* Global styles for dark mode */
  &:has([data-color-mode='dark']) {
    input & {
      color-scheme: dark;
    }
  }
}

.prc_VisuallyHidden_UNWQp {
  &:not(:focus):not(:active):not(:focus-within) {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    white-space: nowrap;
    clip-path: inset(50%);
  }
}

.prc_Box_qNUI9 {
  display: inline-flex;
}

@keyframes prc_rotate-keyframes_XyFIG {
  100% {
    transform: rotate(360deg);
  }
}

.prc_SpinnerAnimation_e7Gf- {
  animation: prc_rotate-keyframes_XyFIG var(--base-duration-1000) var(--base-easing-linear) infinite;
}

.prc_CounterLabel_ZwXPe {
  display: inline-block;
  padding: var(--base-size-2) var(--base-size-6);
  font-size: var(--text-body-size-small);
  font-weight: var(--base-text-weight-semibold);
  /* stylelint-disable-next-line primer/typography */
  line-height: 1;
  border: var(--borderWidth-thin) solid var(--counter-borderColor);
  /* stylelint-disable-next-line primer/borders */
  border-radius: 20px;

  &:where([data-scheme='primary']) {
    color: var(--fgColor-onEmphasis);
    background-color: var(--bgColor-neutral-emphasis);
  }

  &:where([data-scheme='secondary']) {
    color: var(--fgColor-default);
    background-color: var(--bgColor-neutral-muted);
  }

  &:where(:empty) {
    display: none;
  }
}

/* Base styles */
.prc_ButtonBase_c50BI {
  display: flex;
  min-width: max-content;
  height: var(--control-medium-size);
  /* stylelint-disable-next-line primer/spacing */
  padding: 0 var(--control-medium-paddingInline-normal);
  font-family: inherit;
  font-size: var(--text-body-size-medium);
  font-weight: var(--base-text-weight-medium);
  color: var(--button-default-fgColor-rest);
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
  background-color: transparent;
  border: var(--borderWidth-thin) solid;
  border-color: var(--button-default-borderColor-rest);
  border-radius: var(--borderRadius-medium);
  transition: 80ms cubic-bezier(0.65, 0, 0.35, 1);
  transition-property: color, fill, background-color, border-color;
  appearance: none;
  align-items: center;
  justify-content: space-between;
  gap: var(--base-size-8);

  &:hover {
    transition-duration: 80ms;
  }

  &:focus-visible {
    @mixin focusOutline;
  }

  &:active {
    transition: none;
  }

  &:disabled,
  &[aria-disabled='true']:not([data-loading='true']) {
    cursor: not-allowed;
    box-shadow: none;

    & .prc_Visual_2epfX,
    & .prc_CounterLabel_f5-4u {
      color: inherit;
    }
  }

  @media (forced-colors: active) {
    &:focus {
      outline: solid 1px transparent;
    }
  }

  /* Visuals */
  & :where(.prc_Visual_2epfX) {
    display: flex;
    color: var(--fgColor-muted);
    pointer-events: none;
  }

  /* mostly for CounterLabel */
  & :where(.prc_VisualWrap_Db-eB) {
    display: flex;
    pointer-events: none;
  }

  /* IconButton */

  &:where(.prc_IconButton_szpyj) {
    display: inline-grid;
    width: var(--control-medium-size);
    min-width: unset;
    /* stylelint-disable-next-line primer/spacing */
    padding: unset;
    place-content: center;
    flex-shrink: 0;

    &:where([data-size='small']) {
      width: var(--control-small-size);
    }

    &:where([data-size='large']) {
      width: var(--control-large-size);
    }
  }

  /* LinkButton */

  &:where([href]) {
    display: inline-flex;

    &:hover {
      text-decoration: none;
    }
  }

  /* Button layout */

  & :where(.prc_ButtonContent_HKbr-) {
    flex: 1 0 auto;
    display: grid;
    grid-template-areas: 'leadingVisual text trailingVisual';
    grid-template-columns: min-content minmax(0, auto) min-content;
    align-items: center;
    align-content: center;

    & > :not(:last-child) {
      margin-right: var(--base-size-8);
    }

    /* Content alignment */

    &:where([data-align='center']) {
      justify-content: center;
    }

    &:where([data-align='start']) {
      justify-content: flex-start;
    }
  }

  & :where([data-component='leadingVisual']) {
    grid-area: leadingVisual;
  }

  & :where(.prc_Label_pTQ3x) {
    /* stylelint-disable-next-line primer/typography */
    line-height: 1.4285714; /* temporary until we use Text component with --text-body-lineHeight-medium */
    white-space: nowrap;
    grid-area: text;
  }

  & :where([data-component='trailingVisual']) {
    grid-area: trailingVisual;
  }

  & :where([data-component='trailingAction']) {
    margin-right: calc(var(--base-size-4) * -1);
  }

  /* Size */

  &:where([data-size='small']) {
    height: var(--control-small-size);
    /* stylelint-disable-next-line primer/spacing */
    padding: 0 var(--control-small-paddingInline-condensed);
    gap: var(--control-small-gap);
    font-size: var(--text-body-size-small);

    & .prc_ButtonContent_HKbr- > :not(:last-child) {
      /* stylelint-disable-next-line primer/spacing */
      margin-right: var(--control-small-gap);
    }

    & .prc_Label_pTQ3x {
      /* stylelint-disable-next-line primer/typography */
      line-height: 1.6666667; /* temporary until we use Text component with --text-body-lineHeight-small */
    }
  }

  &:where([data-size='large']) {
    height: var(--control-large-size);
    /* stylelint-disable-next-line primer/spacing */
    padding: 0 var(--control-large-paddingInline-spacious);
    gap: var(--control-large-gap);

    & .prc_ButtonContent_HKbr- > :not(:last-child) {
      /* stylelint-disable-next-line primer/spacing */
      margin-right: var(--control-large-gap);
    }
  }

  /* Full width */

  &:where([data-block='block']) {
    width: 100%;
  }

  /* Wrap label text */

  &:where([data-label-wrap='true']) {
    min-width: fit-content;
    height: unset;
    min-height: var(--control-medium-size);

    & .prc_ButtonContent_HKbr- {
      flex: 1 1 auto;
      align-self: stretch;
      /* stylelint-disable-next-line primer/spacing */
      padding-block: calc(var(--control-medium-paddingBlock) - var(--base-size-2));
    }

    & .prc_Label_pTQ3x {
      word-break: break-word;
      white-space: unset;
    }

    &:where([data-size='small']) {
      height: unset;
      min-height: var(--control-small-size);

      & .prc_ButtonContent_HKbr- {
        /* stylelint-disable-next-line primer/spacing */
        padding-block: calc(var(--control-small-paddingBlock) - var(--base-size-2));
      }
    }

    &:where([data-size='large']) {
      height: unset;
      min-height: var(--control-large-size);
      /* stylelint-disable-next-line primer/spacing */
      padding-inline: var(--control-large-paddingInline-spacious);

      & .prc_ButtonContent_HKbr- {
        /* stylelint-disable-next-line primer/spacing */
        padding-block: calc(var(--control-large-paddingBlock) - var(--base-size-2));
      }
    }
  }

  /* Loading */

  /* only hide label if there's no leading/trailing visuals
  * move spinner to label spot if not leading/trailing visuals
  */

  &:where([data-loading='true']) {
    &
      .prc_LoadingSpinner_hLV6o:not(
        [data-component='leadingVisual'],
        [data-component='trailingVisual'],
        [data-component='trailingAction']
      ) {
      grid-area: text;
      margin-right: 0 !important;
      place-self: center;

      & + .prc_Label_pTQ3x {
        visibility: hidden;
      }
    }
  }

  /* Default Variant */

  &:where([data-variant='default']) {
    color: var(--button-default-fgColor-rest);
    background-color: var(--button-default-bgColor-rest);
    box-shadow: var(--button-default-shadow-resting);

    &[aria-expanded='true'] {
      background-color: var(--button-default-bgColor-active);
      border-color: var(--button-default-borderColor-active);
    }

    &:hover {
      background-color: var(--button-default-bgColor-hover);
      border-color: var(--button-default-borderColor-hover);
    }

    &:active {
      background-color: var(--button-default-bgColor-active);
      border-color: var(--button-default-borderColor-active);
    }

    &:disabled,
    &[aria-disabled='true']:not([data-loading='true']) {
      color: var(--control-fgColor-disabled);
      background-color: var(--button-default-bgColor-disabled);
      border-color: var(--button-default-borderColor-disabled);
      box-shadow: none;
    }

    & .prc_CounterLabel_f5-4u {
      background-color: var(--buttonCounter-default-bgColor-rest) !important; /* temporarily override our own sx prop */
    }

    &:where(.prc_IconButton_szpyj) {
      color: var(--fgColor-muted);
    }
  }

  /* Primary variant */

  &:where([data-variant='primary']) {
    color: var(--button-primary-fgColor-rest);
    background-color: var(--button-primary-bgColor-rest);
    border-color: var(--button-primary-borderColor-rest);
    box-shadow: var(--shadow-resting-small);

    &[aria-expanded='true'] {
      background-color: var(--button-primary-bgColor-active);
      box-shadow: var(--button-primary-shadow-selected);
    }

    &:hover {
      background-color: var(--button-primary-bgColor-hover);
      border-color: var(--button-primary-borderColor-hover);
    }

    &:focus-visible {
      @mixin focusOutlineOnEmphasis;
    }

    &:active {
      background-color: var(--button-primary-bgColor-active);
      box-shadow: var(--button-primary-shadow-selected);
    }

    &:disabled,
    &[aria-disabled='true']:not([data-loading='true']) {
      color: var(--button-primary-fgColor-disabled);
      background-color: var(--button-primary-bgColor-disabled);
      border-color: var(--button-primary-borderColor-disabled);
      box-shadow: none;
    }

    & .prc_CounterLabel_f5-4u {
      color: var(--button-primary-fgColor-rest) !important; /* temporarily override our own sx prop */
      background-color: var(--buttonCounter-primary-bgColor-rest) !important; /* temporarily override our own sx prop */
    }

    /* temporarily using the fgColor to match legacy and reduce visual changes- will eventually be iconColor */
    & .prc_Visual_2epfX {
      color: var(--button-primary-fgColor-rest);
    }
  }

  /* Danger variant */

  &:where([data-variant='danger']) {
    color: var(--button-danger-fgColor-rest);
    background-color: var(--button-danger-bgColor-rest);
    box-shadow: var(--button-default-shadow-resting);

    &[aria-expanded='true'] {
      color: var(--button-danger-fgColor-active);
      background-color: var(--button-danger-bgColor-active);
      border-color: var(--button-danger-borderColor-active);
      box-shadow: var(--button-danger-shadow-selected);

      & .prc_Visual_2epfX {
        color: var(--button-danger-iconColor-hover);
      }
    }

    &:hover {
      color: var(--button-danger-fgColor-hover);
      background-color: var(--button-danger-bgColor-hover);
      border-color: var(--button-danger-borderColor-hover);
      box-shadow: var(--shadow-resting-small);

      & .prc_CounterLabel_f5-4u {
        color: var(--buttonCounter-danger-fgColor-hover) !important; /* temporarily override our own sx prop */
        background-color: var(--buttonCounter-danger-bgColor-hover) !important;
      }

      & .prc_Visual_2epfX {
        color: var(--button-danger-iconColor-hover);
      }
    }

    &:active {
      color: var(--button-danger-fgColor-active);
      background-color: var(--button-danger-bgColor-active);
      border-color: var(--button-danger-borderColor-active);
      box-shadow: var(--button-danger-shadow-selected);

      & .prc_CounterLabel_f5-4u {
        color: var(--buttonCounter-danger-fgColor-hover) !important; /* temporarily override our own sx prop */
        background-color: var(--buttonCounter-danger-bgColor-hover) !important;
      }

      & .prc_Visual_2epfX {
        color: var(--button-danger-iconColor-hover);
      }
    }

    &:disabled,
    &[aria-disabled='true']:not([data-loading='true']) {
      color: var(--button-danger-fgColor-disabled);
      background-color: var(--button-danger-bgColor-disabled);
      border-color: var(--button-default-borderColor-disabled);
      box-shadow: none;

      & .prc_CounterLabel_f5-4u {
        color: var(--buttonCounter-danger-fgColor-disabled) !important; /* temporarily override our own sx prop */
        background-color: var(--buttonCounter-danger-bgColor-disabled) !important;
      }
    }

    & .prc_CounterLabel_f5-4u {
      color: var(--buttonCounter-danger-fgColor-rest) !important; /* temporarily override our own sx prop */
      background-color: var(--buttonCounter-danger-bgColor-rest) !important;
    }

    & .prc_Visual_2epfX {
      color: var(--button-danger-iconColor-rest);
    }
  }

  /* Invisible variant */

  &:where([data-variant='invisible']) {
    color: var(--button-default-fgColor-rest);
    border-color: transparent;
    box-shadow: none;

    &[aria-expanded='true'] {
      background-color: var(--button-invisible-bgColor-active);
    }

    &:hover {
      background-color: var(--button-invisible-bgColor-hover);

      & .prc_Visual_2epfX {
        color: var(--button-invisible-iconColor-hover);
      }
    }

    &:active {
      background-color: var(--button-invisible-bgColor-active);

      & .prc_Visual_2epfX {
        color: var(--button-invisible-iconColor-hover);
      }
    }

    &:disabled,
    &[aria-disabled='true']:not([data-loading='true']) {
      color: var(--button-invisible-fgColor-disabled);
      background-color: var(--button-invisible-bgColor-disabled);
      border-color: var(--button-invisible-borderColor-disabled);
      box-shadow: none;
    }

    & .prc_Visual_2epfX {
      color: var(--button-invisible-iconColor-rest);
    }

    & .prc_CounterLabel_f5-4u {
      background-color: var(--buttonCounter-invisible-bgColor-rest) !important;
    }

    &:where(.prc_IconButton_szpyj) {
      color: var(--button-invisible-iconColor-rest);
    }
  }

  /* Link variant */

  &:where([data-variant='link']) {
    display: inline-flex;
    min-width: fit-content;
    height: unset;
    padding: 0;
    font-size: inherit;
    color: var(--fgColor-link);
    text-align: left;
    border: unset;

    &:hover:not(:disabled, [data-inactive]) {
      text-decoration: underline;
    }

    &:focus-visible,
    &:focus {
      outline-offset: 2px;
    }

    &:disabled,
    &[aria-disabled='true']:not([data-loading='true']) {
      color: var(--control-fgColor-disabled);
      background-color: transparent;
      border-color: transparent;
    }

    & .prc_Label_pTQ3x {
      white-space: unset;
    }

    &:where([data-inactive]) {
      color: var(--button-inactive-fgColor);
      background: transparent !important;
    }

    & .prc_Visual_2epfX {
      color: var(--fgColor-link);
    }
  }

  /* Inactive */

  &:where([data-inactive]),
  &:where([data-inactive]):hover {
    color: var(--button-inactive-fgColor);
    cursor: auto;
    background-color: var(--button-inactive-bgColor);
    /* stylelint-disable-next-line primer/colors */
    border-color: var(--button-inactive-bgColor);

    & .prc_Visual_2epfX,
    & .prc_CounterLabel_f5-4u {
      color: inherit !important;
    }
  }

  /* Icon-only + Counter */

  &:where([data-has-count]):has([data-component='leadingVisual']):not(:has([data-component='text'])) {
    /* stylelint-disable-next-line primer/spacing */
    padding-inline: var(--control-medium-paddingInline-condensed);

    &:where([data-size='small']) {
      /* stylelint-disable-next-line primer/spacing */
      padding-inline: var(--control-xsmall-paddingInline-condensed);
    }

    &:where([data-size='large']) {
      /* stylelint-disable-next-line primer/spacing */
      padding-inline: var(--control-large-paddingInline-normal);
    }
  }
}

.prc_ConditionalWrapper_WLT4Z {
  display: block;
}

/* Animation definition */
@keyframes prc_tooltip-appear_hLf77 {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.prc_Tooltip_cYMVY {
  /* Overriding the default popover styles */
  display: none;

  &[popover] {
    position: absolute;
    width: max-content;
    max-width: 250px;
    /* stylelint-disable-next-line primer/spacing */
    padding: 0.5em 0.75em;
    margin: auto;

    /* for scrollbar */
    overflow: visible;
    clip: auto;
    /* stylelint-disable-next-line primer/typography */
    font: normal normal 11px/1.5 var(--fontStack-system);
    color: var(--tooltip-fgColor);
    text-align: center;
    word-wrap: break-word;
    white-space: normal;
    background: var(--tooltip-bgColor);
    border: 0;
    border-radius: var(--borderRadius-medium);
    opacity: 0;
    -webkit-font-smoothing: subpixel-antialiased;
    inset: auto;
  }

  /* class name in chrome is :popover-open */
  &[popover]:popover-open {
    display: block;
  }

  /* class name in firefox and safari is \:popover-open */
  &[popover].prc_--_ketfx:popover-open {
    display: block;
  }

  @media (forced-colors: active) {
    outline: 1px solid transparent;
  }

  /* This is needed to keep the tooltip open when the user leaves the trigger element to hover tooltip */
  &::after {
    position: absolute;
    right: 0;
    left: 0;
    display: block;
    height: var(--overlay-offset);
    content: '';
  }

  /* South, East, Southeast, Southwest after */
  &[data-direction='n']::after,
  &[data-direction='ne']::after,
  &[data-direction='nw']::after {
    top: 100%;
  }

  &[data-direction='s']::after,
  &[data-direction='se']::after,
  &[data-direction='sw']::after {
    bottom: 100%;
  }

  &[data-direction='w']::after {
    position: absolute;
    bottom: 0;
    left: 100%;
    display: block;
    width: 8px;
    height: 100%;
    content: '';
  }

  /* East before and after */
  &[data-direction='e']::after {
    position: absolute;
    right: 100%;
    bottom: 0;
    display: block;
    width: 8px;
    height: 100%;
    /* stylelint-disable-next-line primer/spacing */
    margin-left: -8px;
    content: '';
  }

  /* Animation styles */
  &:popover-open,
  &:popover-open::before {
    animation-name: prc_tooltip-appear_hLf77;
    animation-duration: 0.1s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in;
    animation-delay: 0s;
  }

  /* Animation styles */
  &.prc_--_ketfx:popover-open,
  &.prc_--_ketfx:popover-open::before {
    animation-name: prc_tooltip-appear_hLf77;
    animation-duration: 0.1s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in;
    animation-delay: 0s;
  }
}

.prc_keybindingHintContainer_tv-0S.prc_hasTextBefore_ot22R {
  /* Offset negative on the right right to make right spacing look like top and bottom spacing, only for keybinding hints and only when there is text */
  /* stylelint-disable-next-line primer/spacing */
  margin-right: -0.125em;
  margin-left: var(--base-size-6);
}

.prc_Text_0ima0 {
  &:where([data-size='small']) {
    font-size: var(--text-body-size-small);
    line-height: var(--text-body-lineHeight-small);
  }

  &:where([data-size='medium']) {
    font-size: var(--text-body-size-medium);
    line-height: var(--text-body-lineHeight-medium);
  }

  &:where([data-size='large']) {
    font-size: var(--text-body-size-large);
    line-height: var(--text-body-lineHeight-large);
  }

  &:where([data-weight='light']) {
    font-weight: var(--base-text-weight-light);
  }

  &:where([data-weight='normal']) {
    font-weight: var(--base-text-weight-normal);
  }

  &:where([data-weight='medium']) {
    font-weight: var(--base-text-weight-medium);
  }

  &:where([data-weight='semibold']) {
    font-weight: var(--base-text-weight-semibold);
  }
}

.prc_KeybindingHint_0pyit {
  position: relative;
  padding: 0;
  overflow: visible;
  font-family: inherit;
  font-size: inherit;
  /* stylelint-disable-next-line primer/typography */
  line-height: unset;
  color: inherit;
  white-space: nowrap;
  vertical-align: baseline;
  background: none;
  border: none;
  box-shadow: none;
}

/* Maintain resize cursor while dragging */
/* stylelint-disable-next-line selector-no-qualifying-type */
body[data-page-layout-dragging='true'] {
  cursor: col-resize;
}

/* Disable text selection while dragging */
/* stylelint-disable-next-line selector-no-qualifying-type */
body[data-page-layout-dragging='true'] * {
  user-select: none;
}

.prc_PageLayoutRoot_1zlEO {
  /* Region Order */
  --region-order-header: 0;
  --region-order-pane-start: 1;
  --region-order-content: 2;
  --region-order-pane-end: 3;
  --region-order-footer: 4;

  /* Spacing Values */
  --spacing-none: 0;
  --spacing-condensed: var(--base-size-16);
  --spacing-normal: var(--base-size-16);

  @media screen and (min-width: 1012px) {
    --spacing-normal: var(--base-size-24);
  }

  /* Pane Width Values */
  --pane-width-small: 100%;
  --pane-width-medium: 100%;
  --pane-width-large: 100%;
  --pane-max-width-diff: 511px;

  @media screen and (min-width: 768px) {
    --pane-width-small: 240px;
    --pane-width-medium: 256px;
    --pane-width-large: 256px;
  }

  @media screen and (min-width: 1012px) {
    --pane-width-small: 256px;
    --pane-width-medium: 296px;
    --pane-width-large: 320px;
  }

  @media screen and (min-width: 1280px) {
    --pane-max-width-diff: 959px;
  }

  /* These following CSS variables are dynamic values that get overridden by styles passed in via props. */
  --spacing: 0;
  --spacing-row: 0;
  --spacing-column: 0;
  --spacing-divider: 0;
  --offset-header: 0;
  --sticky-pane-height: 0;
  --pane-width: 0;
  --pane-min-width: 0;
  --pane-max-width: 0;
  --pane-width-custom: 0;
  --pane-width-size: 0;

  /* stylelint-disable-next-line primer/spacing */
  padding: var(--spacing);
}

.prc_PageLayoutWrapper_s2ao4 {
  display: flex;
  margin-right: auto;
  margin-left: auto;
  flex-wrap: wrap;

  &:where([data-width='medium']) {
    max-width: 768px;
  }

  &:where([data-width='large']) {
    max-width: 1012px;
  }

  &:where([data-width='full']) {
    max-width: 100%;
  }

  &:where([data-width='xlarge']) {
    max-width: 1280px;
  }
}

.prc_PageLayoutContent_jzDMn {
  display: flex;
  flex: 1 1 100%;
  flex-wrap: wrap;
  max-width: 100%;
}

.prc_HorizontalDivider_CYLp5 {
  /* stylelint-disable-next-line primer/spacing */
  margin-right: calc(-1 * var(--spacing-divider));
  /* stylelint-disable-next-line primer/spacing */
  margin-left: calc(-1 * var(--spacing-divider));

  &:where([data-variant='none']) {
    display: none;
  }

  &:where([data-variant='line']) {
    display: block;
    height: 1px;
    /* stylelint-disable-next-line primer/colors */
    background-color: var(--borderColor-default);
  }

  &:where([data-variant='filled']) {
    display: block;
    height: var(--base-size-8);
    background-color: var(--bgColor-inset);
    box-shadow:
      /* stylelint-disable-next-line primer/box-shadow */
      inset 0 -1px 0 0 var(--borderColor-default),
      inset 0 1px 0 0 var(--borderColor-default);
  }

  @media screen and (min-width: 768px) {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}

.prc_VerticalDivider_4A4Qm {
  position: relative;
  height: 100%;

  &:where([data-variant='none']) {
    display: none;
  }

  &:where([data-variant='line']) {
    display: block;
    width: 1px;
    /* stylelint-disable-next-line primer/colors */
    background-color: var(--borderColor-default);
  }

  &:where([data-variant='filled']) {
    display: block;
    width: var(--base-size-8);
    background-color: var(--bgColor-inset);
    box-shadow:
      /* stylelint-disable-next-line primer/box-shadow */
      inset -1px 0 0 0 var(--borderColor-default),
      inset 1px 0 0 0 var(--borderColor-default);
  }
}

.prc_Header_mQXK1 {
  width: 100%;
  /* stylelint-disable-next-line primer/spacing */
  margin-bottom: var(--spacing);
}

.prc_HeaderContent_dVIQb {
  /* stylelint-disable-next-line primer/spacing */
  padding: var(--spacing);
}

.prc_HeaderHorizontalDivider_bofyb {
  /* stylelint-disable-next-line primer/spacing */
  margin-top: var(--spacing);
}

.prc_ContentWrapper_b-QRo {
  display: flex;

  /* Hack to prevent overflowing content from pushing the pane region to the next line */
  min-width: 1px;
  flex-direction: column;
  order: var(--region-order-content);

  /* Set flex-basis to 0% to allow flex-grow to control the width of the content region.
      Without this, the content region could wrap onto a different line
      than the pane region on wide viewports if its contents are too wide. */
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;

  &:where([data-is-hidden='true']) {
    display: none;
  }
}

.prc_Content_-F7-I {
  width: 100%;

  /* stylelint-disable-next-line primer/spacing */
  padding: var(--spacing);
  margin-right: auto;
  margin-left: auto;
  flex-grow: 1;

  &:where([data-width='medium']) {
    max-width: 768px;
  }

  &:where([data-width='large']) {
    max-width: 1012px;
  }

  &:where([data-width='full']) {
    max-width: 100%;
  }

  &:where([data-width='xlarge']) {
    max-width: 1280px;
  }
}

.prc_PaneWrapper_nGO0U {
  display: flex;
  width: 100%;
  margin-right: 0;
  margin-left: 0;

  &:where([data-is-hidden='true']) {
    display: none;
  }

  &:where([data-position='end']) {
    /* stylelint-disable-next-line primer/spacing */
    margin-top: var(--spacing-row);
    flex-direction: column;
    order: var(--region-order-pane-end);
  }

  &:where([data-position='start']) {
    /* stylelint-disable-next-line primer/spacing */
    margin-bottom: var(--spacing-row);
    flex-direction: column-reverse;
    order: var(--region-order-pane-start);
  }

  @media screen and (min-width: 768px) {
    width: auto;
    margin-top: 0 !important;
    margin-bottom: 0 !important;

    &:where([data-sticky]) {
      position: sticky;
      /* stylelint-disable-next-line primer/spacing */
      top: var(--offset-header);
      max-height: var(--sticky-pane-height);
    }

    &:where([data-position='end']) {
      /* stylelint-disable-next-line primer/spacing */
      margin-left: var(--spacing-column);
      flex-direction: row-reverse;
    }

    &:where([data-position='start']) {
      /* stylelint-disable-next-line primer/spacing */
      margin-right: var(--spacing-column);
      flex-direction: row;
    }
  }
}

.prc_PaneVerticalDivider_1c9vy {
  &:where([data-position='start']) {
    /* stylelint-disable-next-line primer/spacing */
    margin-left: var(--spacing);
  }

  &:where([data-position='end']) {
    /* stylelint-disable-next-line primer/spacing */
    margin-right: var(--spacing);
  }
}

.prc_Pane_Vl5LI {
  width: var(--pane-width-size);
  /* stylelint-disable-next-line primer/spacing */
  padding: var(--spacing);

  @media screen and (min-width: 768px) {
    overflow: auto;
  }

  &:where([data-resizable]) {
    width: 100%;

    @media screen and (min-width: 768px) {
      width: clamp(var(--pane-min-width), var(--pane-width), var(--pane-max-width));
    }
  }
}

.prc_PaneHorizontalDivider_4exOb {
  &:where([data-position='start']) {
    /* stylelint-disable-next-line primer/spacing */
    margin-top: var(--spacing);
  }

  &:where([data-position='end']) {
    /* stylelint-disable-next-line primer/spacing */
    margin-bottom: var(--spacing);
  }
}

.prc_FooterWrapper_WZwgZ {
  width: 100%;
  order: var(--region-order-footer);

  /* stylelint-disable-next-line primer/spacing */
  margin-top: var(--spacing);
}

.prc_FooterHorizontalDivider_sNLmj {
  /* stylelint-disable-next-line primer/spacing */
  margin-bottom: var(--spacing);
}

.prc_FooterContent_UFWGW {
  /* stylelint-disable-next-line primer/spacing */
  padding: var(--spacing);
}

@keyframes prc_dialog-backdrop-appear_FwQst {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes prc_Overlay--motion-scaleFade_ctSnM {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes prc_Overlay--motion-slideUp_PtiP3 {
  from {
    transform: translateY(100%);
  }
}

@keyframes prc_Overlay--motion-slideInRight_dOTaT {
  from {
    transform: translateX(-100%);
  }
}

@keyframes prc_Overlay--motion-slideInLeft_Lfaz8 {
  from {
    transform: translateX(100%);
  }
}

.prc_Backdrop_ugYqZ {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  background-color: var(--overlay-backdrop-bgColor);
  animation: prc_dialog-backdrop-appear_FwQst 200ms cubic-bezier(0.33, 1, 0.68, 1);
  align-items: center;
  justify-content: center;

  &[data-position-regular='center'] {
    align-items: center;
    justify-content: center;
  }

  &[data-position-regular='left'] {
    align-items: center;
    justify-content: flex-start;
  }

  &[data-position-regular='right'] {
    align-items: center;
    justify-content: flex-end;
  }

  .prc_DialogOverflowWrapper_oDYJo {
    flex-grow: 1;
  }

  @media (max-width: 767px) {
    &[data-position-narrow='center'] {
      align-items: center;
      justify-content: center;
    }

    &[data-position-narrow='bottom'] {
      align-items: end;
      justify-content: center;
    }
  }
}

.prc_Dialog_luvDS {
  display: flex;
  /* stylelint-disable-next-line primer/responsive-widths */
  width: 640px;
  min-width: 296px;
  max-width: calc(100dvw - 64px);
  height: auto;
  max-height: calc(100dvh - 64px);
  flex-direction: column;
  background-color: var(--overlay-bgColor);
  border-radius: var(--borderRadius-large);
  border-radius: var(--borderRadius-large, var(--borderRadius-large));
  box-shadow: var(--shadow-floating-small);
  opacity: 1;

  &:where([data-width='small']) {
    width: 296px;
  }

  &:where([data-width='medium']) {
    width: 320px;
  }

  &:where([data-width='large']) {
    /* stylelint-disable-next-line primer/responsive-widths */
    width: 480px;
  }

  &:where([data-height='small']) {
    height: 480px;
  }

  &:where([data-height='large']) {
    height: 640px;
  }

  @media screen and (prefers-reduced-motion: no-preference) {
    animation: prc_Overlay--motion-scaleFade_ctSnM 0.2s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
  }

  &[data-position-regular='center'] {
    border-radius: var(--borderRadius-large, var(--borderRadius-large));

    @media screen and (prefers-reduced-motion: no-preference) {
      animation: prc_Overlay--motion-scaleFade_ctSnM 0.2s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
    }
  }

  &[data-position-regular='left'] {
    height: 100dvh;
    max-height: unset;
    border-radius: var(--borderRadius-large, var(--borderRadius-large));
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;

    @media screen and (prefers-reduced-motion: no-preference) {
      animation: prc_Overlay--motion-slideInRight_dOTaT 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
    }
  }

  &[data-position-regular='right'] {
    height: 100dvh;
    max-height: unset;
    border-radius: var(--borderRadius-large, var(--borderRadius-large));
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;

    @media screen and (prefers-reduced-motion: no-preference) {
      animation: prc_Overlay--motion-slideInLeft_Lfaz8 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
    }
  }

  @media (max-width: 767px) {
    &[data-position-narrow='center'] {
      /* stylelint-disable-next-line primer/responsive-widths */
      width: 640px;
      height: auto;
      border-radius: var(--borderRadius-large, var(--borderRadius-large));

      &:where([data-width='small']) {
        width: 296px;
      }

      &:where([data-width='medium']) {
        width: 320px;
      }

      &:where([data-width='large']) {
        /* stylelint-disable-next-line primer/responsive-widths */
        width: 480px;
      }

      &:where([data-height='small']) {
        height: 480px;
      }

      &:where([data-height='large']) {
        height: 640px;
      }
    }

    &[data-position-narrow='bottom'] {
      width: 100dvw;
      max-width: 100dvw;
      height: auto;
      max-height: calc(100dvh - 64px);
      border-radius: var(--borderRadius-large, var(--borderRadius-large));
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;

      @media screen and (prefers-reduced-motion: no-preference) {
        animation: prc_Overlay--motion-slideUp_PtiP3 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
      }
    }

    &[data-position-narrow='fullscreen'] {
      width: 100%;
      max-width: 100dvw;
      height: 100%;
      max-height: 100dvh;
      border-radius: unset !important;
      flex-grow: 1;

      @media screen and (prefers-reduced-motion: no-preference) {
        animation: prc_Overlay--motion-scaleFade_ctSnM 0.2s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
      }
    }
  }
}

.prc_Header_cjbcl {
  z-index: 1;
  padding: var(--base-size-8);
  /* stylelint-disable-next-line primer/box-shadow */
  box-shadow: 0 1px 0 var(--borderColor-default);
  flex-shrink: 0;
}

.prc_Title_oQ-W6 {
  margin: 0; /* override default margin */
  font-size: var(--text-body-size-medium);
  font-weight: var(--text-title-weight-large);
}

.prc_Subtitle_sITpo {
  margin: 0; /* override default margin */
  margin-top: var(--base-size-4);
  font-size: var(--text-body-size-small);
  font-weight: var(--base-text-weight-normal);
  color: var(--fgColor-muted);
}

.prc_Body_LCvER {
  padding: var(--base-size-16);
  overflow: auto;
  flex-grow: 1;
}

.prc_Footer_jQfN4 {
  z-index: 1;
  display: flex;
  padding: var(--base-size-16);
  /* stylelint-disable-next-line primer/box-shadow */
  box-shadow: 0 -1px 0 var(--borderColor-default);
  flex-flow: wrap;
  justify-content: flex-end;
  gap: var(--base-size-8);
  flex-shrink: 0;
}

.prc_ConfirmationHeader_yiLEc {
  display: flex;
  padding: var(--base-size-8);
  flex-direction: row;

  > h1 {
    padding: var(--base-size-6) var(--base-size-8);

    /* override default margin */
    margin: 0;
    font-size: var(--text-title-size-medium);
    font-weight: var(--text-title-weight-medium);
    flex-grow: 1;
  }
}

.prc_ConfirmationBody_ht9P- {
  padding: 0 var(--base-size-16) var(--base-size-16) var(--base-size-16);
  font-size: var(--text-body-size-medium);
  flex-grow: 1;
}

.prc_ConfirmationFooter_AqKBI {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  grid-gap: var(--base-size-8);
  align-items: end;
  justify-content: end;
  padding: var(--base-size-4) var(--base-size-16) var(--base-size-16);
}

.prc_Body_cNQoa {
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
  flex-direction: column;

  & > * + * {
    margin-top: var(--base-size-8);
  }
}

.prc_GroupFieldset_0NZzG {
  padding: 0;
  margin: 0;
  border: none;

  &:where([data-validation]) {
    margin-bottom: var(--base-size-8);
  }
}

.prc_GroupLegend_HW4-c {
  padding: 0;

  &:where([data-legend-visible]) {
    margin-bottom: var(--base-size-8);
  }
}

.prc_CheckboxOrRadioGroupCaption_9GgyY {
  font-size: var(--text-body-size-medium);
  color: var(--fgColor-muted);
}

.prc_RadioGroupLabel_anQ3U {
  display: block;
  font-size: var(--text-body-size-medium);
  font-weight: var(--base-text-weight-semibold);

  &:where([data-label-disabled]) {
    color: var(--fgColor-muted);
  }
}

.prc_GroupLabelChildren_j5sBI {
  margin-right: var(--base-size-8);
}

.prc_Stack_WJVsK {
  display: flex;
  flex-flow: column;
  align-items: stretch;
  align-content: flex-start;
  gap: var(--stack-gap, var(--stack-gap-normal));

  &[data-padding='none'],
  &[data-padding-narrow='none'] {
    padding: 0;
  }

  &[data-padding='condensed'],
  &[data-padding-narrow='condensed'] {
    /* stylelint-disable-next-line primer/spacing */
    padding: var(--stack-padding-condensed);
  }

  &[data-padding='normal'],
  &[data-padding-narrow='normal'] {
    /* stylelint-disable-next-line primer/spacing */
    padding: var(--stack-padding-normal);
  }

  &[data-padding='spacious'],
  &[data-padding-narrow='spacious'] {
    /* stylelint-disable-next-line primer/spacing */
    padding: var(--stack-padding-spacious);
  }

  &[data-direction='horizontal'],
  &[data-direction-narrow='horizontal'] {
    flex-flow: row;
  }

  &[data-direction='vertical'],
  &[data-direction-narrow='vertical'] {
    flex-flow: column;
  }

  &[data-gap='none'],
  &[data-gap-narrow='none'] {
    --stack-gap: 0;
  }

  &[data-gap='condensed'],
  &[data-gap-narrow='condensed'] {
    --stack-gap: var(--stack-gap-condensed);
  }

  &[data-gap='normal'],
  &[data-gap-narrow='normal'] {
    --stack-gap: var(--stack-gap-normal);
  }

  &[data-gap='spacious'],
  &[data-gap-narrow='spacious'] {
    --stack-gap: var(--stack-gap-spacious);
  }

  &[data-align='start'],
  &[data-align-narrow='start'] {
    align-items: flex-start;
  }

  &[data-align='center'],
  &[data-align-narrow='center'] {
    align-items: center;
  }

  &[data-align='end'],
  &[data-align-narrow='end'] {
    align-items: flex-end;
  }

  &[data-align='baseline'],
  &[data-align-narrow='baseline'] {
    align-items: baseline;
  }

  &[data-justify='start'],
  &[data-justify-narrow='start'] {
    justify-content: flex-start;
  }

  &[data-justify='center'],
  &[data-justify-narrow='center'] {
    justify-content: center;
  }

  &[data-justify='end'],
  &[data-justify-narrow='end'] {
    justify-content: flex-end;
  }

  &[data-justify='space-between'],
  &[data-justify-narrow='space-between'] {
    justify-content: space-between;
  }

  &[data-justify='space-evenly'],
  &[data-justify-narrow='space-evenly'] {
    justify-content: space-evenly;
  }

  &[data-wrap='wrap'],
  &[data-wrap-narrow='wrap'] {
    flex-wrap: wrap;
  }

  &[data-wrap='nowrap'],
  &[data-wrap-narrow='nowrap'] {
    flex-wrap: nowrap;
  }

  @media (--viewportRange-regular) {
    &[data-padding-regular='none'] {
      padding: 0;
    }

    &[data-padding-regular='condensed'] {
      /* stylelint-disable-next-line primer/spacing */
      padding: var(--stack-padding-condensed);
    }

    &[data-padding-regular='normal'] {
      /* stylelint-disable-next-line primer/spacing */
      padding: var(--stack-padding-normal);
    }

    &[data-padding-regular='spacious'] {
      /* stylelint-disable-next-line primer/spacing */
      padding: var(--stack-padding-spacious);
    }

    &[data-direction-regular='horizontal'] {
      flex-flow: row;
    }

    &[data-direction-regular='vertical'] {
      flex-flow: column;
    }

    &[data-gap-regular='none'] {
      --stack-gap: 0;
    }

    &[data-gap-regular='condensed'] {
      --stack-gap: var(--stack-gap-condensed);
    }

    &[data-gap-regular='normal'] {
      --stack-gap: var(--stack-gap-normal);
    }

    &[data-gap-regular='spacious'] {
      --stack-gap: var(--stack-gap-spacious);
    }

    &[data-align-regular='start'] {
      align-items: flex-start;
    }

    &[data-align-regular='center'] {
      align-items: center;
    }

    &[data-align-regular='end'] {
      align-items: flex-end;
    }

    &[data-align-regular='baseline'] {
      align-items: baseline;
    }

    &[data-justify-regular='start'] {
      justify-content: flex-start;
    }

    &[data-justify-regular='center'] {
      justify-content: center;
    }

    &[data-justify-regular='end'] {
      justify-content: flex-end;
    }

    &[data-justify-regular='space-between'] {
      justify-content: space-between;
    }

    &[data-justify-regular='space-evenly'] {
      justify-content: space-evenly;
    }

    &[data-wrap-regular='wrap'] {
      flex-wrap: wrap;
    }

    &[data-wrap-regular='nowrap'] {
      flex-wrap: nowrap;
    }
  }

  @media (--viewportRange-wide) {
    &[data-padding-wide='none'] {
      padding: 0;
    }

    &[data-padding-wide='condensed'] {
      /* stylelint-disable-next-line primer/spacing */
      padding: var(--stack-padding-condensed);
    }

    &[data-padding-wide='normal'] {
      /* stylelint-disable-next-line primer/spacing */
      padding: var(--stack-padding-normal);
    }

    &[data-padding-wide='spacious'] {
      /* stylelint-disable-next-line primer/spacing */
      padding: var(--stack-padding-spacious);
    }

    &[data-direction-wide='horizontal'] {
      flex-flow: row;
    }

    &[data-direction-wide='vertical'] {
      flex-flow: column;
    }

    &[data-gap-wide='none'] {
      --stack-gap: 0;
    }

    &[data-gap-wide='condensed'] {
      --stack-gap: var(--stack-gap-condensed);
    }

    &[data-gap-wide='normal'] {
      --stack-gap: var(--stack-gap-normal);
    }

    &[data-gap-wide='spacious'] {
      --stack-gap: var(--stack-gap-spacious);
    }

    &[data-align-wide='start'] {
      align-items: flex-start;
    }

    &[data-align-wide='center'] {
      align-items: center;
    }

    &[data-align-wide='end'] {
      align-items: flex-end;
    }

    &[data-align-wide='baseline'] {
      align-items: baseline;
    }

    &[data-justify-wide='start'] {
      justify-content: flex-start;
    }

    &[data-justify-wide='center'] {
      justify-content: center;
    }

    &[data-justify-wide='end'] {
      justify-content: flex-end;
    }

    &[data-justify-wide='space-between'] {
      justify-content: space-between;
    }

    &[data-justify-wide='space-evenly'] {
      justify-content: space-evenly;
    }

    &[data-wrap-wide='wrap'] {
      flex-wrap: wrap;
    }

    &[data-wrap-wide='nowrap'] {
      flex-wrap: nowrap;
    }
  }
}

.prc_StackItem_CweWT {
  flex: 0 1 auto;
  min-inline-size: 0;

  &[data-grow='true'],
  &[data-grow-narrow='true'] {
    flex-grow: 1;
  }

  @media (--viewportRange-regular) {
    &[data-grow-regular='true'] {
      flex-grow: 1;
    }

    &[data-grow-regular='false'] {
      flex-grow: 0;
    }
  }

  @media (--viewportRange-wide) {
    &[data-grow-wide='true'] {
      flex-grow: 1;
    }

    &[data-grow-wide='false'] {
      flex-grow: 0;
    }
  }
}

.prc_InputValidation_GjS0D {
  display: flex;
  font-size: var(--text-body-size-small);
  font-weight: var(--base-text-weight-semibold);
  /* stylelint-disable-next-line primer/colors */
  color: var(--inputValidation-fgColor);

  & :where(a) {
    color: currentColor;
    text-decoration: underline;
  }

  &:where([data-validation-status='success']) {
    --inputValidation-fgColor: var(--fgColor-success);
  }

  &:where([data-validation-status='error']) {
    --inputValidation-fgColor: var(--fgColor-danger);
  }
}

.prc_ValidationIcon_Kdbbr {
  align-items: center;
  display: flex;
  margin-inline-end: var(--base-size-4);
  min-height: var(--inputValidation-iconSize);
}

.prc_ValidationText_jjsBp {
  /* stylelint-disable-next-line primer/typography */
  line-height: var(--inputValidation-lineHeight);
}

.prc_Radio_Ly4MR {
  border-radius: var(--borderRadius-full, 100vh);
  transition:
    background-color,
    border-color 80ms cubic-bezier(0.33, 1, 0.68, 1); /* checked -> unchecked - add 120ms delay to fully see animation-out */

  &:where(:checked) {
    /* stylelint-disable-next-line primer/colors */
    background-color: var(--control-checked-fgColor-rest);

    /* using bgColor here to avoid a border change in dark high contrast */
    /* stylelint-disable-next-line primer/colors */
    border-color: var(--control-checked-bgColor-rest);
    border-width: var(--borderWidth-thicker);

    &:disabled {
      cursor: not-allowed;
      /* stylelint-disable-next-line primer/colors */
      background-color: var(--fgColor-muted);
      /* stylelint-disable-next-line primer/colors */
      border-color: var(--fgColor-muted);
    }
  }

  &:focus,
  &:focus-within {
    @mixin focusOutline 2px;
  }

  @media (forced-colors: active) {
    background-color: canvastext;
    border-color: canvastext;
  }
}

.prc_Input_mxggT {
  position: relative;
  display: grid;
  width: var(--base-size-16);
  height: var(--base-size-16);
  margin: 0;

  /* 2px to center align with label (20px line-height) */
  margin-top: var(--base-size-2);
  cursor: pointer;
  background-color: var(--bgColor-default);
  border-color: var(--control-borderColor-emphasis);
  border-style: solid;
  border-width: var(--borderWidth-thin);
  appearance: none;
  place-content: center;

  &:disabled {
    background-color: var(--control-bgColor-disabled);
    border-color: var(--control-borderColor-disabled);
  }
}

:where(.prc_Heading_6CmGO) {
  margin: 0;
  font-size: var(--text-title-size-large);
  font-weight: var(--base-text-weight-semibold);

  &:where([data-variant='large']) {
    font: var(--text-title-shorthand-large);
  }

  &:where([data-variant='medium']) {
    font: var(--text-title-shorthand-medium);
  }

  &:where([data-variant='small']) {
    font: var(--text-title-shorthand-small);
  }
}

.prc_ActionListHeader_lEr8v {
  margin-block-end: var(--base-size-8);

  &:where([data-list-variant='full']) {
    margin-inline-start: var(--base-size-8);
  }

  &:where([data-list-variant='inset']) {
    /* stylelint-disable-next-line primer/spacing */
    margin-inline-start: calc(var(--control-medium-paddingInline-condensed) + var(--base-size-8));
  }
}

/* stylelint-disable max-nesting-depth, selector-max-specificity, selector-max-compound-selectors */

.prc_ActionList_X4RiC {
  padding: 0;
  margin: 0;
  list-style: none;

  ul {
    padding: 0;
    margin: 0;
    list-style: none;
  }

  &:where([data-variant='inset']) {
    padding-block: var(--base-size-8);

    /* this is only to match default experience */
    & .prc_ActionListItem_uq6I7 {
      margin-inline: var(--base-size-8);
    }
  }

  &:where([data-dividers='true']) {
    /* place dividers on the wrapper that excludes leading visuals/actions */
    & .prc_ActionListSubContent_lP9xj::before {
      position: absolute;

      /* use this top size after FF removed */

      /* top: calc(-1 * var(--control-medium-paddingBlock)); */
      /* stylelint-disable-next-line primer/spacing */
      top: -7px;
      display: block;
      width: 100%;
      height: 1px;
      content: '';
      /* stylelint-disable-next-line primer/colors */
      background: var(--borderColor-muted);
    }

    /* if inline description, move pseudo divider to description wrapper */
    & [data-description-variant='inline'] {
      &::before {
        position: absolute;

        /* use this top size after FF removed */

        /* top: calc(-1 * var(--control-medium-paddingBlock)); */
        /* stylelint-disable-next-line primer/spacing */
        top: -7px;
        display: block;
        width: 100%;
        height: var(--borderWidth-thin);
        content: '';
        /* stylelint-disable-next-line primer/colors */
        background: var(--borderColor-muted);
      }

      /* remove the default divider */
      & .prc_ActionListSubContent_lP9xj::before {
        content: unset;
      }
    }

    /* hide if item is first of type with label::before, or is the first item after a sectionDivider */
    .prc_ActionListItem_uq6I7:first-of-type .prc_ActionListSubContent_lP9xj::before,
    .prc_Divider_rsZFG + .prc_ActionListItem_uq6I7 .prc_ActionListSubContent_lP9xj::before {
      visibility: hidden;
    }

    /* hide if item is first of type with label::before, or is the first item after a sectionDivider */
    .prc_ActionListItem_uq6I7:first-of-type [data-description-variant='inline']::before,
    .prc_Divider_rsZFG + .prc_ActionListItem_uq6I7 [data-description-variant='inline']::before {
      visibility: hidden;
    }
  }

  /* Make sure that the first visible item isn't a divider */
  & .prc_Divider_rsZFG:first-child {
    display: none;
  }
}

/* ActionListItem is a li that handles visual state, while ActionListItemContent controls actual state via button or link */

.prc_ActionListItem_uq6I7 {
  position: relative;
  list-style: none;
  background-color: var(--control-transparent-bgColor-rest);
  border-radius: var(--borderRadius-medium);

  /* apply flex if trailing action exists as an immediate child */
  &:has(> .prc_TrailingAction_RmUk1) {
    display: flex;
    flex-wrap: nowrap;
  }

  /* state */

  &:not(:has([aria-disabled], [disabled]), [aria-disabled='true'], [data-has-subitem='true']) {
    @media (hover: hover) {
      &:hover,
      &:active {
        cursor: pointer;
      }

      &:hover {
        background-color: var(--control-transparent-bgColor-hover);

        &:not([data-active], :focus-visible) {
          /* Support for "Windows high contrast mode" https:sarahmhigley.com/writing/whcm-quick-tips/ */
          outline: solid var(--borderWidth-thin) transparent;
          outline-offset: calc(-1 * var(--borderWidth-thin));
          box-shadow: var(--boxShadow-thin) var(--control-transparent-borderColor-active);
        }
      }
    }

    &:active {
      background-color: var(--control-transparent-bgColor-active);

      &:not([data-active]) {
        /* Support for "Windows high contrast mode" https:sarahmhigley.com/writing/whcm-quick-tips/ */
        outline: solid var(--borderWidth-thin) transparent;
        outline-offset: calc(-1 * var(--borderWidth-thin));
        box-shadow: var(--boxShadow-thin) var(--control-transparent-borderColor-active);
      }
    }

    &:focus-visible {
      @mixin focusOutline 0;

      & .prc_ActionListSubContent_lP9xj::before,
      & + .prc_ActionListItem_uq6I7 .prc_ActionListSubContent_lP9xj::before {
        visibility: hidden;
      }
    }

    /* danger */
    &:where([data-variant='danger']) {
      & * :not([popover], .prc_TrailingVisual_XocgV) {
        color: var(--control-danger-fgColor-rest);
      }

      @media (hover: hover) {
        &:hover {
          background: var(--control-danger-bgColor-hover);

          & * :not([popover]) {
            color: var(--control-danger-fgColor-hover);
          }
        }
      }

      &:active {
        background: var(--control-danger-bgColor-active);

        & * :not([popover]) {
          color: var(--control-danger-fgColor-hover);
        }
      }
    }

    /* active state [aria-current] */
    &:where([data-active]) {
      background: var(--control-transparent-bgColor-selected);

      /* provides a visual indication of the current item for Windows high-contrast mode */
      outline: 2px solid transparent;

      & .prc_ItemLabel_TmBhn {
        font-weight: var(--base-text-weight-semibold);
        color: var(--control-fgColor-rest);
      }

      @media (hover: hover) {
        &:hover {
          background-color: var(--control-transparent-bgColor-hover);
        }
      }

      /* hide dividers if showDividers is true and item is active */

      & .prc_ActionListSubContent_lP9xj::before,
      & + .prc_ActionListItem_uq6I7 .prc_ActionListSubContent_lP9xj::before {
        visibility: hidden;
      }

      /* blue accent line  */
      &::after {
        @mixin activeIndicatorLine;
      }
    }

    &:where([data-is-active-descendant]) {
      background: var(--control-transparent-bgColor-selected);

      /* provides a visual indication of the current item for Windows high-contrast mode */
      outline: 2px solid transparent;

      /* hide dividers if showDividers is true and item is active */

      /* add back in after FF ship */

      /* & .ActionListSubContent::before,
      & + .ActionListItem .ActionListSubContent::before {
        visibility: hidden;
      } */

      /* blue accent line  */
      &::after {
        @mixin activeIndicatorLine;
      }
    }

    /* inactive */
    &:where([data-inactive='true']) {
      /* ignore tooltip */
      & * :not([popover], .prc_InactiveWarning_YRMKV) {
        color: var(--fgColor-muted);
      }

      @media (hover: hover) {
        &:hover {
          cursor: not-allowed;
          background-color: transparent;

          & * :not([popover], .prc_InactiveWarning_YRMKV) {
            color: var(--fgColor-muted);
          }
        }
      }

      &:active {
        background: transparent;
      }
    }

    &:where([data-loading='true']),
    &:has([data-loading='true']) {
      & * {
        color: var(--fgColor-muted);
      }
    }

    /* hide dividers  */
    @media (hover: hover) {
      &:hover {
        & .prc_ActionListSubContent_lP9xj::before,
        & + .prc_ActionListItem_uq6I7 .prc_ActionListSubContent_lP9xj::before {
          visibility: hidden;
        }

        & [data-description-variant='inline']::before,
        & + .prc_ActionListItem_uq6I7 [data-description-variant='inline']::before {
          visibility: hidden;
        }
      }
    }
  }

  /* if item has subitem, move hover styles to ActionListContent */
  &[data-has-subitem='true'] {
    /* first child */
    & > .prc_ActionListContent_sg9-x {
      z-index: 1;

      @media (hover: hover) {
        &:hover {
          cursor: pointer;
          background-color: var(--control-transparent-bgColor-hover);
        }
      }

      &:active {
        background-color: var(--control-transparent-bgColor-active);
      }
    }

    & .prc_Spacer_dydlX {
      display: block;
    }
  }

  /* disabled */

  &[aria-disabled='true'],
  &:has([aria-disabled='true'], [disabled]) {
    & .prc_ActionListContent_sg9-x * {
      color: var(--control-fgColor-disabled);
    }

    & .prc_ActionListContent_sg9-x {
      @media (hover: hover) {
        &:hover {
          cursor: not-allowed;
          background-color: transparent;
        }
      }
    }

    @media (hover: hover) {
      &:hover {
        background-color: transparent;
      }
    }

    & .prc_MultiSelectCheckbox_nK6PJ {
      background-color: var(--control-bgColor-disabled);
      border-color: var(--control-borderColor-disabled);
    }

    &[aria-checked='true'],
    &[aria-selected='true'] {
      & .prc_MultiSelectCheckbox_nK6PJ {
        background-color: var(--control-checked-bgColor-disabled);
        /* stylelint-disable-next-line primer/colors */
        border-color: var(--control-checked-bgColor-disabled);

        &::before {
          /* stylelint-disable-next-line primer/colors */
          background-color: var(--control-checked-fgColor-disabled);
        }
      }
    }
  }

  /* Make sure that the first visible item isn't a divider */
  &[aria-hidden] + .prc_Divider_rsZFG {
    display: none;
  }

  /*
  * checkbox item [aria-checked]
  * listbox [aria-selected]
  */

  & .prc_MultiSelectCheckbox_nK6PJ {
    position: relative;
    display: grid;
    width: var(--base-size-16);
    height: var(--base-size-16);
    margin: 0;
    cursor: pointer;
    background-color: var(--bgColor-default);
    border: var(--borderWidth-thin) solid var(--control-borderColor-emphasis);
    border-radius: var(--borderRadius-small);
    transition:
      background-color,
      border-color 80ms cubic-bezier(0.33, 1, 0.68, 1); /* checked -> unchecked - add 120ms delay to fully see animation-out */

    place-content: center;

    &::before {
      width: var(--base-size-16);
      height: var(--base-size-16);
      content: '';
      /* stylelint-disable-next-line primer/colors */
      background-color: var(--control-checked-fgColor-rest);
      transition: visibility 0s linear 230ms;
      clip-path: inset(var(--base-size-16) 0 0 0);

      /* octicon checkmark image */
      mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEuNzgwMyAwLjIxOTYyNUMxMS45MjEgMC4zNjA0MjcgMTIgMC41NTEzMDUgMTIgMC43NTAzMTNDMTIgMC45NDkzMjEgMTEuOTIxIDEuMTQwMTkgMTEuNzgwMyAxLjI4MUw0LjUxODYgOC41NDA0MkM0LjM3Nzc1IDguNjgxIDQuMTg2ODIgOC43NiAzLjk4Nzc0IDguNzZDMy43ODg2NyA4Ljc2IDMuNTk3NzMgOC42ODEgMy40NTY4OSA4LjU0MDQyTDAuMjAxNjIyIDUuMjg2MkMwLjA2ODkyNzcgNS4xNDM4MyAtMC4wMDMzMDkwNSA0Ljk1NTU1IDAuMDAwMTE2NDkzIDQuNzYwOThDMC4wMDM1NTIwNSA0LjU2NjQzIDAuMDgyMzg5NCA0LjM4MDgxIDAuMjIwMDMyIDQuMjQzMjFDMC4zNTc2NjUgNC4xMDU2MiAwLjU0MzM1NSA0LjAyNjgxIDAuNzM3OTcgNC4wMjMzOEMwLjkzMjU4NCA0LjAxOTk0IDEuMTIwOTMgNC4wOTIxNyAxLjI2MzM0IDQuMjI0ODJMMy45ODc3NCA2Ljk0ODM1TDEwLjcxODYgMC4yMTk2MjVDMTAuODU5NSAwLjA3ODk5MjMgMTEuMDUwNCAwIDExLjI0OTUgMEMxMS40NDg1IDAgMTEuNjM5NSAwLjA3ODk5MjMgMTEuNzgwMyAwLjIxOTYyNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=');
      mask-size: 75%;
      mask-repeat: no-repeat;
      mask-position: center;
      animation: prc_checkmarkOut_XHM8j 80ms cubic-bezier(0.65, 0, 0.35, 1); /*  forwards;  slightly snappier animation out */
    }
  }

  &[aria-checked='true'],
  &[aria-selected='true'] {
    & .prc_MultiSelectCheckbox_nK6PJ {
      background-color: var(--control-checked-bgColor-rest);
      border-color: var(--control-checked-borderColor-rest);
      transition:
        background-color,
        border-color 80ms cubic-bezier(0.32, 0, 0.67, 0) 0ms; /* unchecked -> checked */

      &::before {
        visibility: visible;
        transition: visibility 0s linear 0s;
        animation: prc_checkmarkIn_Q8dLp 80ms cubic-bezier(0.65, 0, 0.35, 1) forwards 80ms;
      }
    }

    & .prc_SingleSelectCheckmark_Vqn87 {
      visibility: visible;
    }
  }

  &[aria-checked='false'],
  &[aria-selected='false'] {
    & .prc_MultiSelectCheckbox_nK6PJ {
      &::before {
        visibility: hidden;
      }
    }

    & .prc_SingleSelectCheckmark_Vqn87 {
      visibility: hidden;
    }
  }
}

/* hide by default to support inactive state where role cannot be menuitemradio or menuitemcheckbox */
.prc_SingleSelectCheckmark_Vqn87 {
  visibility: hidden;
}

/* button or a tag */

/* [ [spacer] [leadingAction] [leadingVisual] [content] ] */
.prc_ActionListContent_sg9-x {
  --subitem-depth: 0px;

  position: relative;
  display: grid;
  width: 100%;
  color: var(--control-fgColor-rest);
  text-align: left;
  user-select: none;
  background-color: transparent;
  border: none;
  border-radius: var(--borderRadius-medium);
  transition: background 33.333ms linear;
  /* stylelint-disable-next-line primer/spacing */
  padding-block: var(--control-medium-paddingBlock);
  /* stylelint-disable-next-line primer/spacing */
  padding-inline: var(--control-medium-paddingInline-condensed);
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  grid-template-rows: min-content;
  grid-template-areas: 'spacer leadingAction leadingVisual content';
  grid-template-columns: min-content min-content min-content minmax(0, auto);
  align-items: start;

  /* column-gap persists with empty grid-areas, margin applies only when children exist */
  & > :not(:last-child, .prc_Spacer_dydlX) {
    /* stylelint-disable-next-line primer/spacing */
    margin-right: var(--control-medium-gap);
  }

  &:hover {
    text-decoration: none;
    cursor: pointer;
  }

  /* collapsible item [aria-expanded] */

  &[aria-expanded='true'] {
    & .prc_ExpandIcon_SKUGP {
      transform: scaleY(-1);
    }

    &.prc_ActionListContent--hasActiveSubItem_prcuS {
      & > .prc_ItemLabel_TmBhn {
        font-weight: var(--base-text-weight-semibold);
      }
    }
  }

  &[aria-expanded='false'] {
    & .prc_ExpandIcon_SKUGP {
      transform: scaleY(1);
    }

    & + .prc_SubGroup_24eK2 {
      display: none;
    }

    /* show active indicator on parent collapse if child is active */
    &:has(+ .prc_SubGroup_24eK2 [data-active='true']) {
      background: var(--control-transparent-bgColor-selected);

      & .prc_ItemLabel_TmBhn {
        font-weight: var(--base-text-weight-semibold);
      }

      & .prc_ActionListSubContent_lP9xj::before,
      & + .prc_ActionListItem_uq6I7 .prc_ActionListSubContent_lP9xj::before {
        visibility: hidden;
      }

      /* blue accent line */
      &::after {
        @mixin activeIndicatorLine;
      }
    }
  }
}

/* [ [content] [trailingVisual] [trailingAction] ] */
.prc_ActionListSubContent_lP9xj {
  grid-area: content;
  position: relative;
  display: grid;
  width: 100%;
  grid-template-rows: min-content;
  grid-template-areas: 'label trailingVisual trailingAction';
  grid-template-columns: minmax(0, auto) min-content min-content;
  align-items: start;
}

/* place children on grid */

/* spacer used to create depth for nested lists */

.prc_Spacer_dydlX {
  display: none;
  width: max(0px, var(--subitem-depth) * 8px);
  grid-area: spacer;
}

.prc_LeadingAction_Oy04M {
  grid-area: leadingAction;
}

.prc_LeadingVisual_dxXxW {
  grid-area: leadingVisual;
}

.prc_TrailingVisual_XocgV {
  grid-area: trailingVisual;
  font-size: var(--text-body-size-medium);
}

.prc_TrailingAction_RmUk1 {
  grid-area: trailingAction;
}

/* wrapper span
default block */
.prc_ItemDescriptionWrap_VJA7h {
  grid-area: label;
  display: flex;
  flex-direction: column;
  gap: var(--base-size-4);

  & .prc_ItemLabel_TmBhn {
    font-weight: var(--base-text-weight-semibold);
    word-break: break-word;
  }

  /* inline */
  &:where([data-description-variant='inline']) {
    position: relative;
    word-break: normal;
    flex-direction: row;
    align-items: baseline;
    gap: var(--base-size-8);

    & .prc_ItemLabel_TmBhn {
      word-break: normal;
    }

    &:has([data-truncate='true']) {
      & .prc_ItemLabel_TmBhn {
        flex: 1 0 auto;
      }
    }

    & .prc_Description_G0lJ3 {
      /* adjust line-height for baseline alignment */

      /* line-height: calc(var(--control-medium-lineBoxHeight) - var(--base-size-2)); */
      /* stylelint-disable-next-line primer/typography */
      line-height: 16px;
    }
  }
}

/* description */
.prc_Description_G0lJ3 {
  font-size: var(--text-body-size-small);
  font-weight: var(--base-text-weight-normal);

  /* line-height: var(--text-caption-lineHeight); */

  /* remove after FF ships */
  /* stylelint-disable-next-line primer/typography */
  line-height: 16px;
  color: var(--fgColor-muted);
}

/* helper for grid alignment with multi-line content
span wrapping svg or text */
.prc_VisualWrap_rfjV- {
  display: flex;
  min-width: max-content;
  min-height: var(--control-medium-lineBoxHeight);
  /* stylelint-disable-next-line primer/typography */
  line-height: 20px; /* temporary until we fix line-height rounding in primitives */
  color: var(--fgColor-muted);
  pointer-events: none;
  fill: var(--fgColor-muted);
  align-items: center;
}

/* text */
.prc_ItemLabel_TmBhn {
  position: relative;
  font-size: var(--text-body-size-medium);
  font-weight: var(--base-text-weight-normal);
  /* stylelint-disable-next-line primer/typography */
  line-height: 20px; /* temporary until we fix line-height rounding in primitives */
  color: var(--fgColor-default);
  grid-area: label;
  word-break: break-word;
}

.prc_SubGroup_24eK2 {
  & .prc_ItemLabel_TmBhn {
    font-size: var(--text-body-size-small);
  }

  & .prc_ActionListItem_uq6I7 {
    margin-inline: 0;
  }
}

/* trailing action icon button */

.prc_TrailingActionButton_i2wnc {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.prc_InactiveButtonWrap_T6Jfa {
  &:has(.prc_TrailingVisual_XocgV) {
    grid-area: trailingVisual;
  }

  &:has(.prc_LeadingVisual_dxXxW) {
    grid-area: leadingVisual;
  }
}

.prc_Divider_rsZFG {
  display: block;
  height: var(--borderWidth-thin);
  padding: 0;
  /* stylelint-disable-next-line primer/spacing */
  margin-block-start: calc(var(--base-size-8) - var(--borderWidth-thin));
  margin-block-end: var(--base-size-8);
  list-style: none;
  /* stylelint-disable-next-line primer/colors */
  background: var(--borderColor-muted);
  border: 0;
}

.prc_InactiveButtonReset_3lIQX {
  display: flex;
  padding: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
  background: none;
  border: none;
}

.prc_InactiveWarning_YRMKV {
  font-size: var(--text-body-size-small);

  /* line-height: var(--text-caption-lineHeight); */

  /* use variable when FF removed */
  /* stylelint-disable-next-line primer/typography */
  line-height: 16px;
  color: var(--fgColor-attention);
  grid-row: 2/2;
}

@keyframes prc_checkmarkIn_Q8dLp {
  from {
    clip-path: inset(var(--base-size-16) 0 0 0);
  }

  to {
    clip-path: inset(0 0 0 0);
  }
}

@keyframes prc_checkmarkOut_XHM8j {
  from {
    clip-path: inset(0 0 0 0);
  }

  to {
    clip-path: inset(var(--base-size-16) 0 0 0);
  }
}

.prc_Group_fXpF9:not(:first-child) {
  margin-block-start: var(--base-size-8);

  /* If somebody tries to pass the `title` prop AND a `NavList.GroupHeading` as a child, hide the `ActionList.GroupHeading */
  /* stylelint-disable-next-line selector-max-specificity */
  &:has(.prc_GroupHeadingWrap_pfbd9 + ul > .prc_GroupHeadingWrap_pfbd9) {
    /* stylelint-disable-next-line selector-max-specificity */
    & > .prc_GroupHeadingWrap_pfbd9 {
      display: none;
    }
  }
}

.prc_GroupHeadingWrap_pfbd9 {
  display: flex;
  font-size: var(--text-body-size-small);
  font-weight: var(--base-text-weight-semibold);

  /* line-height: var(--text-body-lineHeight-small); use when FF rolls out */
  /* stylelint-disable-next-line primer/typography */
  line-height: 18px;
  color: var(--fgColor-muted);
  flex-direction: column;
  padding-inline: var(--base-size-16);
  padding-block: var(--base-size-6);

  &:where([data-variant='filled']) {
    /* stylelint-disable-next-line primer/spacing */
    margin-block-start: calc(var(--base-size-8) - var(--borderWidth-thin));
    margin-block-end: var(--base-size-8);
    background: var(--bgColor-muted);
    border-top: solid var(--borderWidth-thin) var(--borderColor-muted);
    border-bottom: solid var(--borderWidth-thin) var(--borderColor-muted);
    padding-inline: var(--base-size-16);

    &:first-child {
      margin-block-start: 0;
    }
  }

  /* & + ul:has(.GroupHeadingWrap) {
    outline: solid 1px red;
  } */
}

.prc_GroupHeading_eahp0 {
  margin: 0;
  font-size: var(--text-body-size-small);
  font-weight: var(--base-text-weight-semibold);
  color: var(--fgColor-muted);
  align-self: flex-start;
}

:where(.prc_Link_85e08) {
  color: var(--fgColor-accent);
  text-decoration: none;

  /* Reset for button tags */
  &:is(button) {
    display: inline-block;
    padding: 0;
    font-size: inherit;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    background-color: transparent;
    border: 0;
    appearance: none;
  }

  &:hover {
    text-decoration: underline;
  }

  /* Deprecated: but need to support backwards compatibility */
  &:where([data-underline='true']),
  /*
    Inline links (inside a text block), however, should have underline based on accessibility setting set in data-attribute
    Note: setting underline={false} does not override this
  */
  [data-a11y-link-underlines='true'] &:where([data-inline='true']) {
    text-decoration: underline;
  }

  &:where([data-muted='true']) {
    color: var(--fgColor-muted);

    &:hover {
      color: var(--fgColor-accent);
      text-decoration: none;
    }
  }
}

@keyframes prc_overlay-appear_DGY3B {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.prc_Overlay_dVyJl {
  position: absolute;
  width: auto;
  min-width: 192px;
  height: auto;
  max-height: 100vh;
  overflow: hidden;
  background-color: var(--overlay-bgColor);
  border-radius: var(--borderRadius-large);
  box-shadow: var(--shadow-floating-small);
  animation: prc_overlay-appear_DGY3B 200ms cubic-bezier(0.33, 1, 0.68, 1);

  &:focus {
    outline: none;
  }

  @media (forced-colors: active) {
    /* Support for Windows high contrast https://sarahmhigley.com/writing/whcm-quick-tips */
    outline: solid 1px transparent;
  }

  &:where([data-reflow-container='true']) {
    max-width: calc(100vw - 2rem);
  }

  &:where([data-overflow-auto]) {
    overflow: auto;
  }

  &:where([data-overflow-hidden]) {
    overflow: hidden;
  }

  &:where([data-overflow-scroll]) {
    overflow: scroll;
  }

  &:where([data-overflow-visible]) {
    overflow: visible;
  }

  &:where([data-height-xsmall]) {
    height: 192px;
  }

  &:where([data-height-small]) {
    height: 256px;
  }

  &:where([data-height-medium]) {
    height: 320px;
  }

  &:where([data-height-large]) {
    height: 432px;
  }

  &:where([data-height-xlarge]) {
    height: 600px;
  }

  &:where([data-height-auto]),
  &:where([data-height-initial]) {
    height: auto;
  }

  &:where([data-height-fit-content]) {
    height: fit-content;
  }

  &:where([data-max-height-xsmall]) {
    max-height: 192px;
  }

  &:where([data-max-height-small]) {
    max-height: 256px;
  }

  &:where([data-max-height-medium]) {
    max-height: 320px;
  }

  &:where([data-max-height-large]) {
    max-height: 432px;
  }

  &:where([data-max-height-xlarge]) {
    max-height: 600px;
  }

  &:where([data-max-height-fit-content]) {
    max-height: fit-content;
  }

  &:where([data-width-small]) {
    width: 256px;
  }

  &:where([data-width-medium]) {
    width: 320px;
  }

  &:where([data-width-large]) {
    /* stylelint-disable-next-line primer/responsive-widths */
    width: 480px;
  }

  &:where([data-width-xlarge]) {
    /* stylelint-disable-next-line primer/responsive-widths */
    width: 640px;
  }

  &:where([data-width-xxlarge]) {
    /* stylelint-disable-next-line primer/responsive-widths */
    width: 960px;
  }

  &:where([data-width-auto]) {
    width: auto;
  }

  &:where([data-max-width-small]) {
    max-width: 256px;
  }

  &:where([data-max-width-medium]) {
    max-width: 320px;
  }

  &:where([data-max-width-large]) {
    max-width: 480px;
  }

  &:where([data-max-width-xlarge]) {
    max-width: 640px;
  }

  &:where([data-max-width-xxlarge]) {
    max-width: 960px;
  }

  &:where([data-visibility-visible]) {
    visibility: visible;
  }

  &:where([data-visibility-hidden]) {
    visibility: hidden;
  }
}

.prc_Spinner_Azb7p {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 100%;
  height: 100%;
}

.prc_SpinnerLeading_s-LyA {
  left: 0;
}

.prc_SpinnerHidden_GG1PJ {
  visibility: hidden;
}

.prc_SpinnerVisible_w5g8l {
  visibility: visible;
}

.prc_Input_Ic-y8 {
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background-color: transparent;
  border: 0;
  appearance: none;

  &:focus {
    outline: 0;
  }
}

.prc_TextInputBaseWrapper_ueK9q {
  display: inline-flex;
  min-height: var(--base-size-32);
  overflow: hidden;
  font-size: var(--text-body-size-medium);
  /* stylelint-disable-next-line primer/typography */
  line-height: var(--base-size-20);
  color: var(--fgColor-default);
  vertical-align: middle;
  background-color: var(--bgColor-default);
  border: var(--borderWidth-thin) solid var(--control-borderColor-rest);
  border-radius: var(--borderRadius-medium);
  outline: none;
  box-shadow: var(--shadow-inset);
  align-items: stretch;

  input,
  textarea {
    cursor: text;
  }

  select {
    cursor: pointer;
  }

  input,
  textarea,
  select {
    &::placeholder {
      color: var(--fgColor-muted);
    }
  }

  &:where([data-trailing-action][data-focused]),
  &:where(:not([data-trailing-action]):focus-within) {
    border-color: var(--borderColor-accent-emphasis);
    outline: var(--borderWidth-thick) solid var(--borderColor-accent-emphasis);
    outline-offset: -1px;
  }

  > textarea {
    padding: var(--base-size-12);
  }

  &:where([data-contrast]) {
    background-color: var(--bgColor-inset);
  }

  &:where([data-disabled]) {
    color: var(--fgColor-disabled);
    background-color: var(--control-bgColor-disabled);
    border-color: var(--control-borderColor-disabled);
    box-shadow: none;

    input,
    textarea,
    select {
      cursor: not-allowed;
    }
  }

  &:where([data-monospace]) {
    font-family: var(--fontStack-monospace);
  }

  &:where([data-validation='error']) {
    border-color: var(--borderColor-danger-emphasis);

    &:where([data-trailing-action][data-focused]),
    &:where(:not([data-trailing-action])):focus-within {
      /* stylelint-disable-next-line primer/colors */
      border-color: var(--fgColor-accent);
      outline: 2px solid var(--fgColor-accent);
      outline-offset: -1px;
    }
  }

  &:where([data-validation='success']) {
    /* stylelint-disable-next-line primer/colors */
    border-color: var(--bgColor-success-emphasis);
  }

  &:where([data-block]) {
    display: flex;
    width: 100%;
    align-self: stretch;
  }

  /* Ensures inputs don't zoom on mobile but are body-font size on desktop */
  @media screen and (--viewportRange-regular) {
    font-size: var(--text-body-size-medium);
  }

  --inner-action-size: var(--base-size-24); /* Default size */

  &:where([data-size='small']) {
    --inner-action-size: var(--base-size-20);

    min-height: var(--base-size-28);
    /* stylelint-disable-next-line primer/spacing */
    padding-top: 3px;
    padding-right: var(--base-size-8);
    /* stylelint-disable-next-line primer/spacing */
    padding-bottom: 3px;
    padding-left: var(--base-size-8);
    font-size: var(--text-body-size-small);
    /* stylelint-disable-next-line primer/typography */
    line-height: var(--base-size-20);
  }

  &:where([data-size='large']) {
    --inner-action-size: var(--base-size-28);

    height: var(--base-size-40);
    /* stylelint-disable-next-line primer/spacing */
    padding-top: 10px;
    padding-right: var(--base-size-8);
    /* stylelint-disable-next-line primer/spacing */
    padding-bottom: 10px;
    padding-left: var(--base-size-8);
  }

  /* Deprecated */
  &:where([data-variant='small']) {
    min-height: 28px;
    /* stylelint-disable-next-line primer/spacing */
    padding-top: 3px;
    padding-right: var(--base-size-8);
    /* stylelint-disable-next-line primer/spacing */
    padding-bottom: 3px;
    padding-left: var(--base-size-8);
    font-size: (--text-body-size-small);
    /* stylelint-disable-next-line primer/typography */
    line-height: var(--base-size-20);
  }

  /* Deprecated */
  &:where([data-variant='large']) {
    /* stylelint-disable-next-line primer/spacing */
    padding-top: 10px;
    padding-right: var(--base-size-8);
    /* stylelint-disable-next-line primer/spacing */
    padding-bottom: 10px;
    padding-left: var(--base-size-8);
    font-size: var(--text-title-size-medium);
  }
}

.prc_TextInputWrapper_i1ofR {
  padding-right: 0;
  padding-left: 0;

  > input,
  > select {
    padding-right: 0;
    padding-left: 0;
  }

  /* Repeat and position set for form states (success, error, etc) */
  background-repeat: no-repeat;

  /* For form validation. This keeps images 8px from right and centered vertically. */
  background-position: right 8px center;

  & > :not(:last-child) {
    margin-right: var(--base-size-8);
  }

  & .TextInput-icon,
  & .TextInput-action {
    align-self: center;
    color: var(--fgColor-muted);
    flex-shrink: 0;
  }

  &:where([data-leading-visual]) {
    padding-left: var(--base-size-12);
  }

  &:where([data-trailing-visual]:not([data-trailing-action])) {
    padding-right: var(--base-size-12);
  }

  &:where(:not([data-leading-visual])) > input,
  &:where(:not([data-leading-visual])) > select {
    padding-left: var(--base-size-12);
  }

  &:where(:not([data-trailing-visual]):not([data-trailing-action])) > input,
  &:where(:not([data-trailing-visual]):not([data-trailing-action])) > select {
    padding-right: var(--base-size-12);
  }
}

.prc_Invisible_uIWry {
  position: relative;
  padding-top: var(--base-size-2);
  padding-right: var(--base-size-4);
  padding-bottom: var(--base-size-2);
  padding-left: var(--base-size-4);
  color: var(--fgColor-muted);
  background-color: transparent;

  &:hover,
  &:focus {
    color: var(--fgColor-default);
  }

  &[data-component='IconButton'] {
    width: var(--inner-action-size);
    height: var(--inner-action-size);
  }

  @media (pointer: coarse) {
    ::after {
      position: absolute;
      top: 50%;
      right: 0;
      left: 0;
      min-height: 44px;
      content: '';
      transform: translateY(-50%);
    }
  }
}

.prc_SpinnerWrapper_OvHpT {
  display: flex;
  justify-content: center;
  padding: var(--base-size-16);
}

.prc_EmptyStateWrapper_tAx1w {
  padding: var(--base-size-16);
}

.prc_Overlay_4kapX {
  overflow: auto;
}

:where(.prc_Avatar_ZRS-m) {
  display: inline-block;
  width: var(--avatarSize-regular);
  height: var(--avatarSize-regular);
  overflow: hidden; /* Ensure page layout in Firefox should images fail to load */
  /* stylelint-disable-next-line primer/typography */
  line-height: 1;
  vertical-align: middle;
  border-radius: 50%;
  /* stylelint-disable-next-line primer/box-shadow */
  box-shadow: 0 0 0 1px var(--avatar-borderColor);

  &:where([data-square]) {
    /* stylelint-disable-next-line primer/borders */
    border-radius: clamp(4px, calc(var(--avatarSize-regular) - 24px), var(--borderRadius-medium));
  }

  &:where([data-responsive]) {
    @media screen and (--viewportRange-narrow) {
      width: var(--avatarSize-narrow);
      height: var(--avatarSize-narrow);
    }

    @media screen and (--viewportRange-regular) {
      width: var(--avatarSize-regular);
      height: var(--avatarSize-regular);
    }

    @media screen and (--viewportRange-wide) {
      width: var(--avatarSize-wide);
      height: var(--avatarSize-wide);
    }
  }
}

@keyframes prc_shimmer_ngQtR {
  from {
    mask-position: 200%;
  }

  to {
    mask-position: 0%;
  }
}

.prc_SkeletonBox_HR9PH {
  display: block;
  height: 1rem;
  background-color: var(--bgColor-muted);
  border-radius: var(--borderRadius-small);
  animation: prc_shimmer_ngQtR;

  @media (prefers-reduced-motion: no-preference) {
    mask-image: linear-gradient(75deg, #000 30%, rgba(0, 0, 0, 0.65) 80%);
    mask-size: 200%;
    animation: prc_shimmer_ngQtR;
    animation-duration: var(base-duration-1000);
    animation-iteration-count: infinite;
  }

  @media (forced-colors: active) {
    outline: 1px solid transparent;
    outline-offset: -1px;
  }
}

.prc_SkeletonAvatar_TYNvX {
  &:where([data-component='SkeletonAvatar']) {
    display: inline-block;
    width: var(--avatarSize-regular);
    height: var(--avatarSize-regular);
    /* stylelint-disable-next-line primer/typography */
    line-height: 1;
    border-radius: 50%;
  }

  &:where([data-square]) {
    /* stylelint-disable-next-line primer/borders */
    border-radius: clamp(4px, var(--avatarSize-regular) - 24px, var(--borderRadius-medium));
  }

  &:where([data-responsive]) {
    @media screen and (--viewportRange-narrow) {
      width: var(--avatarSize-narrow);
      height: var(--avatarSize-narrow);
    }

    @media screen and (--viewportRange-regular) {
      width: var(--avatarSize-regular);
      height: var(--avatarSize-regular);
    }

    @media screen and (--viewportRange-wide) {
      width: var(--avatarSize-wide);
      height: var(--avatarSize-wide);
    }
  }
}

.prc_AvatarPair_Av0UV {
  position: relative;
  display: inline-flex;

  [data-component='Avatar']:last-child,
  [data-component='SkeletonAvatar']:last-child {
    position: absolute;
    right: -15%;
    bottom: -9%;
    box-shadow: var(--avatar-shadow);
  }

  [data-component='SkeletonAvatar']:last-child {
    box-shadow: inset var(--avatar-shadow);
  }
}

.prc_AvatarChild_icdQd {
  background-color: var(--bgColor-default);
}

/* stylelint-disable max-nesting-depth */
/* stylelint-disable selector-max-specificity */
.prc_AvatarStack_N-r3C {
  --avatar-border-width: 1px;
  --avatar-two-margin: calc(var(--avatar-stack-size) * -0.55);
  --avatar-three-margin: calc(var(--avatar-stack-size) * -0.85);

  position: relative;
  display: flex;
  min-width: var(--avatar-stack-size);
  height: var(--avatar-stack-size);

  &:where([data-responsive]) {
    @media screen and (--viewportRange-narrow) {
      --avatar-stack-size: var(--stackSize-narrow);
    }

    @media screen and (--viewportRange-regular) {
      --avatar-stack-size: var(--stackSize-regular);
    }

    @media screen and (--viewportRange-wide) {
      --avatar-stack-size: var(--stackSize-wide);
    }
  }

  &:where([data-avatar-count='1']) {
    .prc_AvatarItem_nS1mt {
      /* stylelint-disable-next-line primer/box-shadow */
      box-shadow: 0 0 0 var(--avatar-border-width) var(--avatar-borderColor);
    }
  }

  &:where([data-avatar-count='2']) {
    /* this calc explained: */

    /* 1. avatar size + the non-overlapping part of the second avatar */

    /* 2. + the border widths of the first two avatars */
    min-width: calc(
      var(--avatar-stack-size) + calc(var(--avatar-stack-size) + var(--avatar-two-margin)) + var(--avatar-border-width)
    );
  }

  &:where([data-avatar-count='3']) {
    /* this calc explained: */

    /* 1. avatar size + the non-overlapping part of the second avatar */

    /* 2. + the non-overlapping part of the third avatar */
    min-width: calc(
      var(--avatar-stack-size) +
        calc(
          calc(var(--avatar-stack-size) + var(--avatar-two-margin)) +
            calc(var(--avatar-stack-size) + var(--avatar-three-margin))
        )
    );
  }

  &:where([data-avatar-count='3+']) {
    /* this calc explained: */

    /* 1. avatar size + the non-overlapping part of the second avatar */

    /* 2. + the non-overlapping part of the third and fourth avatar */
    min-width: calc(
      var(--avatar-stack-size) +
        calc(
          calc(var(--avatar-stack-size) + var(--avatar-two-margin)) +
            calc(var(--avatar-stack-size) + var(--avatar-three-margin)) * 2
        )
    );
  }

  &:where([data-align-right]) {
    justify-content: flex-end;

    .prc_AvatarItem_nS1mt {
      margin-left: 0 !important;

      &:first-child {
        margin-right: 0;
      }

      &:nth-child(n + 2) {
        /* stylelint-disable-next-line primer/spacing */
        margin-right: var(--avatar-two-margin);
      }

      &:nth-child(n + 3) {
        /* stylelint-disable-next-line primer/spacing */
        margin-right: var(--avatar-three-margin);
      }
    }

    .prc_AvatarStackBody_mSyoJ {
      flex-direction: row-reverse;

      &:not([data-disable-expand]):hover,
      &:not([data-disable-expand]):focus-within {
        .prc_AvatarItem_nS1mt {
          margin-right: var(--base-size-4) !important;
          margin-left: 0 !important;

          &:first-child {
            margin-right: 0 !important;
          }
        }
      }
    }
  }
}

.prc_AvatarStackBody_mSyoJ {
  position: absolute;
  display: flex;

  &:where([data-disable-expand]) {
    position: relative;
  }
}

.prc_AvatarItem_nS1mt {
  --avatarSize-regular: var(--avatar-stack-size);

  position: relative;
  display: flex;
  width: var(--avatar-stack-size);
  height: var(--avatar-stack-size);
  overflow: hidden;
  flex-shrink: 0;

  &:is(img) {
    /* stylelint-disable-next-line primer/box-shadow */
    box-shadow: 0 0 0 var(--avatar-border-width) var(--bgColor-default);
  }

  &:first-child {
    z-index: 10;
    margin-left: 0;
  }

  &:nth-child(n + 2) {
    z-index: 9;
    /* stylelint-disable-next-line primer/spacing */
    margin-left: var(--avatar-two-margin);
  }

  &:nth-child(n + 3) {
    z-index: 8;
    /* stylelint-disable-next-line primer/spacing */
    margin-left: var(--avatar-three-margin);
    opacity: 0.55;
  }

  &:nth-child(n + 4) {
    z-index: 7;
    opacity: 0.4;
  }

  &:nth-child(n + 5) {
    z-index: 6;
    opacity: 0.25;
  }

  &:nth-child(n + 6) {
    visibility: hidden;
    opacity: 0;
  }
}

.prc_AvatarStackBody_mSyoJ:not([data-disable-expand]):hover,
.prc_AvatarStackBody_mSyoJ:not([data-disable-expand]):focus-within {
  width: auto;

  .prc_AvatarItem_nS1mt {
    margin-left: var(--base-size-4);
    visibility: visible;
    opacity: 1;
    transition:
      margin 0.2s ease-in-out,
      opacity 0.2s ease-in-out,
      visibility 0.2s ease-in-out,
      box-shadow 0.1s ease-in-out;

    &:first-child {
      margin-left: 0;
    }
  }
}

.prc_BranchName_jFtg- {
  display: inline-block;
  padding: var(--base-size-2) var(--base-size-6);
  font-family: var(--fontStack-monospace);
  font-size: var(--text-body-size-small);
  color: var(--fgColor-link);
  text-decoration: none;
  background-color: var(--bgColor-accent-muted);
  border-radius: var(--borderRadius-medium);

  &:is(:not(a)) {
    color: var(--fgColor-muted);
  }
}

.prc_BreadcrumbsBase_6gqOz {
  display: flex;
  justify-content: space-between;
}

.prc_BreadcrumbsList_K7eeK {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.prc_ItemWrapper_Mfwuj {
  display: inline-block;
  font-size: var(--text-body-size-medium);
  white-space: nowrap;
  list-style: none;

  &::after {
    display: inline-block;
    height: 0.8em;
    /* stylelint-disable-next-line primer/spacing */
    margin: 0 0.5em;
    font-size: var(--text-body-size-medium);
    content: '';
    /* stylelint-disable-next-line primer/borders, primer/colors */
    border-right: 0.1em solid var(--fgColor-muted);
    transform: rotate(15deg) translateY(0.0625em);
  }

  &:first-child {
    margin-left: 0;
  }

  &:last-child {
    &::after {
      content: none;
    }
  }
}

.prc_Item_7BKO- {
  display: inline-block;
  font-size: var(--text-body-size-medium);
  color: var(--fgColor-link);
  text-decoration: none;

  &:hover,
  &:focus {
    text-decoration: underline;
  }
}

.prc_ItemSelected_9ZYcW {
  color: var(--fgColor-default);
  pointer-events: none;

  &:focus {
    text-decoration: none;
  }
}

.prc_ButtonGroup_vcMeG {
  display: inline-flex;
  vertical-align: middle;
  isolation: isolate;

  & > *:not([data-loading-wrapper]) {
    /* stylelint-disable-next-line primer/spacing */
    margin-inline-end: -1px;
    position: relative;

    /* reset border-radius */
    button,
    a {
      border-radius: 0;
    }

    &:first-child {
      button,
      a {
        border-top-left-radius: var(--borderRadius-medium);
        border-bottom-left-radius: var(--borderRadius-medium);
      }
    }

    &:last-child {
      button,
      a {
        border-top-right-radius: var(--borderRadius-medium);
        border-bottom-right-radius: var(--borderRadius-medium);
      }
    }

    &:focus,
    &:active,
    &:hover {
      z-index: 1;
    }
  }

  /* this is a workaround until portal based tooltips are fully removed from dotcom */
  &:has(div:last-child:empty) {
    button,
    a {
      border-radius: var(--borderRadius-medium);
    }
  }

  /* if child is loading button */
  & > *[data-loading-wrapper] {
    /* stylelint-disable-next-line primer/spacing */
    margin-inline-end: -1px;
    position: relative;

    /* reset border-radius */
    button,
    a {
      border-radius: 0;
    }

    &:focus,
    &:active,
    &:hover {
      z-index: 1;
    }

    &:first-child {
      button,
      a {
        border-top-left-radius: var(--borderRadius-medium);
        border-bottom-left-radius: var(--borderRadius-medium);
      }
    }

    &:last-child {
      button,
      a {
        border-top-right-radius: var(--borderRadius-medium);
        border-bottom-right-radius: var(--borderRadius-medium);
      }
    }
  }
}

.prc_Checkbox_gIwWX {
  border-radius: var(--borderRadius-small);

  /* checked -> unchecked - add 120ms delay to fully see animation-out */
  transition:
    background-color,
    border-color 80ms cubic-bezier(0.33, 1, 0.68, 1);

  &::before {
    width: var(--base-size-16);
    height: var(--base-size-16);
    visibility: hidden;
    content: '';
    /* stylelint-disable-next-line primer/colors */
    background-color: var(--fgColor-onEmphasis);
    transition: visibility 0s linear 230ms;
    clip-path: inset(var(--base-size-16) 0 0 0);
    mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEuNzgwMyAwLjIxOTYyNUMxMS45MjEgMC4zNjA0MjcgMTIgMC41NTEzMDUgMTIgMC43NTAzMTNDMTIgMC45NDkzMjEgMTEuOTIxIDEuMTQwMTkgMTEuNzgwMyAxLjI4MUw0LjUxODYgOC41NDA0MkM0LjM3Nzc1IDguNjgxIDQuMTg2ODIgOC43NiAzLjk4Nzc0IDguNzZDMy43ODg2NyA4Ljc2IDMuNTk3NzMgOC42ODEgMy40NTY4OSA4LjU0MDQyTDAuMjAxNjIyIDUuMjg2MkMwLjA2ODkyNzcgNS4xNDM4MyAtMC4wMDMzMDkwNSA0Ljk1NTU1IDAuMDAwMTE2NDkzIDQuNzYwOThDMC4wMDM1NTIwNSA0LjU2NjQzIDAuMDgyMzg5NCA0LjM4MDgxIDAuMjIwMDMyIDQuMjQzMjFDMC4zNTc2NjUgNC4xMDU2MiAwLjU0MzM1NSA0LjAyNjgxIDAuNzM3OTcgNC4wMjMzOEMwLjkzMjU4NCA0LjAxOTk0IDEuMTIwOTMgNC4wOTIxNyAxLjI2MzM0IDQuMjI0ODJMMy45ODc3NCA2Ljk0ODM1TDEwLjcxODYgMC4yMTk2MjVDMTAuODU5NSAwLjA3ODk5MjMgMTEuMDUwNCAwIDExLjI0OTUgMEMxMS40NDg1IDAgMTEuNjM5NSAwLjA3ODk5MjMgMTEuNzgwMyAwLjIxOTYyNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=');
    mask-size: 75%;
    mask-repeat: no-repeat;
    mask-position: center;
    animation: prc_checkmarkOut_mlBVw 80ms cubic-bezier(0.65, 0, 0.35, 1) forwards;
  }

  &:checked,
  &:indeterminate {
    background: var(--control-checked-bgColor-rest);

    /* using bgColor here to avoid a border change in dark high contrast */
    /* stylelint-disable-next-line primer/colors */
    border-color: var(--control-checked-bgColor-rest);

    &::before {
      animation: prc_checkmarkIn_S5zG9 80ms cubic-bezier(0.65, 0, 0.35, 1) forwards 80ms;
    }
  }

  &:disabled {
    cursor: not-allowed;
  }

  &:checked {
    transition:
      background-color,
      border-color 80ms cubic-bezier(0.32, 0, 0.67, 0) 0ms;

    &::before {
      visibility: visible;
      transition: visibility 0s linear 0s;
    }

    &:disabled {
      background-color: var(--control-checked-bgColor-disabled);
      border-color: var(--control-checked-borderColor-disabled);
      opacity: 1;

      &::before {
        /* stylelint-disable-next-line primer/colors */
        background-color: var(--control-checked-fgColor-disabled);
      }
    }

    /* Windows High Contrast mode */
    @media (forced-colors: active) {
      background-color: canvastext;
      border-color: canvastext;
    }
  }

  &:indeterminate {
    background: var(--control-checked-bgColor-rest);

    &::before {
      mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDEwIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMCAxQzAgMC40NDc3MTUgMC40NDc3MTUgMCAxIDBIOUM5LjU1MjI5IDAgMTAgMC40NDc3MTUgMTAgMUMxMCAxLjU1MjI4IDkuNTUyMjkgMiA5IDJIMUMwLjQ0NzcxNSAyIDAgMS41NTIyOCAwIDFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K');
      visibility: visible;
    }
  }

  &:focus-visible:not(:disabled) {
    @mixin focusOutline 2px;
  }
}

@keyframes prc_checkmarkIn_S5zG9 {
  from {
    clip-path: inset(var(--base-size-16) 0 0 0);
  }

  to {
    clip-path: inset(0 0 0 0);
  }
}

@keyframes prc_checkmarkOut_mlBVw {
  from {
    clip-path: inset(0 0 0 0);
  }

  to {
    clip-path: inset(var(--base-size-16) 0 0 0);
  }
}

.prc_Select_F7Flx {
  width: 100%;
  /* stylelint-disable-next-line primer/spacing */
  margin-top: 1px;
  /* stylelint-disable-next-line primer/spacing */
  margin-bottom: 1px;
  /* stylelint-disable-next-line primer/spacing */
  margin-left: 1px;
  font-size: inherit;
  color: currentColor;

  /* Firefox hacks:
   * 1. Makes Firefox's native dropdown menu's background match the theme.
   *    background-color should be 'transparent', but Firefox uses the background-color on
   *    <select> to determine the background color used for the dropdown menu.
   * 2. Adds 1px margins to the <select> so the background color doesn't hide the focus outline created with an inset box-shadow.
   */
  background-color: inherit;
  border: 0;
  border-radius: inherit;
  outline: none;
  appearance: none;

  /* 2. Prevents visible overlap of partially transparent background colors.
   *    'colors.input.disabledBg' happens to be partially transparent in light mode, so we use a
   *    transparent background-color on a disabled <select>. 
   */
  &:disabled {
    background-color: transparent;
  }

  /* 3. Maintain dark bg color in Firefox on Windows high-contrast mode
   *    Firefox makes the <select>'s background color white when setting 'background-color: transparent;'   
   */
  @media screen and (forced-colors: active) {
    &:disabled {
      background-color: -moz-combobox;
    }
  }
}

.prc_TextInputWrapper_eBxmL {
  position: relative;
  overflow: hidden;

  @media screen and (forced-colors: active) {
    svg {
      fill: 'FieldText';
    }
  }
}

.prc_disabled_qvF9B {
  @media screen and (forced-colors: active) {
    svg {
      fill: 'GrayText';
    }
  }
}

.prc_ArrowIndicator_vtddB {
  position: absolute;
  top: 50%;
  right: var(--base-size-4);
  pointer-events: none;
  transform: translateY(-50%);
}

.prc_Wrapper_43Iz8 {
  display: flex;
  height: inherit;
  max-height: inherit;
  flex-direction: column;
}

.prc_Content_rbAGw {
  padding-top: var(--base-size-8);
  padding-right: var(--base-size-16);
  padding-left: var(--base-size-16);
}

.prc_Title_-CZN1 {
  font-size: var(--text-body-size-medium);
}

.prc_Subtitle_tMSzu {
  font-size: var(--text-body-size-small);
  color: var(--fgColor-muted);
}

.prc_Footer_78rgp {
  display: flex;
  padding: var(--base-size-8);
  border-top: var(--borderWidth-thin) solid;
  border-top-color: var(--borderColor-default);
}

.prc_FilteredActionList_wzS7m {
  height: inherit;
  max-height: inherit;
}

.prc_TokenBase_PfQzJ {
  position: relative;
  display: inline-flex;
  font-family: inherit;
  font-weight: var(--base-text-weight-semibold);
  text-decoration: none;
  white-space: nowrap;
  border-radius: var(--borderRadius-full);
  align-items: center;
}

.prc_TokenBase_PfQzJ:where([data-cursor-is-interactive='true']) {
  cursor: pointer;
}

.prc_TokenBase_PfQzJ:where([data-cursor-is-interactive='false']) {
  cursor: auto;
}

.prc_TokenBase_PfQzJ:where([data-size='small']) {
  width: auto;
  height: 16px;
  padding-right: var(--base-size-4);
  padding-left: var(--base-size-4);
  font-size: var(--text-body-size-small);
  /* stylelint-disable-next-line primer/typography */
  line-height: 16px;
}

.prc_TokenBase_PfQzJ:where([data-size='medium']) {
  width: auto;
  height: 20px;
  padding-right: var(--base-size-8);
  padding-left: var(--base-size-8);
  font-size: var(--text-body-size-small);
  /* stylelint-disable-next-line primer/typography */
  line-height: 20px;
}

.prc_TokenBase_PfQzJ[data-size='large'] {
  width: auto;
  height: 24px;
  padding-right: var(--base-size-8);
  padding-left: var(--base-size-8);
  font-size: var(--text-body-size-small);
  /* stylelint-disable-next-line primer/typography */
  line-height: 24px;
}

.prc_TokenBase_PfQzJ[data-size='xlarge'] {
  width: auto;
  height: 32px;
  padding-top: 0;
  padding-right: var(--base-size-16);
  padding-bottom: 0;
  padding-left: var(--base-size-16);
  font-size: var(--text-body-size-medium);
  /* stylelint-disable-next-line primer/typography */
  line-height: 32px;
}

.prc_TokenButton_F4Y8h {
  display: inline-flex;
  padding: 0;
  margin-left: var(--base-size-4);
  font-family: inherit;
  color: currentColor;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
  background-color: transparent;
  border: 0;
  border-radius: var(--borderRadius-full);
  justify-content: center;
  align-items: center;
  appearance: none;
  align-self: baseline;
}

.prc_TokenButton_F4Y8h[data-size='small'] {
  width: var(--base-size-16);
  height: var(--base-size-16);
}

.prc_TokenButton_F4Y8h[data-size='medium'] {
  width: 20px;
  height: 20px;
}

.prc_TokenButton_F4Y8h[data-size='large'] {
  width: var(--base-size-24);
  height: var(--base-size-24);
  margin-left: var(--base-size-8);
}

.prc_TokenButton_F4Y8h[data-size='xlarge'] {
  width: var(--base-size-32);
  height: var(--base-size-32);
  margin-left: var(--base-size-8);
}

.prc_TokenButton_F4Y8h:hover,
.prc_TokenButton_F4Y8h:focus {
  /* TODO: choose a better functional color variable for this */
  background-color: var(--bgColor-neutral-muted);
}

.prc_TokenButton_F4Y8h:active {
  /* TODO: choose a better functional color variable for this */
  background-color: var(--bgColor-neutral-muted);
}

.prc_TokenTextContainer_-rlDJ {
  width: auto;
  min-width: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
  font: inherit;
  /* stylelint-disable-next-line primer/typography */
  line-height: normal;
  color: inherit;

  /* reset anchor styles */
  color: currentColor;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;

  /* reset button styles, make the cursor a pointer, and add line-height */
  background: transparent;
  border: none;
  flex-grow: 1;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  appearance: none;
}

/* Position psuedo-element above text content, but below the
  remove button.
  This ensures the <a> or <button> receives the click no
  matter where on the token the user clicks. */
.prc_TokenTextContainer_-rlDJ:is(a, button, [tabIndex='0']) {
  cursor: pointer;
}

/* Position psuedo-element above text content, but below the
  remove button.
  This ensures the <a> or <button> receives the click no
  matter where on the token the user clicks. */
.prc_TokenTextContainer_-rlDJ:is(a, button, [tabIndex='0'])::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}

.prc_Token_L2-At {
  max-width: 100%;
  color: var(--fgColor-muted);
  background-color: var(--bgColor-neutral-muted);
  border-color: var(--borderColor-muted);
  border-style: solid;
}

.prc_Token_L2-At:where([data-interactive='true']):hover {
  color: var(--fgColor-default);
  background-color: var(--bgColor-neutral-muted);
  box-shadow: var(--shadow-resting-medium);
}

.prc_Token_L2-At:where([data-is-selected='true']) {
  color: var(--fgColor-default);
}

.prc_Token_L2-At[data-is-remove-btn='true'] {
  padding-right: 0;
}

.prc_TextInputWrapper_kj1cB {
  padding-top: var(--base-size-6);
  padding-bottom: var(--base-size-6);
  padding-left: var(--base-size-12);

  &:where([data-block]) {
    display: flex;
    width: 100%;
  }

  &:where([data-token-wrapping]) {
    overflow: auto;
  }
}

.prc_UnstyledTextInput_F582M {
  height: 100%;
}

.prc_TextArea_13q4j {
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  resize: both;
  background-color: transparent;
  border: 0;
  appearance: none;
}

.prc_TextArea_13q4j:focus {
  outline: 0;
}

.prc_TextArea_13q4j[resize='none'] {
  resize: none;
}

.prc_TextArea_13q4j[resize='both'] {
  resize: both;
}

.prc_TextArea_13q4j[resize='horizontal'] {
  resize: horizontal;
}

.prc_TextArea_13q4j[resize='vertical'] {
  resize: vertical;
}

.prc_TextArea_13q4j:disabled {
  resize: none;
}

.prc_Caption_tfuKU {
  display: block;
  font-size: var(--text-body-size-small);
  color: var(--fgColor-muted);

  &:where([data-control-disabled]) {
    color: var(--control-fgColor-disabled);
  }
}

.prc_Label_bE-kK {
  display: block;
  font-size: var(--text-body-size-medium);
  font-weight: var(--base-text-weight-semibold);
  color: var(--fgColor-default);
  cursor: pointer;
  align-self: flex-start;

  &:where([data-control-disabled]) {
    color: var(--fgColor-muted);
    cursor: not-allowed;
  }

  &:where([data-visually-hidden]) {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    /* stylelint-disable-next-line primer/spacing */
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
    clip-path: inset(50%);
  }
}

.prc_RequiredText_ztJvt {
  display: flex;
  column-gap: var(--base-size-4);
}

.prc_ControlHorizontalLayout_GkYZF {
  display: flex;

  &:where([data-has-leading-visual]) {
    align-items: center;
  }
}

.prc_ControlVerticalLayout_wOp8f {
  display: flex;
  flex-direction: column;
  align-items: flex-start;

  & > *:not(label) + * {
    margin-top: var(--base-size-4);
  }

  &[data-has-label] > * + * {
    margin-top: var(--base-size-4);
  }
}

.prc_ControlChoiceInputs_VxfAy > input {
  margin-right: 0;
  margin-left: 0;
}

.prc_LabelContainer_lwQsw {
  > * {
    /* stylelint-disable-next-line primer/spacing */
    padding-left: var(--stack-gap-condensed);
  }

  > label {
    font-weight: var(--base-text-weight-normal);
  }
}

.prc_LeadingVisual_fEyC5 {
  margin-left: var(--base-size-8);
  color: var(--fgColor-muted);

  &:where([data-disabled]) {
    color: var(--control-fgColor-disabled);
  }

  > * {
    min-width: var(--text-body-size-large);
    min-height: var(--text-body-size-large);
    fill: currentColor;
  }

  > *:where([data-has-caption]) {
    min-width: var(--base-size-24);
    min-height: var(--base-size-24);
  }
}

.prc_Details_XJobb > summary {
  list-style: none;
}

.prc_Details_XJobb > summary::-webkit-details-marker {
  display: none;
}

.prc_Header_RoCS8 {
  z-index: 32;
  display: flex;
  padding: var(--base-size-16);
  overflow: auto;
  font-size: var(--text-body-size-medium);
  line-height: var(--text-title-lineHeight-large);
  color: var(--header-fgColor-default);
  background-color: var(--header-bgColor);
  align-items: center;
  flex-wrap: nowrap;
}

.prc_HeaderItem_0wRcu {
  display: flex;
  margin-right: var(--base-size-16);
  align-self: stretch;
  align-items: center;
  flex-wrap: nowrap;

  &:where([data-full]) {
    flex: auto;
  }
}

.prc_HeaderLink_2Q6pd {
  display: flex;
  font-weight: var(--text-title-weight-large);
  color: var(--header-fgColor-logo);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  align-items: center;

  &:hover,
  &:focus {
    color: var(--header-fgColor-default);
  }
}

:where(.prc_Label_-LG6X) {
  display: inline-flex;
  font-size: var(--text-body-size-small);
  font-weight: var(--base-text-weight-medium);
  /* stylelint-disable-next-line primer/typography */
  line-height: 1;
  color: var(--fgColor-default);
  white-space: nowrap;
  background-color: transparent;
  border-style: solid;
  border-width: var(--borderWidth-thin);
  border-radius: var(--borderRadius-full);
  align-items: center;

  &:where([data-size='small']) {
    height: var(--base-size-20);
    padding: 0 var(--base-size-6);
  }

  &:where([data-size='large']) {
    height: var(--base-size-24);
    padding: 0 var(--base-size-8);
  }

  &:where([data-variant='default']) {
    border-color: var(--borderColor-default);
  }

  &:where([data-variant='primary']) {
    /* stylelint-disable-next-line primer/colors */
    border-color: var(--fgColor-default);
  }

  &:where([data-variant='secondary']) {
    color: var(--fgColor-muted);
    border-color: var(--borderColor-muted);
  }

  &:where([data-variant='accent']) {
    color: var(--fgColor-accent);
    /* stylelint-disable-next-line primer/colors */
    border-color: var(--bgColor-accent-emphasis);
  }

  &:where([data-variant='success']) {
    color: var(--fgColor-success);
    /* stylelint-disable-next-line primer/colors */
    border-color: var(--bgColor-success-emphasis);
  }

  &:where([data-variant='attention']) {
    color: var(--fgColor-attention);
    /* stylelint-disable-next-line primer/colors */
    border-color: var(--bgColor-attention-emphasis);
  }

  &:where([data-variant='severe']) {
    color: var(--fgColor-severe);
    /* stylelint-disable-next-line primer/colors */
    border-color: var(--bgColor-severe-emphasis);
  }

  &:where([data-variant='danger']) {
    color: var(--fgColor-danger);
    border-color: var(--borderColor-danger-emphasis);
  }

  &:where([data-variant='done']) {
    color: var(--fgColor-done);
    /* stylelint-disable-next-line primer/colors */
    border-color: var(--bgColor-done-emphasis);
  }

  &:where([data-variant='sponsors']) {
    color: var(--fgColor-sponsors);
    /* stylelint-disable-next-line primer/colors */
    border-color: var(--bgColor-sponsors-emphasis);
  }
}

.prc_Page_yoEQf {
  display: inline-block;
  min-width: 32px; /* primer.control.medium.size */
  height: 32px; /* primer.control.medium.size */
  padding: var(--base-size-8) calc((var(--base-size-32) - var(--base-size-20)) / 2); /* primer.control.medium.paddingInline.condensed primer.control.medium.paddingBlock */
  margin-right: var(--base-size-4);
  font-style: normal;
  /* stylelint-disable-next-line primer/typography */
  line-height: 1;
  color: var(--fgColor-default);
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: transparent;
  border-radius: var(--borderRadius-medium);
  transition: background-color 0.2s cubic-bezier(0.3, 0, 0.5, 1);
}

@supports (clip-path: polygon(50% 0, 100% 50%, 50% 100%)) {
  .prc_Page_yoEQf[rel='prev']::before,
  .prc_Page_yoEQf[rel='next']::after {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: text-bottom;
    content: '';
    background-color: currentColor;
  }

  /* chevron-left */
  .prc_Page_yoEQf[rel='prev']::before {
    margin-right: var(--base-size-4);
    clip-path: polygon(
      9.8px 12.8px,
      8.7px 12.8px,
      4.5px 8.5px,
      4.5px 7.5px,
      8.7px 3.2px,
      9.8px 4.3px,
      6.1px 8px,
      9.8px 11.7px,
      9.8px 12.8px
    );
  }

  /* chevron-right */
  .prc_Page_yoEQf[rel='next']::after {
    margin-left: var(--base-size-4);
    clip-path: polygon(
      6.2px 3.2px,
      7.3px 3.2px,
      11.5px 7.5px,
      11.5px 8.5px,
      7.3px 12.8px,
      6.2px 11.7px,
      9.9px 8px,
      6.2px 4.3px,
      6.2px 3.2px
    );
  }
}

.prc_Page_yoEQf:last-child {
  margin-right: 0;
}

.prc_Page_yoEQf:hover,
.prc_Page_yoEQf:focus {
  text-decoration: none;
  background-color: var(--control-transparent-bgColor-hover);
  outline: 0;
  transition-duration: 0.1s;
}

.prc_Page_yoEQf:focus-visible {
  outline: 2px solid var(--bgColor-accent-emphasis);
  outline-offset: -2px;
}

.prc_Page_yoEQf:active {
  border-color: var(--borderColor-muted);
}

.prc_Page_yoEQf[rel='prev'],
.prc_Page_yoEQf[rel='next'] {
  color: var(--fgColor-accent);
}

.prc_Page_yoEQf[aria-current],
.prc_Page_yoEQf[aria-current]:hover {
  color: var(--fgColor-onEmphasis);
  background-color: var(--bgColor-accent-emphasis);
  border-color: transparent;
}

.prc_Page_yoEQf[aria-current]:focus-visible {
  outline: 2px solid var(--bgColor-accent-emphasis);
  outline-offset: -2px;
  /* stylelint-disable-next-line primer/box-shadow */
  box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis);
}

.prc_Page_yoEQf[aria-hidden],
.prc_Page_yoEQf[aria-hidden]:hover,
.prc_Page_yoEQf[role='presentation'],
.prc_Page_yoEQf[role='presentation']:hover {
  color: var(--fgColor-disabled);
  cursor: default;
  background-color: transparent;
}

.prc_PaginationContainer_yNDPO {
  /* stylelint-disable-next-line primer/spacing */
  margin-top: 20px;
  /* stylelint-disable-next-line primer/spacing */
  margin-bottom: 15px;
  text-align: center;
}

@media screen and (--viewportRange-narrow) {
  .prc_TablePaginationSteps_RRjtg[data-hidden-viewport-ranges*='narrow'] > *:not(:first-child):not(:last-child) {
    display: none;
  }

  .prc_TablePaginationSteps_RRjtg[data-hidden-viewport-ranges*='narrow'] > *:first-child {
    margin-inline-end: 0;
  }

  .prc_TablePaginationSteps_RRjtg[data-hidden-viewport-ranges*='narrow'] > *:last-child {
    margin-inline-start: 0;
  }
}

@media screen and (--viewportRange-regular) {
  .prc_TablePaginationSteps_RRjtg[data-hidden-viewport-ranges*='regular'] > *:not(:first-child):not(:last-child) {
    display: none;
  }

  .prc_TablePaginationSteps_RRjtg[data-hidden-viewport-ranges*='regular'] > *:first-child {
    margin-inline-end: 0;
  }

  .prc_TablePaginationSteps_RRjtg[data-hidden-viewport-ranges*='regular'] > *:last-child {
    margin-inline-start: 0;
  }
}

@media screen and (--viewportRange-wide) {
  .prc_TablePaginationSteps_RRjtg[data-hidden-viewport-ranges*='wide'] > *:not(:first-child):not(:last-child) {
    display: none;
  }

  .prc_TablePaginationSteps_RRjtg[data-hidden-viewport-ranges*='wide'] > *:first-child {
    margin-inline-end: 0;
  }

  .prc_TablePaginationSteps_RRjtg[data-hidden-viewport-ranges*='wide'] > *:last-child {
    margin-inline-start: 0;
  }
}

.prc_Popover_v1ShS {
  position: absolute;
  z-index: 100;
  display: none;

  &:where([data-open]) {
    display: block;
  }

  &:where([data-relative]) {
    position: relative;
  }
}

.prc_PopoverContent_nMzFS {
  position: relative;
  width: 232px;
  padding: var(--base-size-24);
  margin-right: auto;
  margin-left: auto;
  background-color: var(--overlay-bgColor);
  border: var(--borderWidth-thin) solid var(--borderColor-default);
  border-radius: var(--borderRadius-medium);

  /* Carets */
  &::before,
  &::after {
    position: absolute;
    left: 50%;
    display: inline-block;
    content: '';
  }

  &::before {
    top: calc(-1 * var(--base-size-16));
    /* stylelint-disable-next-line primer/spacing */
    margin-left: -9px;

    /* TODO: solid? */
    /* stylelint-disable-next-line primer/borders */
    border: var(--base-size-8) solid transparent;
    border-bottom-color: var(--borderColor-default);
  }

  &::after {
    /* stylelint-disable-next-line primer/spacing */
    top: -14px;
    margin-left: calc(-1 * var(--base-size-8));

    /* // todo: solid */
    /* stylelint-disable-next-line primer/borders */
    border: 7px solid transparent;
    /* stylelint-disable-next-line primer/colors */
    border-bottom-color: var(--overlay-bgColor);
  }

  /* Bottom-oriented carets */
  :where([data-caret='bottom']) &,
  :where([data-caret='bottom-right']) &,
  :where([data-caret='bottom-left']) & {
    &::before,
    &::after {
      top: auto;
      border-bottom-color: transparent;
    }

    &::before {
      bottom: calc(-1 * var(--base-size-16));
      border-top-color: var(--borderColor-default);
    }

    &::after {
      /* stylelint-disable-next-line primer/spacing */
      bottom: -14px;
      /* stylelint-disable-next-line primer/colors */
      border-top-color: var(--overlay-bgColor);
    }
  }

  /* Top & Bottom: Right-oriented carets */
  :where([data-caret='top-right']) &,
  :where([data-caret='bottom-right']) & {
    /* stylelint-disable-next-line primer/spacing */
    right: -9px;
    margin-right: 0;

    &::before,
    &::after {
      left: auto;
      margin-left: 0;
    }

    &::before {
      /* stylelint-disable-next-line primer/spacing */
      right: 20px;
    }

    &::after {
      /* stylelint-disable-next-line primer/spacing */
      right: 21px;
    }
  }

  /* Top & Bottom: Left-oriented carets */
  :where([data-caret='top-left']) &,
  :where([data-caret='bottom-left']) & {
    /* stylelint-disable-next-line primer/spacing */
    left: -9px;
    margin-left: 0;

    &::before,
    &::after {
      left: var(--base-size-24);
      margin-left: 0;
    }

    &::after {
      /* stylelint-disable-next-line primer/spacing */
      left: calc(var(--base-size-24) + 1px);
    }
  }

  /* Right- & Left-oriented carets */
  :where([data-caret='right']) &,
  :where([data-caret='right-top']) &,
  :where([data-caret='right-bottom']) &,
  :where([data-caret='left']) &,
  :where([data-caret='left-top']) &,
  :where([data-caret='left-bottom']) & {
    &::before,
    &::after {
      top: 50%;
      left: auto;
      margin-left: 0;
      border-bottom-color: transparent;
    }

    &::before {
      /* stylelint-disable-next-line primer/spacing */
      margin-top: calc((var(--base-size-8) + 1px) * -1);
    }

    &::after {
      margin-top: calc(-1 * var(--base-size-8));
    }
  }

  /* Right-oriented carets */
  :where([data-caret='right']) &,
  :where([data-caret='right-top']) &,
  :where([data-caret='right-bottom']) & {
    &::before {
      right: calc(-1 * var(--base-size-16));
      border-left-color: var(--borderColor-default);
    }

    &::after {
      /* stylelint-disable-next-line primer/spacing */
      right: -14px;
      /* stylelint-disable-next-line primer/colors */
      border-left-color: var(--overlay-bgColor);
    }
  }

  /* Left-oriented carets */
  :where([data-caret='left']) &,
  :where([data-caret='left-top']) &,
  :where([data-caret='left-bottom']) & {
    &::before {
      left: calc(-1 * var(--base-size-16));
      border-right-color: var(--borderColor-default);
    }

    &::after {
      /* stylelint-disable-next-line primer/spacing */
      left: -14px;
      /* stylelint-disable-next-line primer/colors */
      border-right-color: var(--overlay-bgColor);
    }
  }

  /* Right & Left: Top-oriented carets */
  :where([data-caret='right-top']) &,
  :where([data-caret='left-top']) & {
    &::before,
    &::after {
      top: var(--base-size-24);
    }
  }

  /* Right & Left: Bottom-oriented carets */
  :where([data-caret='right-bottom']) &,
  :where([data-caret='left-bottom']) & {
    &::before,
    &::after {
      top: auto;
    }

    &::before {
      bottom: var(--base-size-16);
    }

    &::after {
      /* stylelint-disable-next-line primer/spacing */
      bottom: calc(var(--base-size-16) + 1px);
    }
  }
}

@keyframes prc_shimmer_i1RxN {
  from {
    mask-position: 200%;
  }

  to {
    mask-position: 0%;
  }
}

.prc_ProgressBarItem_stL6O {
  width: var(--progress-width);
  /* stylelint-disable-next-line primer/colors */
  background-color: var(--progress-bg);

  @media (prefers-reduced-motion: no-preference) {
    &[data-animated='true'] {
      mask-image: linear-gradient(75deg, #000 30%, rgba(0, 0, 0, 0.65) 80%);
      mask-size: 200%;
      animation-name: prc_shimmer_i1RxN;
      animation-duration: 1s;
      animation-iteration-count: infinite;
    }
  }
}

.prc_ProgressBarContainer_E-z8S {
  display: flex;
  overflow: hidden;
  /* stylelint-disable-next-line primer/colors */
  background-color: var(--borderColor-default);
  border-radius: var(--borderRadius-small);
  gap: 2px;

  &:where([data-progress-display='inline']) {
    display: inline-flex;
  }

  &:where([data-progress-bar-size='default']) {
    height: 8px;
  }

  &:where([data-progress-bar-size='small']) {
    height: 5px;
  }

  &:where([data-progress-bar-size='large']) {
    height: 10px;
  }
}

.prc_SegmentedControl_e7570 {
  display: inline-flex;

  /* TODO: use primitive `control.{small|medium}.size` when it is available */
  height: 32px;
  padding: 0;
  margin: 0;
  font-size: var(--text-body-size-medium);
  background-color: var(--controlTrack-bgColor-rest);
  border: var(--borderWidth-thin) solid var(--controlTrack-borderColor-rest, transparent);
  border-radius: var(--borderRadius-medium);

  &:where([data-full-width]) {
    display: flex;
    width: 100%;
  }

  &:where([data-size='small']) {
    /* TODO: use primitive `control.{small|medium}.size` when it is available */
    height: 28px;
    font-size: var(--text-body-size-small);
  }
}

.prc_Item_7Aq6h {
  position: relative;
  display: block;
  /* stylelint-disable-next-line primer/spacing */
  margin-top: -1px;
  /* stylelint-disable-next-line primer/spacing */
  margin-bottom: -1px;
  flex-grow: 1;

  &:not(:last-child) {
    /* stylelint-disable-next-line primer/spacing */
    margin-right: 1px;

    &::after {
      position: absolute;
      top: var(--base-size-8);
      right: calc(-1 * var(--base-size-2));
      bottom: var(--base-size-8);
      width: 1px;
      content: '';
      /* stylelint-disable-next-line primer/colors */
      background-color: var(--borderColor-default);
    }

    &:has(+ [data-selected])::after,
    &:where([data-selected])::after {
      background-color: transparent;
    }
  }

  &:focus-within:has(:focus-visible) {
    background-color: transparent;
  }

  &:first-child {
    /* stylelint-disable-next-line primer/spacing */
    margin-left: -1px;
  }

  &:last-child {
    /* stylelint-disable-next-line primer/spacing */
    margin-right: -1px;
  }
}

.prc_Button_ojWXD {
  /* TODO: use primitive `primer.control.medium.paddingInline.normal` when it is available */
  --segmented-control-button-inner-padding: 12px;
  --segmented-control-button-bg-inset: 4px;
  --segmented-control-outer-radius: var(--borderRadius-medium);

  width: 100%;
  height: 100%;
  /* stylelint-disable-next-line primer/spacing */
  padding: var(--segmented-control-button-bg-inset);
  font-family: inherit;
  font-size: inherit;
  font-weight: var(--base-text-weight-normal);
  color: currentColor;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 0;
  /* stylelint-disable-next-line primer/borders */
  border-radius: var(--segmented-control-outer-radius);

  & svg {
    fill: var(--fgColor-muted);
  }

  /* fallback :focus state */
  &:focus:not(:disabled) {
    outline: var(--base-size-2) solid var(--fgColor-accent);
    outline-offset: -1px;
    box-shadow: none;

    /* remove fallback :focus if :focus-visible is supported */
    &:not(:focus-visible) {
      outline: solid 1px transparent;
    }
  }

  /* default focus state */
  &:focus-visible:not(:disabled) {
    outline: var(--base-size-2) solid var(--fgColor-accent);
    outline-offset: -1px;
    box-shadow: none;
  }

  /* stylelint-disable-next-line selector-max-specificity */
  &:focus:focus-visible:not(:last-child)::after {
    /* fixes an issue where the focus outline shows over the pseudo-element */
    width: 0;
  }

  @media (pointer: coarse) {
    &::before {
      position: absolute;
      top: 50%;
      right: 0;
      left: 0;
      min-height: 44px;
      content: '';
      transform: translateY(-50%);
    }
  }
}

.prc_IconButton_O80Eh {
  /* TODO: use primitive `control.medium.size` when it is available instead of '32px' */
  width: 32px;

  .prc_SegmentedControl_e7570:where([data-full-width]) & {
    width: 100%;
  }
}

.prc_Content_gnQ4n {
  display: flex;
  height: 100%;
  /* stylelint-disable-next-line primer/spacing */
  padding-right: calc(var(--segmented-control-button-inner-padding) - var(--segmented-control-button-bg-inset));
  /* stylelint-disable-next-line primer/spacing */
  padding-left: calc(var(--segmented-control-button-inner-padding) - var(--segmented-control-button-bg-inset));
  background-color: transparent;
  border-color: transparent;
  border-style: solid;
  border-width: var(--borderWidth-thin);

  /* 
    innerRadius = outerRadius - distance/2 
    https://stackoverflow.com/questions/2932146/math-problem-determine-the-corner-radius-of-an-inner-border-based-on-outer-corn 
  */
  /* stylelint-disable-next-line primer/borders */
  border-radius: calc(var(--segmented-control-outer-radius) - var(--segmented-control-button-bg-inset) / 2);
  align-items: center;
  justify-content: center;
}

.prc_Button_ojWXD[aria-current='true'] {
  padding: 0;
  font-weight: var(--base-text-weight-semibold);

  .prc_Content_gnQ4n {
    /* stylelint-disable-next-line primer/spacing */
    padding-right: var(--segmented-control-button-inner-padding);
    /* stylelint-disable-next-line primer/spacing */
    padding-left: var(--segmented-control-button-inner-padding);
    background-color: var(--controlKnob-bgColor-rest);
    border-color: var(--controlKnob-borderColor-rest);
    /* stylelint-disable-next-line primer/borders */
    border-radius: var(--segmented-control-outer-radius);
  }
}

.prc_Button_ojWXD:not([aria-current='true']) {
  &:hover .prc_Content_gnQ4n {
    background-color: var(--controlTrack-bgColor-hover);
  }

  &:active .prc_Content_gnQ4n {
    background-color: var(--controlTrack-bgColor-active);
  }
}

.prc_Text_c5gSh::after {
  display: block;
  height: 0;
  overflow: hidden;
  font-weight: var(--base-text-weight-semibold);
  pointer-events: none;
  visibility: hidden;
  content: attr(data-text);
  user-select: none;
}

.prc_SideNav_aJOh- {
  background-color: var(--bgColor-muted);
}

.prc_SideNavBordered_mEO0A {
  border-color: var(--borderColor-default);
  border-style: solid;
  border-width: var(--borderWidth-thin);
  border-radius: var(--borderRadius-medium);

  /*  Remove duplicate borders from nested SideNavs */
  & > & {
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
  }
}

.prc_SideNavLink_HpDo- {
  position: relative;
  display: block;
  width: 100%;
  /* stylelint-disable-next-line primer/typography */
  font-size: 14px;
  text-align: left;
  text-decoration: none;

  & > .prc_SideNav_aJOh- {
    border-bottom: none;
  }

  .prc_SideNav_aJOh-.prc_SideNavVariant-normal_0GVuF > & {
    padding: var(--base-size-16);
    color: var(--fgColor-default);
    border: 0;
    border-top: var(--borderWidth-thin) solid var(--borderColor-muted);

    &:first-child {
      border-top: 0;
      border-top-left-radius: var(--borderRadius-medium);
      border-top-right-radius: var(--borderRadius-medium);
    }

    &:last-child {
      border-bottom-right-radius: var(--borderRadius-medium);
      border-bottom-left-radius: var(--borderRadius-medium);
    }

    /* Bar on the left */
    &::before {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      z-index: 1;
      width: 3px;
      pointer-events: none;
      content: '';
    }

    &:hover {
      text-decoration: none;
      background-color: var(--bgColor-neutral-muted);
    }

    &:focus {
      z-index: 1;
      text-decoration: none;
      background-color: var(--bgColor-neutral-muted);
      outline: solid 2px var(--fgColor-accent);
    }

    &[aria-current='page'],
    &[aria-selected='true'] {
      background-color: var(--bgColor-default);

      /* Bar on the left */
      /* stylelint-disable-next-line selector-max-specificity */
      &::before {
        /* stylelint-disable-next-line primer/colors */
        background-color: var(--underlineNav-borderColor-active, var(--color-primer-border-active, #fd8c73));
      }
    }
  }

  .prc_SideNav_aJOh-.prc_SideNavVariant-lightweight_KkMu9 > & {
    padding: var(--base-size-4) 0;
    color: var(--fgColor-accent);

    &:hover {
      color: var(--fgColor-default);
      text-decoration: none;
    }

    &:focus {
      z-index: 1;
      color: var(--fgColor-default);
      text-decoration: none;
      outline: solid 1px var(--fgColor-accent);
    }

    &[aria-current='page'],
    &[aria-selected='true'] {
      font-weight: var(--base-text-weight-medium);
      color: var(--fgColor-default);
    }
  }
}

.prc_SideNavLinkFull_HSWcY {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.prc_SubNav_rjui0 {
  display: flex;
  justify-content: space-between;
}

.prc_Body_Nw122 {
  display: flex;
  /* stylelint-disable-next-line primer/spacing */
  margin-bottom: -1px;

  & > * {
    margin-left: var(--base-size-8);
  }

  & > *:first-child {
    margin-left: 0;
  }
}

.prc_Actions_-IUp- {
  align-self: center;
}

.prc_Links_5Qn65 {
  display: flex;
}

.prc_Link_X843- {
  display: flex;
  min-height: 34px; /* custom values for SubNav */
  padding-right: var(--base-size-16);
  padding-left: var(--base-size-16);
  font-size: var(--text-body-size-medium);
  font-weight: var(--base-text-weight-medium);
  /* stylelint-disable-next-line primer/typography */
  line-height: 20px; /* custom values for SubNav */
  color: var(--fgColor-default);
  text-align: center;
  text-decoration: none;
  border-top: var(--borderWidth-thin) solid var(--borderColor-default);
  border-right: var(--borderWidth-thin) solid var(--borderColor-default);
  border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);
  align-items: center;

  &:first-of-type {
    border-left: var(--borderWidth-thin) solid var(--borderColor-default);
    border-top-left-radius: var(--borderRadius-medium);
    border-bottom-left-radius: var(--borderRadius-medium);
  }

  &:last-of-type {
    border-top-right-radius: var(--borderRadius-medium);
    border-bottom-right-radius: var(--borderRadius-medium);
  }

  &:hover,
  &:focus {
    text-decoration: none;
    background-color: var(--bgColor-muted);
    transition: background-color 0.2s ease;
  }

  &:is([data-selected]) {
    color: var(--fgColor-onEmphasis);
    background-color: var(--bgColor-accent-emphasis);
    /* stylelint-disable-next-line primer/colors */
    border-color: var(--bgColor-accent-emphasis);
  }
}

.prc_Timeline_iQjcc {
  display: flex;
  flex-direction: column;

  &:where([data-clip-sidebar]) {
    .prc_TimelineItem_Sd-t-:first-child {
      padding-top: 0;
    }

    .prc_TimelineItem_Sd-t-:last-child {
      padding-bottom: 0;
    }
  }
}

.prc_TimelineItem_Sd-t- {
  position: relative;
  display: flex;
  padding: var(--base-size-16) 0;
  margin-left: var(--base-size-16);

  &::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 2px;
    content: '';
    /* stylelint-disable-next-line primer/colors */
    background-color: var(--borderColor-muted);
  }

  &:where([data-condensed]) {
    padding-top: var(--base-size-4);
    padding-bottom: 0;

    &:last-child {
      padding-bottom: var(--base-size-16);
    }

    .prc_TimelineBadge_BqMiN {
      height: 16px;
      margin-top: var(--base-size-8);
      margin-bottom: var(--base-size-8);
      color: var(--fgColor-muted);
      background-color: var(--bgColor-default);
      border: 0;
    }
  }
}

.prc_TimelineBadgeWrapper_75vYD {
  position: relative;
  z-index: 1;
}

.prc_TimelineBadge_BqMiN {
  display: flex;
  width: 32px;
  height: 32px;
  margin-right: var(--base-size-8);
  /* stylelint-disable-next-line primer/spacing */
  margin-left: -15px;
  flex-shrink: 0;
  overflow: hidden;
  color: var(--fgColor-muted);

  /* TODOl not quite sure if this is the correct migration for this line */
  background-color: var(--timelineBadge-bgColor);
  /* stylelint-disable-next-line primer/colors */
  border-color: var(--bgColor-default);
  border-style: solid;
  border-width: var(--borderWidth-thick);
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}

.prc_TimelineBody_WWZY0 {
  min-width: 0;
  max-width: 100%;
  margin-top: var(--base-size-4);
  font-size: var(--text-body-size-medium);
  color: var(--fgColor-muted);
  flex: auto;
}

.prc_TimelineBreak_dPnDJ {
  position: relative;
  z-index: 1;
  height: var(--base-size-24);
  margin: 0;
  margin-bottom: calc(-1 * var(--base-size-16));
  margin-left: 0;
  background-color: var(--bgColor-default);
  border: 0;
  border-top: var(--borderWidth-thicker) solid var(--borderColor-default);
}

.prc_IssueLabel_ZuoEW:where([data-has-remove-button='true']) {
  padding-right: 0;
}

.prc_RemoveButton_H4Dmg:where([data-has-multiple-action-targets='true']) {
  position: relative;
  z-index: 1;
}

:root {
  --spacing: calc(var(--base-size-4) * 2);
}

.prc_AvatarContainer_dBasr {
  display: block;
}

.prc_Avatar_A1uRI {
  width: 100%;
  height: 100%;
}

.prc_Token_8GtFN {
  padding-left: var(--base-size-4) !important;
}

.prc_AvatarContainer_dBasr:where([data-size='small']) {
  width: calc(16px - var(--spacing));
  height: calc(16px - var(--spacing));
}

.prc_AvatarContainer_dBasr:where([data-size='medium']) {
  width: calc(20px - var(--spacing));
  height: calc(20px - var(--spacing));
}

.prc_AvatarContainer_dBasr:where([data-size='large']) {
  width: calc(24px - var(--spacing));
  height: calc(24px - var(--spacing));
}

.prc_AvatarContainer_dBasr:where([data-size='xlarge']) {
  width: calc(32px - var(--spacing));
  height: calc(32px - var(--spacing));
}

.prc_TreeViewRootUlStyles_eZtxW {
  padding: 0;
  margin: 0;
  list-style: none;

  /*
   * WARNING: This is a performance optimization.
   *
   * We define styles for the tree items at the root level of the tree
   * to avoid recomputing the styles for each item when the tree updates.
   * We're sacrificing maintainability for performance because TreeView
   * needs to be performant enough to handle large trees (thousands of items).
   *
   * This is intended to be a temporary solution until we can improve the
   * performance of our styling patterns.
   *
   * Do NOT copy this pattern without understanding the tradeoffs.
   */
  .prc_TreeViewItem_ShJr0 {
    outline: none;

    &:focus-visible > div,
    &.prc_focus-visible_VRVfB > div {
      box-shadow: var(--boxShadow-thick) var(--fgColor-accent);

      @media (forced-colors: active) {
        outline: 2px solid HighlightText;
        outline-offset: -2;
      }
    }

    &[data-has-leading-action] {
      --has-leading-action: 1;
    }
  }

  .prc_TreeViewItemContainer_-2Rkn {
    --level: 1;
    --toggle-width: 1rem;
    --min-item-height: 2rem;

    position: relative;
    display: grid;
    width: 100%;
    font-size: var(--text-body-size-medium);
    color: var(--fgColor-default);
    cursor: pointer;
    border-radius: var(--borderRadius-medium);
    grid-template-columns: var(--spacer-width) var(--leading-action-width) var(--toggle-width) 1fr;
    grid-template-areas: 'spacer leadingAction toggle content';

    --leading-action-width: calc(var(--has-leading-action, 0) * 1.5rem);
    --spacer-width: calc(calc(var(--level) - 1) * (var(--toggle-width) / 2));

    &:hover {
      background-color: var(--control-transparent-bgColor-hover);

      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: -2px;
      }
    }

    @media (pointer: coarse) {
      --toggle-width: 1.5rem;
      --min-item-height: 2.75rem;
    }

    &:has(.prc_TreeViewItemSkeleton_fqk59):hover {
      cursor: default;
      background-color: transparent;

      @media (forced-colors: active) {
        outline: none;
      }
    }
  }

  &:where([data-omit-spacer='true']) .prc_TreeViewItemContainer_-2Rkn {
    grid-template-columns: 0 0 0 1fr;
  }

  .prc_TreeViewItem_ShJr0[aria-current='true'] > .prc_TreeViewItemContainer_-2Rkn {
    background-color: var(--control-transparent-bgColor-selected);

    /* Current item indicator */
    /* stylelint-disable-next-line selector-max-specificity */
    &::after {
      position: absolute;
      top: calc(50% - var(--base-size-12));
      left: calc(-1 * var(--base-size-8));
      width: 0.25rem;
      height: 1.5rem;
      content: '';

      /*
       * Use fgColor accent for consistency across all themes. Using the "correct" variable,
       * --bgColor-accent-emphasis, causes vrt failures for dark high contrast mode
       */
      /* stylelint-disable-next-line primer/colors */
      background-color: var(--fgColor-accent);
      border-radius: var(--borderRadius-medium);

      @media (forced-colors: active) {
        background-color: HighlightText;
      }
    }
  }

  .prc_TreeViewItemToggle_gWUdE {
    display: flex;
    height: 100%;

    /* The toggle should appear vertically centered for single-line items, but remain at the top for items that wrap
    across more lines. */
    /* stylelint-disable-next-line primer/spacing */
    padding-top: calc(var(--min-item-height) / 2 - var(--base-size-12) / 2);
    color: var(--fgColor-muted);
    grid-area: toggle;
    justify-content: center;
    align-items: flex-start;
  }

  .prc_TreeViewItemToggleHover_nEgP-:hover {
    background-color: var(--control-transparent-bgColor-hover);
  }

  .prc_TreeViewItemToggleEnd_t-AEB {
    border-top-left-radius: var(--borderRadius-medium);
    border-bottom-left-radius: var(--borderRadius-medium);
  }

  .prc_TreeViewItemContent_f0r0b {
    display: flex;
    height: 100%;
    padding: 0 var(--base-size-8);

    /* The dynamic top and bottom padding to maintain the minimum item height for single line items */
    /* stylelint-disable-next-line primer/spacing */
    padding-top: calc((var(--min-item-height) - var(--custom-line-height, 1.3rem)) / 2);
    /* stylelint-disable-next-line primer/spacing */
    padding-bottom: calc((var(--min-item-height) - var(--custom-line-height, 1.3rem)) / 2);
    line-height: var(--custom-line-height, var(--text-body-lineHeight-medium, 1.4285));
    grid-area: content;
    gap: var(--stack-gap-condensed);
  }

  .prc_TreeViewItemContentText_smZM- {
    flex: 1 1 auto;
    width: 0;
  }

  &:where([data-truncate-text='true']) .prc_TreeViewItemContentText_smZM- {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  &:where([data-truncate-text='false']) .prc_TreeViewItemContentText_smZM- {
    word-break: break-word;
  }

  .prc_TreeViewItemVisual_dRlGq {
    display: flex;

    /* The visual icons should appear vertically centered for single-line items, but remain at the top for items that wrap
    across more lines. */
    height: var(--custom-line-height, 1.3rem);
    color: var(--fgColor-muted);
    align-items: center;
  }

  .prc_TreeViewItemLeadingAction_VXx8I {
    display: flex;
    color: var(--fgColor-muted);
    grid-area: leadingAction;

    & > button {
      flex-shrink: 1;
    }
  }

  .prc_TreeViewItemLevelLine_KPSSL {
    width: 100%;
    height: 100%;

    /*
     * On devices without hover, the nesting indicator lines
     * appear at all times.
     */
    border-color: var(--borderColor-muted);
    border-right: var(--borderWidth-thin) solid;
  }

  /*
   * On devices with :hover support, the nesting indicator lines
   * fade in when the user mouses over the entire component,
   * or when there's focus inside the component. This makes
   * sure the component remains simple when not in use.
   */
  @media (hover: hover) {
    .prc_TreeViewItemLevelLine_KPSSL {
      border-color: transparent;
    }

    &:hover .prc_TreeViewItemLevelLine_KPSSL,
    &:focus-within .prc_TreeViewItemLevelLine_KPSSL {
      border-color: var(--borderColor-muted);
    }
  }

  .prc_TreeViewDirectoryIcon_PHbeP {
    display: grid;
    color: var(--treeViewItem-leadingVisual-iconColor-rest);
  }

  .prc_TreeViewVisuallyHidden_4-mPv {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    /* stylelint-disable-next-line primer/spacing */
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
}

.prc_TreeViewSkeletonItemContainerStyle_EB7p0 {
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
  height: 2rem;

  @media (pointer: coarse) {
    height: 2.75rem;
  }

  &:nth-of-type(5n + 1) {
    --tree-item-loading-width: 67%;
  }

  &:nth-of-type(5n + 2) {
    --tree-item-loading-width: 47%;
  }

  &:nth-of-type(5n + 3) {
    --tree-item-loading-width: 73%;
  }

  &:nth-of-type(5n + 4) {
    --tree-item-loading-width: 64%;
  }

  &:nth-of-type(5n + 5) {
    --tree-item-loading-width: 50%;
  }
}

.prc_TreeItemSkeletonTextStyles_wnBY9 {
  width: var(--tree-item-loading-width, 67%);
}

.prc_SkeletonText_o0dUS {
  --font-size: var(--text-body-size-medium);
  --line-height: var(--text-body-lineHeight-medium);
  --leading: calc(var(--font-size) * var(--line-height) - var(--font-size));

  @supports (margin-block: mod(1px, 1px)) {
    --leading: mod(var(--font-size) * var(--line-height), var(--font-size));
  }

  height: var(--font-size);
  border-radius: var(--borderRadius-small);
  /* stylelint-disable-next-line primer/spacing */
  margin-block: calc(var(--leading) / 2);

  &:where([data-in-multiline]) {
    /* stylelint-disable-next-line primer/spacing */
    margin-block-end: calc(var(--leading) * 2);

    &:last-child {
      min-width: 50px;
      max-width: 65%;
      margin-bottom: 0;
    }
  }

  &:where([data-text-skeleton-size='display']),
  &:where([data-text-skeleton-size='titleLarge']) {
    border-radius: var(--borderRadius-medium);
  }

  &:where([data-text-skeleton-size='display']) {
    --font-size: var(--text-display-size);
    --line-height: var(--text-display-lineHeight);
  }

  &:where([data-text-skeleton-size='titleLarge']) {
    --font-size: var(--text-title-size-large);
    --line-height: var(--text-title-lineHeight-large);
  }

  &:where([data-text-skeleton-size='titleMedium']) {
    --font-size: var(--text-title-size-medium);
    --line-height: var(--text-title-lineHeight-medium);
  }

  &:where([data-text-skeleton-size='titleSmall']) {
    --font-size: var(--text-title-size-small);
    --line-height: var(--text-title-lineHeight-small);
  }

  &:where([data-text-skeleton-size='subtitle']) {
    --font-size: var(--text-subtitle-size);
    --line-height: var(--text-subtitle-lineHeight);
  }

  &:where([data-text-skeleton-size='bodyLarge']) {
    --font-size: var(--text-body-size-large);
    --line-height: var(--text-body-lineHeight-large);
  }

  &:where([data-text-skeleton-size='bodySmall']) {
    --font-size: var(--text-body-size-small);
    --line-height: var(--text-body-lineHeight-small);
  }
}

.prc_UnderlineWrapper_oOh5J {
  display: flex;
  /* stylelint-disable-next-line primer/spacing */
  padding-inline: var(--stack-padding-normal);
  justify-content: flex-start;
  align-items: center;

  /* make space for the underline */
  min-height: var(--control-xlarge-size, 48px);

  /* using a box-shadow instead of a border to accomodate 'overflow-y: hidden' on UnderlinePanels */
  /* stylelint-disable-next-line primer/box-shadow */
  box-shadow: inset 0 -1px var(--borderColor-muted);
}

.prc_UnderlineItemList_b23Hf {
  position: relative;
  display: flex;
  padding: 0;
  margin: 0;
  white-space: nowrap;
  list-style: none;
  align-items: center;
  gap: 8px;
}

.prc_UnderlineItem_lJsg- {
  /* underline tab specific styles */
  position: relative;
  display: inline-flex;
  font: inherit;
  font-size: var(--text-body-size-medium);
  line-height: var(--text-body-lineHeight-medium, 1.4285);
  color: var(--fgColor-default);
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  border-radius: var(--borderRadius-medium, var(--borderRadius-small));

  /* button resets */
  appearance: none;
  padding-inline: var(--base-size-8);
  padding-block: var(--base-size-6);
  align-items: center;

  @media (hover: hover) {
    &:hover {
      text-decoration: none;
      background-color: var(--bgColor-neutral-muted);
      transition: background-color 0.12s ease-out;
    }
  }
}

.prc_UnderlineItem_lJsg-:focus {
  outline: 2px solid transparent;
  /* stylelint-disable-next-line primer/box-shadow */
  box-shadow: inset 0 0 0 2px var(--fgColor-accent);

  /* where focus-visible is supported, remove the focus box-shadow */
  &:not(:focus-visible) {
    box-shadow: none;
  }
}

.prc_UnderlineItem_lJsg-:focus-visible {
  outline: 2px solid transparent;
  /* stylelint-disable-next-line primer/box-shadow */
  box-shadow: inset 0 0 0 2px var(--fgColor-accent);
}

/* renders a visibly hidden "copy" of the label in bold, reserving box space for when label becomes bold on selected */
.prc_UnderlineItem_lJsg- [data-content]::before {
  display: block;
  height: 0;
  font-weight: var(--base-text-weight-semibold);
  white-space: nowrap;
  visibility: hidden;
  content: attr(data-content);
}

.prc_UnderlineItem_lJsg- [data-component='icon'] {
  display: inline-flex;
  color: var(--fgColor-muted);
  align-items: center;
  margin-inline-end: var(--base-size-8);
}

.prc_UnderlineItem_lJsg- [data-component='counter'] {
  margin-inline-start: var(--base-size-8);
  display: flex;
  align-items: center;
}

.prc_UnderlineItem_lJsg-::after {
  position: absolute;
  right: 50%;

  /* TODO: see if we can simplify this positioning */

  /* 48px total height / 2 (24px) + 1px */
  /* stylelint-disable-next-line primer/spacing */
  bottom: calc(50% - calc(var(--control-xlarge-size, var(--base-size-48)) / 2 + 1px));
  width: 100%;
  height: 2px;
  content: '';
  background-color: transparent;
  border-radius: 0;
  transform: translate(50%, -50%);
}

.prc_UnderlineItem_lJsg-[aria-current]:not([aria-current='false']) [data-component='text'],
.prc_UnderlineItem_lJsg-[aria-selected='true'] [data-component='text'] {
  font-weight: var(--base-text-weight-semibold);
}

.prc_UnderlineItem_lJsg-[aria-current]:not([aria-current='false'])::after,
.prc_UnderlineItem_lJsg-[aria-selected='true']::after {
  /* stylelint-disable-next-line primer/colors */
  background-color: var(--underlineNav-borderColor-active, var(--color-primer-border-active, #fd8c73));

  @media (forced-colors: active) {
    /* Support for Window Force Color Mode https://learn.microsoft.com/en-us/fluent-ui/web-components/design-system/high-contrast */
    background-color: LinkText;
  }
}

.prc_LoadingCounter_Ps-0Q {
  display: inline-block;
  width: 1.5rem;
  height: 1rem; /* 16px */
  background-color: var(--bgColor-neutral-muted);
  border-color: var(--borderColor-default);
  /* stylelint-disable-next-line primer/borders */
  border-radius: 20px;
  animation: prc_loadingCounterKeyFrames_wsxQl 1.2s ease-in-out infinite alternate;
}

@keyframes prc_loadingCounterKeyFrames_wsxQl {
  from {
    opacity: 1;
  }

  to {
    opacity: 0.2;
  }
}

.prc_List_Z4LzW {
  position: relative;
  display: flex;
  min-width: 0;

  /* wonder why this is here */
  /* stylelint-disable-next-line primer/spacing */
  margin-bottom: -1px;
  white-space: nowrap;
  list-style: none;
  align-items: center;
  gap: var(--base-size-8);
}

.prc_Nav_hc-9G {
  display: flex;
  padding-inline: var(--base-size-16);
  justify-content: flex-end;
  align-items: center;

  &:where([data-flush='true']) {
    padding-inline: 0;
  }
}

.prc_Divider_CcBO8 {
  &::before {
    display: block;
    width: var(--borderWidth-thin);
    height: var(--base-size-20);
    content: '';
    /* stylelint-disable-next-line primer/colors */
    background: var(--borderColor-muted);
  }
}

.prc_PageHeader_sT1Hp {
  /* Grid Row Order */
  --grid-row-order-context-area: 1;
  --grid-row-order-leading-action: 2;
  --grid-row-order-breadcrumbs: 2;
  --grid-row-order-title-area: 2;
  --grid-row-order-trailing-action: 2;
  --grid-row-order-actions: 2;
  --grid-row-order-description: 3;
  --grid-row-order-navigation: 4;

  /* Title Area Region Order */
  --title-area-region-order-leading-visual: 0;
  --title-area-region-order-title: 1;
  --title-area-region-order-trailing-visual: 2;

  /* Context Area Region Order */
  --context-area-region-order-parent-link: 0;
  --context-area-region-order-context-bar: 1;
  --context-area-region-order-context-area-actions: 2;

  display: grid;

  /* We have max 5 columns. */
  grid-template-columns: auto auto auto auto 1fr;
  grid-template-areas:
    'context-area context-area context-area context-area context-area'
    'leading-action breadcrumbs title-area trailing-action actions'
    'description description description description description'
    'navigation navigation navigation navigation navigation';

  /* 
    line-height is calculated with calc(height/font-size) and the below numbers are from @primer/primitives.
    --custom-font-size, --custom-line-height, --custom-font-weight are custom properties that can be used to override the below values.
    We don't want these values to be overridden but still want to allow consumers to override them if needed.
  */
  &:has([data-component='TitleArea'][data-size-variant='large']) {
    font-size: var(--custom-font-size, var(--text-title-size-large, 2rem));
    font-weight: var(--custom-font-weight, var(--base-text-weight-normal, 400));
    line-height: var(--custom-line-height, var(--text-title-lineHeight-large, 1.5)); /* calc(48/32) */

    --title-line-height: var(--custom-line-height, var(--text-title-lineHeight-large, 1.5));
  }

  &:has([data-component='TitleArea'][data-size-variant='medium']) {
    font-size: var(--custom-font-size, var(--text-title-size-medium, 1.25rem));
    font-weight: var(--custom-font-weight, var(--base-text-weight-semibold, 600));
    line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6)); /* calc(32/20) */

    --title-line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));
  }

  &:has([data-component='TitleArea'][data-size-variant='subtitle']) {
    font-size: var(--custom-font-size, var(--text-title-size-medium, 1.25rem));
    font-weight: var(--custom-font-weight, var(--base-text-weight-normal, 400));
    line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6)); /* calc(32/20) */

    --title-line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));
  }

  & [data-component='PH_LeadingAction'],
  & [data-component='PH_TrailingAction'],
  & [data-component='PH_Actions'],
  & [data-component='PH_LeadingVisual'],
  & [data-component='PH_TrailingVisual'] {
    height: calc(var(--title-line-height) * 1em);
  }

  & [data-hidden-all] {
    display: none;
  }

  & [data-hidden-narrow] {
    @media screen and (max-width: 768px) {
      display: none;
    }
  }

  & [data-hidden-regular] {
    @media screen and (min-width: 768px) {
      display: none;
    }
  }

  & [data-hidden-wide] {
    @media screen and (min-width: 1440px) {
      display: none;
    }
  }
}

.prc_ContextArea_6ykSJ {
  display: flex;
  padding-bottom: var(--base-size-8);
  font-size: var(--text-body-size-medium, 0.875rem);
  font-weight: var(--base-text-weight-light);
  line-height: var(--text-body-lineHeight-medium, 1.4285);
  flex-direction: row;
  grid-row: var(--grid-row-order-context-area);
  grid-area: context-area;
  align-items: center;
  gap: var(--stack-gap-condensed);
}

.prc_ParentLink_BvDS0 {
  display: flex;
  align-items: center;
  order: var(--context-area-region-order-parent-link);
  gap: var(--stack-gap-condensed);
}

.prc_ContextBar_XQ8Q0 {
  display: flex;
  order: var(--context-area-region-order-context-bar);
}

.prc_ContextAreaActions_RTJRk {
  display: flex;
  flex-direction: row;
  order: var(--context-area-region-order-context-area-actions);
  align-items: center;
  gap: var(--stack-gap-condensed);
  flex-grow: 1;
  justify-content: flex-end;
}

.prc_TitleArea_jxJZy {
  grid-row: var(--grid-row-order-title-area);
  grid-area: title-area;
  display: flex;
  gap: var(--stack-gap-condensed);
  flex-direction: row;
  align-items: flex-start;
}

.prc_LeadingAction_88LQ0 {
  display: flex;
  padding-right: var(--base-size-8);
  grid-row: var(--grid-row-order-leading-action);
  grid-area: leading-action;
  align-items: center;
}

.prc_Breadcrumbs_3c6ig {
  display: flex;
  padding-right: var(--base-size-8);
  font-size: var(--text-body-size-medium, 0.875rem);
  font-weight: var(--base-text-weight-light);
  line-height: var(--text-body-lineHeight-medium, 1.4285);
  grid-row: var(--grid-row-order-breadcrumbs);
  grid-area: breadcrumbs;
  align-items: center;
}

.prc_LeadingVisual_7zjCx {
  /* using flex and order to display the leading visual in the title area. */
  display: flex;
  order: var(--title-area-region-order-leading-visual);
  align-items: center;
}

.prc_Title_LKOsd {
  /* using flex and order to display the title in the title area. */
  display: block;
  order: var(--title-area-region-order-title);
  font-size: inherit;
  font-weight: inherit;
}

.prc_Title_LKOsd:where([data-hidden='true']) {
  display: none;
}

.prc_TrailingVisual_7Ft0D {
  /* using flex and order to display the trailing visual in the title area. */
  display: flex;
  order: var(--title-area-region-order-trailing-visual);
  align-items: center;
}

.prc_TrailingAction_QOaow {
  display: flex;
  padding-left: var(--base-size-8);
  grid-row: var(--grid-row-order-trailing-action);
  grid-area: trailing-action;
  align-items: center;
}

.prc_Actions_ygtmj {
  display: flex;
  min-width: max-content;
  padding-left: var(--base-size-8);
  flex-direction: row;
  grid-row: var(--grid-row-order-actions);
  grid-area: actions;
  gap: var(--stack-gap-condensed);
  justify-content: flex-end;
  align-items: center;
}

.prc_Description_kFg8r {
  display: flex;
  padding-top: var(--base-size-8);
  font-size: var(--text-body-size-medium, 0.875rem);
  font-weight: var(--base-text-weight-light);
  line-height: var(--text-body-lineHeight-medium, 1.4285);
  flex-direction: row;
  grid-row: var(--grid-row-order-description);
  grid-area: description;
  align-items: center;
  gap: var(--stack-gap-condensed);
}

.prc_Navigation_9Uvch {
  display: block;
  padding-top: var(--base-size-8);
  font-size: var(--text-body-size-medium, 0.875rem);
  font-weight: var(--base-text-weight-light);
  line-height: var(--text-body-lineHeight-medium, 1.4285);
  grid-row: var(--grid-row-order-navigation);
  grid-area: navigation;
}