/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./node_modules/@ismaelespa88/react/dist/styles.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/
/* Container ---------------------------------------------------------------- */
.prc-DataTable-TableContainer-Gm3sY {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas:
    'title actions'
    'divider divider'
    'subtitle subtitle'
    'filter filter'
    'table table'
    'footer footer';
  column-gap: var(--base-size-8);
}

/* TableTitle */
.prc-DataTable-TableTitle-Q7qQd {
  margin: 0;
  font-size: var(--text-body-size-medium);
  font-weight: var(--base-text-weight-semibold);
  /* stylelint-disable-next-line primer/typography */
  line-height: 20px;
  color: var(--fgColor-default);
  grid-area: title;
  align-self: center;
}

/* TableSubtitle */
.prc-DataTable-TableSubtitle-DEyv- {
  margin: 0;
  font-size: var(--text-body-size-small);
  font-weight: var(--base-text-weight-normal);
  line-height: var(--text-title-lineHeight-small);
  color: var(--fgColor-default);
  grid-area: subtitle;
}

/* TableActions */
.prc-DataTable-TableActions-IEEii {
  display: flex;
  column-gap: var(--base-size-8);
  align-items: center;
  grid-area: actions;
  justify-self: end;
}

/* TableDivider */
.prc-DataTable-TableDivider-OsO1X {
  width: 100%;
  height: 1px;
  /* stylelint-disable-next-line primer/colors */
  background-color: var(--borderColor-default);
  grid-area: divider;
  margin-block-start: var(--base-size-16);
  margin-block-end: var(--base-size-8);
}

/* Spacing before the table */
.prc-DataTable-TableTitle-Q7qQd + .prc-DataTable-TableOverflowWrapper-PFgsy,
.prc-DataTable-TableSubtitle-DEyv- + .prc-DataTable-TableOverflowWrapper-PFgsy,
.prc-DataTable-TableActions-IEEii + .prc-DataTable-TableOverflowWrapper-PFgsy {
  margin-block-start: var(--base-size-8);
}

.prc-DataTable-TableOverflowWrapper-PFgsy {
  grid-area: table;
}

/* Table -------------------------------------------------------------------- */
.prc-DataTable-Table-qYfrL {
  /* Default table styles */
  --table-border-radius: 0.375rem;
  --table-cell-padding: var(--cell-padding-block, 0.5rem) var(--cell-padding-inline, 0.75rem);
  --table-font-size: 0.75rem;

  display: grid;
  width: 100%;
  /* stylelint-disable-next-line primer/typography */
  font-size: var(--table-font-size);
  /* stylelint-disable-next-line primer/typography */
  line-height: calc(20 / 12);
  border-spacing: 0;
  /* stylelint-disable-next-line primer/borders */
  border-collapse: separate;
  background-color: var(--bgColor-default);
  grid-area: table;
  grid-template-columns: var(--grid-template-columns);

  /* Density modes: condensed, normal, spacious */
  &:where([data-cell-padding='condensed']) {
    --cell-padding-block: 0.25rem;
    --cell-padding-inline: 0.5rem;
  }

  &:where([data-cell-padding='normal']) {
    --cell-padding-block: 0.5rem;
    --cell-padding-inline: 0.75rem;
  }

  &:where([data-cell-padding='spacious']) {
    --cell-padding-block: 0.75rem;
    --cell-padding-inline: 1rem;
  }
}

/* Borders */
.prc-DataTable-TableCell-dVc-6:first-child,
.prc-DataTable-TableHeader-CRPoj:first-child {
  border-inline-start: var(--borderWidth-thin) solid var(--borderColor-default);
}

.prc-DataTable-TableCell-dVc-6:last-child,
.prc-DataTable-TableHeader-CRPoj:last-child {
  border-inline-end: var(--borderWidth-thin) solid var(--borderColor-default);
}

.prc-DataTable-TableHeader-CRPoj,
.prc-DataTable-TableCell-dVc-6 {
  display: flex;
  /* stylelint-disable-next-line primer/spacing */
  padding: var(--table-cell-padding);
  text-align: start;
  align-items: center;
  border-block-end: var(--borderWidth-thin) solid var(--borderColor-default);
}

.prc-DataTable-TableHeader-CRPoj:where([data-cell-align='end']),
.prc-DataTable-TableCell-dVc-6:where([data-cell-align='end']) {
  display: flex;
  text-align: end;
  justify-content: flex-end;
}

.prc-DataTable-TableHeader-CRPoj[data-cell-align='end'] .prc-DataTable-TableSortButton-LnQla {
  display: flex;
  flex-direction: row-reverse;
}

.prc-DataTable-TableHead-eOrJU .prc-DataTable-TableRow-1vLX7:first-of-type .prc-DataTable-TableHeader-CRPoj {
  border-block-start: var(--borderWidth-thin) solid var(--borderColor-default);
}

/* Border radius */
/* stylelint-disable-next-line selector-max-specificity */
.prc-DataTable-TableHead-eOrJU .prc-DataTable-TableRow-1vLX7:first-of-type .prc-DataTable-TableHeader-CRPoj:first-child {
  /* stylelint-disable-next-line primer/borders */
  border-top-left-radius: var(--table-border-radius);
}

/* stylelint-disable-next-line selector-max-specificity */
.prc-DataTable-TableHead-eOrJU .prc-DataTable-TableRow-1vLX7:first-of-type .prc-DataTable-TableHeader-CRPoj:last-child {
  /* stylelint-disable-next-line primer/borders */
  border-top-right-radius: var(--table-border-radius);
}

/* stylelint-disable-next-line selector-max-compound-selectors,selector-max-specificity */
.prc-DataTable-TableOverflowWrapper-PFgsy:last-child .prc-DataTable-Table-qYfrL .prc-DataTable-TableBody-p56SS .prc-DataTable-TableRow-1vLX7:last-of-type .prc-DataTable-TableCell-dVc-6:first-child {
  /* stylelint-disable-next-line primer/borders */
  border-bottom-left-radius: var(--table-border-radius);
}

/* stylelint-disable-next-line selector-max-compound-selectors,selector-max-specificity */
.prc-DataTable-TableOverflowWrapper-PFgsy:last-child .prc-DataTable-Table-qYfrL .prc-DataTable-TableBody-p56SS .prc-DataTable-TableRow-1vLX7:last-of-type .prc-DataTable-TableCell-dVc-6:last-child {
  /* stylelint-disable-next-line primer/borders */
  border-bottom-right-radius: var(--table-border-radius);
}

/**
 * Offset padding to make sure type aligns regardless of cell padding
 * selection
 */
.prc-DataTable-TableRow-1vLX7 > *:first-child:not(.prc-DataTable-TableCellSkeleton-ge8WK),
.prc-DataTable-TableRow-1vLX7 > *:first-child .prc-DataTable-TableCellSkeletonItem-jFqti {
  padding-inline-start: var(--base-size-16);
}

.prc-DataTable-TableRow-1vLX7 > *:last-child:not(.prc-DataTable-TableCellSkeleton-ge8WK),
.prc-DataTable-TableRow-1vLX7 > *:last-child .prc-DataTable-TableCellSkeletonItem-jFqti {
  padding-inline-end: var(--base-size-16);
}

/* TableHeader */
.prc-DataTable-TableHeader-CRPoj {
  font-weight: var(--base-text-weight-semibold);
  color: var(--fgColor-muted);
  background-color: var(--bgColor-muted);
  border-block-start: var(--borderWidth-thin) solid var(--borderColor-default);
}

.prc-DataTable-TableHeader-CRPoj:where([aria-sort='descending']),
.prc-DataTable-TableHeader-CRPoj:where([aria-sort='ascending']) {
  color: var(--fgColor-default);
}

/* Control visibility of sort icons */
.prc-DataTable-TableSortIcon-2h30n {
  visibility: hidden;
}

/* The ASC icon is visible if the header is sortable and is hovered or focused */
.prc-DataTable-TableHeader-CRPoj:hover .prc-DataTable-TableSortIcon--ascending-H9-sb,
.prc-DataTable-TableHeader-CRPoj .prc-DataTable-TableSortButton-LnQla:focus .prc-DataTable-TableSortIcon--ascending-H9-sb {
  visibility: visible;
}

/* Each sort icon is visible if the TableHeader is currently in the corresponding sort state */
.prc-DataTable-TableHeader-CRPoj[aria-sort='ascending'] .prc-DataTable-TableSortIcon--ascending-H9-sb,
.prc-DataTable-TableHeader-CRPoj[aria-sort='descending'] .prc-DataTable-TableSortIcon--descending-7-zjV {
  visibility: visible;
}

/* TableRow */
.prc-DataTable-TableRow-1vLX7:hover .prc-DataTable-TableCell-dVc-6:not(.prc-DataTable-TableCellSkeleton-ge8WK) {
  background-color: var(--control-transparent-bgColor-hover);
}

/* TableCell */
.prc-DataTable-TableCell-dVc-6:where([scope='row']) {
  display: flex;
  font-weight: var(--base-text-weight-semibold);
  color: var(--fgColor-default);
  align-items: center;
}

/* TableCellSkeleton */
.prc-DataTable-TableCellSkeleton-ge8WK {
  padding: 0;
}

.prc-DataTable-TableCellSkeletonItems-XEGdI {
  display: flex;
  width: 100%;
  flex-direction: column;
}

.prc-DataTable-TableCellSkeletonItem-jFqti {
  /* stylelint-disable-next-line primer/spacing */
  padding: var(--table-cell-padding);

  &:nth-of-type(5n + 1) {
    --skeleton-item-width: 85%;
  }

  &:nth-of-type(5n + 2) {
    --skeleton-item-width: 67.5%;
  }

  &:nth-of-type(5n + 3) {
    --skeleton-item-width: 80%;
  }

  &:nth-of-type(5n + 4) {
    --skeleton-item-width: 60%;
  }

  &:nth-of-type(5n + 5) {
    --skeleton-item-width: 75%;
  }
}

.prc-DataTable-TableCellSkeletonItem-jFqti [data-component='SkeletonText'] {
  width: var(--skeleton-item-width);
}

.prc-DataTable-TableCellSkeletonItem-jFqti:not(:last-of-type) {
  border-block-end: var(--borderWidth-thin) solid var(--borderColor-default);
}

.prc-DataTable-TableSortButton-LnQla {
  column-gap: 0.5rem;
}

/* Grid layout */
.prc-DataTable-TableHead-eOrJU,
.prc-DataTable-TableBody-p56SS,
.prc-DataTable-TableRow-1vLX7 {
  display: contents;
}

@supports (grid-template-columns: subgrid) {
  .prc-DataTable-TableHead-eOrJU,
  .prc-DataTable-TableBody-p56SS,
  .prc-DataTable-TableRow-1vLX7 {
    display: grid;
    grid-template-columns: subgrid;
    grid-column: -1 /1;
  }
}

.prc-DataTable-PlaceholderText-8lmcp {
  color: var(--fgColor-muted);
}

.prc-DataTable-TablePagination-ZbY9p {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 1rem;
  width: 100%;
  grid-area: footer;
  padding: var(--base-size-8) var(--base-size-16);
  border: var(--borderWidth-thin) solid var(--borderColor-default);
  border-top-width: 0;
  border-end-start-radius: var(--borderRadius-medium);
  border-end-end-radius: var(--borderRadius-medium);
}

@media ((max-width: calc(768px - 0.02px))) {
  .prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*='narrow'] > *:not(:first-child):not(:last-child) {
    display: none;
  }

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

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

@media ((min-width: 768px)) {
  .prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*='regular'] > *:not(:first-child):not(:last-child) {
    display: none;
  }

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

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

@media ((min-width: 1400px)) {
  .prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*='wide'] > *:not(:first-child):not(:last-child) {
    display: none;
  }

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

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

.prc-DataTable-TablePaginationRange-Kp7GT {
  color: var(--fgColor-muted);
  font-size: var(--text-body-size-small);
  margin: 0;
}

.prc-DataTable-TablePaginationSteps-Qqz6y {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  list-style: none;
  color: var(--fgColor-default);
  font-size: var(--text-body-size-medium);
  margin: 0;
  padding: 0;
}

.prc-DataTable-TablePaginationStep-0FsgZ:first-of-type {
  margin-right: var(--base-size-16);
}

.prc-DataTable-TablePaginationStep-0FsgZ:last-of-type {
  margin-left: var(--base-size-16);
}

.prc-DataTable-TablePaginationAction-kKQK4 {
  display: flex;
  align-items: center;
  color: var(--fgColor-muted);
  font-size: var(--text-body-size-medium);
  /* stylelint-disable-next-line primer/typography */
  line-height: calc(20 / 14);
  user-select: none;
  padding: var(--base-size-8);
  border-radius: var(--borderRadius-medium);
}

.prc-DataTable-TablePaginationAction-kKQK4[data-has-page] {
  color: var(--fgColor-accent);
}

.prc-DataTable-TablePaginationPage-MQm-t {
  min-width: 2rem;
  min-height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--text-body-size-medium);
  /* stylelint-disable-next-line primer/typography */
  line-height: calc(20 / 14);
  user-select: none;
  border-radius: var(--borderRadius-medium);
  padding: var(--base-size-8) calc((var(--base-size-32) - var(--base-size-20)) / 2); /* primer.control.medium.paddingInline.condensed primer.control.medium.paddingBlock */
}

.prc-DataTable-TablePaginationAction-kKQK4[data-has-page]:hover,
.prc-DataTable-TablePaginationAction-kKQK4[data-has-page]:focus,
.prc-DataTable-TablePaginationPage-MQm-t:hover,
.prc-DataTable-TablePaginationPage-MQm-t:focus {
  background-color: var(--control-transparent-bgColor-hover);
}

.prc-DataTable-TablePaginationPage-MQm-t[data-active='true'] {
  background-color: var(--bgColor-accent-emphasis);
  color: var(--fgColor-onEmphasis);
}

.prc-DataTable-TablePaginationPage-MQm-t[data-active='true']: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-DataTable-TablePaginationTruncationStep-HEMTY {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  min-height: 2rem;
  user-select: none;
}

.prc-InlineMessage-InlineMessage-Ungod {
  display: grid;
  /* stylelint-disable-next-line primer/typography */
  font-size: var(--inline-message-fontSize);
  /* stylelint-disable-next-line primer/typography */
  line-height: var(--inline-message-lineHeight);
  /* stylelint-disable-next-line primer/colors */
  color: var(--inline-message-fgColor);
  column-gap: 0.5rem;
  grid-template-columns: auto 1fr;
  align-items: start;

  &[data-size='small'] {
    --inline-message-fontSize: var(--text-body-size-small);
    --inline-message-lineHeight: var(--text-body-lineHeight-small, 1.6666);
  }

  &[data-size='medium'] {
    --inline-message-fontSize: var(--text-body-size-medium);
    --inline-message-lineHeight: var(--text-body-lineHeight-medium, 1.4285);
  }

  &[data-variant='warning'] {
    --inline-message-fgColor: var(--fgColor-attention);
  }

  &[data-variant='critical'] {
    --inline-message-fgColor: var(--fgColor-danger);
  }

  &[data-variant='success'] {
    --inline-message-fgColor: var(--fgColor-success);
  }

  &[data-variant='unavailable'] {
    --inline-message-fgColor: var(--fgColor-muted);
  }
}

.prc-InlineMessage-InlineMessageIcon-RkPyq {
  min-height: calc(var(--inline-message-lineHeight) * var(--inline-message-fontSize));
}

.prc-TabNav-TabNavTabList-0QtIV {
  display: flex;
  /* stylelint-disable-next-line primer/spacing */
  margin-bottom: -1px;
  overflow: auto;
}

.prc-TabNav-TabNavNav-rTAFO {
  margin-top: 0;
  border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);
}

.prc-TabNav-TabNavLink-jXRq9 {
  padding: var(--base-size-8) var(--base-size-12);
  font-size: var(--text-body-size-medium);
  /* stylelint-disable-next-line primer/typography */
  line-height: 20px;
  color: var(--fgColor-default);
  text-decoration: none;
  background-color: transparent;
  border: var(--borderWidth-thin) solid transparent;
  border-bottom: 0;

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

  &:focus {
    text-decoration: none;

    @mixin focusOutline -6px;
  }

  &.prc-TabNav-Selected-94A5r {
    color: var(--fgColor-default);
    background-color: var(--bgColor-default);
    border-color: var(--borderColor-default);
    border-top-left-radius: var(--borderRadius-medium);
    border-top-right-radius: var(--borderRadius-medium);
  }
}

.prc-TopicTag-TopicTagGroup-rXgAj {
  display: flex;
  flex-wrap: wrap;
  column-gap: var(--base-size-2);
  row-gap: var(--base-size-8);
}

/* Add a reset for when TopicTag is an <a> element since our link styles apply an underline text-decoration by default */
.prc-TopicTag-TopicTag-FOkf8:where(a) {
  text-decoration: none;
}

/* Add a reset for when TopicTag is a <button> element */
.prc-TopicTag-TopicTag-FOkf8:where(button) {
  @mixin buttonReset;
}

.prc-TopicTag-TopicTag-FOkf8 {
  background-color: var(--bgColor-accent-muted);
  color: var(--fgColor-accent);
  font-size: var(--text-body-size-small);
  font-weight: var(--base-text-weight-semibold);
  line-height: var(--text-body-lineHeight-small);
  border-radius: var(--borderRadius-full);
  padding: var(--base-size-2) var(--base-size-12);
  border: var(--borderWidth-thin) solid var(--topicTag-borderColor, transparent);
  display: inline-flex;
  white-space: nowrap;

  &:hover {
    background-color: var(--bgColor-accent-emphasis);
    color: var(--fgColor-onEmphasis);
  }

  &:where(a, button) {
    cursor: pointer;
    user-select: none;
  }
}

.prc-Hidden-Hidden-f-9Jy {
  @media screen and (--viewportRange-narrow) {
    display: var(--hiddenDisplay-narrow, block);
  }

  @media screen and (--viewportRange-regular) {
    display: var(--hiddenDisplay-regular, block);
  }

  @media screen and (--viewportRange-wide) {
    display: var(--hiddenDisplay-wide, block);
  }
}

.prc-Pagehead-Pagehead-Dyaie {
  position: relative;
  padding-top: var(--base-size-24);
  padding-bottom: var(--base-size-24);
  margin-bottom: var(--base-size-24);
  /* stylelint-disable-next-line primer/borders */
  border-bottom: 1px solid var(--borderColor-default);
}

.prc-ActionList-List-bKPOb[data-has-active-descendant],
.prc-ActionList-List-bKPOb:focus-within {
  --item-hover-bg-override: none;
  --item-hover-divider-border-color-override: var(--borderColor-muted);
}

/* stylelint-disable selector-max-specificity */
.prc-ActionList-DividedContent-8DEkl {
  display: flex;
  min-width: 0;

  /* Required for dividers */
  position: relative;
  flex-grow: 1;
}

.prc-ActionList-MainContent-hedcu {
  align-items: baseline;
  display: flex;
  min-width: 0;
  flex-direction: var(--main-content-flex-direction);
  flex-grow: 1;
}

.prc-ActionList-Item-7tsoh {
  /* 6px vertical padding + 20px line height = 32px total height */
  /* stylelint-disable-next-line primer/spacing */
  padding: 6px var(--base-size-8);
  display: flex;
  border-radius: var(--borderRadius-medium);
  color: var(--fgColor-default);
  /* 2 frames on a 60hz monitor */
  transition: background 33.333ms linear;
  text-decoration: none;
}

.prc-ActionList-Item--danger-NZeC- {
  color: var(--fgColor-danger);
}

.prc-ActionList-Item--disabled-vmKZN {
  color: var(--fgColor-disabled);
  cursor: default;
}

@media (hover: hover) and (pointer: fine) {
  .prc-ActionList-Item-7tsoh:hover {
    /* allow override in case another item in the list is active/focused */
    background: var(--item-hover-bg-override, var(--bgColor-muted));
    cursor: pointer;
  }

  .prc-ActionList-Item--danger-NZeC-:hover {
    background: var(--item-hover-bg-override, var(--bgColor-danger-muted));
    color: var(--fgColor-danger);
  }

  .prc-ActionList-Item--disabled-vmKZN:hover {
    background: transparent;
    cursor: default;
  }
}

/* Item dividers */
.prc-ActionList-Item-7tsoh:not(:first-of-type):not([data-component='ActionList.Divider'] + *):not([data-component='ActionList.Header'] + *) {
  margin-top: 0;

  :where([data-divider]) {
    /* stylelint-disable-next-line primer/spacing */
    margin-top: 1px;
  }
}

.prc-ActionList-Item-7tsoh:not(:first-of-type):not([data-component='ActionList.Divider'] + *):not([data-component='ActionList.Header'] + *)
  .prc-ActionList-DividedContent-8DEkl::before {
  content: ' ';
  display: block;
  position: absolute;
  width: 100%;
  /* stylelint-disable-next-line primer/spacing */
  top: -7px;
  border: 0 solid var(--borderColor-muted);
  border-top-width: 0;
}

:where([data-divider]) {
  .prc-ActionList-DividedContent-8DEkl::before {
    /* stylelint-disable-next-line primer/borders */
    border-top-width: 1px;
  }
}

/* Item dividers should not be visible above/below hovered items */
.prc-ActionList-Item-7tsoh:hover .prc-ActionList-DividedContent-8DEkl::before,
:hover + .prc-ActionList-Item-7tsoh .prc-ActionList-DividedContent-8DEkl::before {
  /* allow override in case another item in the list is active/focused */
  /* stylelint-disable-next-line primer/colors */
  border-color: var(--item-hover-divider-border-color-override, transparent) !important;
}

/* Item dividers should not be visible above/below focused items */
.prc-ActionList-Item-7tsoh:focus .prc-ActionList-DividedContent-8DEkl::before,
:focus + .prc-ActionList-Item-7tsoh .prc-ActionList-DividedContent-8DEkl::before,
.prc-ActionList-Item-7tsoh[data-is-active-descendant] .prc-ActionList-DividedContent-8DEkl::before,
[data-active-descendant] + .prc-ActionList-Item-7tsoh .prc-ActionList-DividedContent-8DEkl::before {
  /* !important because all the :not's above give higher specificity */
  border-color: transparent !important;
}

/* Active Descendant */
.prc-ActionList-Item-7tsoh[data-is-active-descendant='activated-directly'] {
  background: var(--bgColor-accent-muted);
}

.prc-ActionList-Item-7tsoh[data-is-active-descendant='activated-indirectly'] {
  background: var(--bgColor-muted);
}

.prc-ActionList-Item-7tsoh:focus {
  background: var(--bgColor-accent-muted);
  outline: none;
}

.prc-ActionList-Item-7tsoh:active {
  background: var(--bgColor-accent-muted);
}

.prc-ActionList-MainContent--inline-egOJK {
  flex-direction: row;
}

.prc-ActionList-MainContent--block-Rwk5R {
  flex-direction: column;
}

.prc-ActionList-BaseVisualContainer-V5nw2 {
  /* Match visual height to adjacent text line height. */
  height: 20px;
  width: var(--base-size-16);
  margin-right: var(--base-size-8);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.prc-ActionList-LeadingVisualContainer-akdrP {
  /* Match visual height to adjacent text line height. */
  height: 20px;
  width: var(--base-size-16);
  margin-right: var(--base-size-8);
  align-items: center;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.prc-ActionList-LeadingVisualContainer-akdrP svg {
  fill: var(--fgColor-muted);
  font-size: var(--text-body-size-small);
}

.prc-ActionList-LeadingVisualContainer-akdrP:where([data-variant='danger']) svg {
  fill: var(--fgColor-danger);
}

.prc-ActionList-LeadingVisualContainer-akdrP:where([data-disabled]) svg {
  fill: var(--fgColor-disabled);
}

.prc-ActionList-TrailingContent-HCZJO {
  /* Match visual height to adjacent text line height. */
  color: var(--fgColor-muted);
  height: 20px;
  width: auto;
  margin-left: var(--base-size-8);
  margin-right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.prc-ActionList-TrailingContent-HCZJO:where([data-variant='danger']) {
  color: var(--fgColor-muted);
}

.prc-ActionList-TrailingContent-HCZJO:where([data-disabled]) {
  color: var(--fgColor-disabled);
}

.prc-ActionList-TrailingContent-HCZJO div:nth-child(2) {
  margin-left: var(--base-size-8);
}

.prc-ActionList-TrailingContent-HCZJO svg {
  fill: var(--fgColor-muted);
  font-size: var(--text-body-size-small);
}

.prc-ActionList-TrailingContent-HCZJO:where([data-variant='danger']) svg {
  fill: var(--fgColor-danger);
}

.prc-ActionList-TrailingContent-HCZJO:where([data-disabled]) svg {
  fill: var(--fgColor-disabled);
}

.prc-ActionList-DescriptionContainer-mEG-Z {
  color: var(--fgColor-muted);
  font-size: var(--text-body-size-small);
  /* stylelint-disable-next-line primer/typography */
  line-height: 16px;
  min-width: 0;
  flex-grow: 1;
  /* stylelint-disable-next-line primer/spacing */
  margin-left: var(--description-container-margin-left);
  flex-basis: var(--description-container-flex-basis);
}

.prc-ActionList-MultiSelectIcon-BOiIG {
  color: var(--fgColor-muted);
}

.prc-ActionList-MultiSelectIcon-BOiIG rect {
  fill: var(--bgColor-default);
  stroke: var(--borderColor-default);
  shape-rendering: auto; /* this is a workaround to override global style in github/github, see primer/react#1666 */
}

.prc-ActionList-MultiSelectIcon-BOiIG path {
  fill: var(--fgColor-onEmphasis);
  box-shadow: var(--shadow-resting-small);
  opacity: 0;
}

.prc-ActionList-MultiSelectIcon-BOiIG:where([data-selected]) rect {
  fill: var(--bgColor-accent-emphasis);
  stroke: var(--bgColor-accent-emphasis);
}

.prc-ActionList-MultiSelectIcon-BOiIG:where([data-selected]) path {
  opacity: 1;
}

.prc-ActionList-Item-7tsoh[data-divider]:not(:first-of-type):not([data-component='ActionList.Divider'] + .prc-ActionList-Item-7tsoh):not(
    [data-component='ActionList.Header'] + .prc-ActionList-Item-7tsoh
  )
  .prc-ActionList-DividedContent-8DEkl::before {
  border-top-width: var(--borderWidth-thin);
}

.prc-ActionList-Item-7tsoh[data-divider]:not(:first-of-type):not([data-component='ActionList.Divider'] + .prc-ActionList-Item-7tsoh):not(
    [data-component='ActionList.Header'] + .prc-ActionList-Item-7tsoh
  ) {
  /* stylelint-disable-next-line primer/spacing */
  margin-top: 1px;
}

.prc-ActionList-Divider-e9gCq {
  height: var(--borderWidth-thin);
  /* stylelint-disable-next-line primer/colors */
  background: var(--borderColor-muted);
  /* stylelint-disable-next-line primer/spacing */
  margin-top: calc(var(--base-size-8) - 1px);
  margin-bottom: var(--base-size-8);
}

.prc-UnderlinePanels-StyledUnderlineWrapper-DusUj {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: auto;
}

.prc-UnderlinePanels-StyledUnderlineWrapper-DusUj[data-icons-visible='false'] [data-component='icon'] {
  display: none;
}

@layer primer.components.IssueLabel {
  .prc-IssueLabel-IssueLabel-WJ5y- {
    display: inline-flex;
    min-height: var(--base-size-20);
    font-size: var(--text-body-size-small);
    font-weight: var(--base-text-weight-semibold);
    line-height: var(--text-body-lineHeight-small);
    /* stylelint-disable-next-line primer/colors */
    color: var(--label-fgColor);
    white-space: nowrap;
    /* stylelint-disable-next-line primer/colors */
    background-color: var(--label-bgColor-rest);
    border: 0;
    border-radius: var(--borderRadius-full);

    /* use color var for box-shadow (border) in future for high contrast themes */
    box-shadow: var(--boxShadow-thin) transparent;
    align-items: center;
    padding-inline: var(--base-size-8);
    padding-block: 0;

    &:where(button, a) {
      text-decoration: none;

      &:hover {
        /* stylelint-disable-next-line primer/colors */
        color: var(--label-fgColor-hover);
        cursor: pointer;
        /* stylelint-disable-next-line primer/colors */
        background-color: var(--label-bgColor-hover);
      }

      &:active {
        /* stylelint-disable-next-line primer/colors */
        color: var(--label-fgColor-active);
        /* stylelint-disable-next-line primer/colors */
        background-color: var(--label-bgColor-active);
      }

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

    &[data-variant='blue'] {
      --label-bgColor-rest: var(--label-blue-bgColor-rest);
      --label-bgColor-hover: var(--label-blue-bgColor-hover);
      --label-bgColor-active: var(--label-blue-bgColor-active);
      --label-fgColor: var(--label-blue-fgColor-rest);
      --label-fgColor-hover: var(--label-blue-fgColor-hover);
      --label-fgColor-active: var(--label-blue-fgColor-active);
    }

    &[data-variant='green'] {
      --label-bgColor-rest: var(--label-green-bgColor-rest);
      --label-bgColor-hover: var(--label-green-bgColor-hover);
      --label-bgColor-active: var(--label-green-bgColor-active);
      --label-fgColor: var(--label-green-fgColor-rest);
      --label-fgColor-hover: var(--label-green-fgColor-hover);
      --label-fgColor-active: var(--label-green-fgColor-active);
    }

    &[data-variant='yellow'] {
      --label-bgColor-rest: var(--label-yellow-bgColor-rest);
      --label-bgColor-hover: var(--label-yellow-bgColor-hover);
      --label-bgColor-active: var(--label-yellow-bgColor-active);
      --label-fgColor: var(--label-yellow-fgColor-rest);
      --label-fgColor-hover: var(--label-yellow-fgColor-hover);
      --label-fgColor-active: var(--label-yellow-fgColor-active);
    }

    &[data-variant='orange'] {
      --label-bgColor-rest: var(--label-orange-bgColor-rest);
      --label-bgColor-hover: var(--label-orange-bgColor-hover);
      --label-bgColor-active: var(--label-orange-bgColor-active);
      --label-fgColor: var(--label-orange-fgColor-rest);
      --label-fgColor-hover: var(--label-orange-fgColor-hover);
      --label-fgColor-active: var(--label-orange-fgColor-active);
    }

    &[data-variant='red'] {
      --label-bgColor-rest: var(--label-red-bgColor-rest);
      --label-bgColor-hover: var(--label-red-bgColor-hover);
      --label-bgColor-active: var(--label-red-bgColor-active);
      --label-fgColor: var(--label-red-fgColor-rest);
      --label-fgColor-hover: var(--label-red-fgColor-hover);
      --label-fgColor-active: var(--label-red-fgColor-active);
    }

    &[data-variant='purple'] {
      --label-bgColor-rest: var(--label-purple-bgColor-rest);
      --label-bgColor-hover: var(--label-purple-bgColor-hover);
      --label-bgColor-active: var(--label-purple-bgColor-active);
      --label-fgColor: var(--label-purple-fgColor-rest);
      --label-fgColor-hover: var(--label-purple-fgColor-hover);
      --label-fgColor-active: var(--label-purple-fgColor-active);
    }

    &[data-variant='pink'] {
      --label-bgColor-rest: var(--label-pink-bgColor-rest);
      --label-bgColor-hover: var(--label-pink-bgColor-hover);
      --label-bgColor-active: var(--label-pink-bgColor-active);
      --label-fgColor: var(--label-pink-fgColor-rest);
      --label-fgColor-hover: var(--label-pink-fgColor-hover);
      --label-fgColor-active: var(--label-pink-fgColor-active);
    }

    &[data-variant='coral'] {
      --label-bgColor-rest: var(--label-coral-bgColor-rest);
      --label-bgColor-hover: var(--label-coral-bgColor-hover);
      --label-bgColor-active: var(--label-coral-bgColor-active);
      --label-fgColor: var(--label-coral-fgColor-rest);
      --label-fgColor-hover: var(--label-coral-fgColor-hover);
      --label-fgColor-active: var(--label-coral-fgColor-active);
    }
  }
}

.prc-DialogV1-Overlay-MGryS {
  &::before {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    display: block;
    cursor: default;
    content: ' ';
    background: var(--overlay-backdrop-bgColor);
  }
}

.prc-DialogV1-CloseIcon-7vlJU {
  position: absolute;
  top: var(--base-size-8);
  right: var(--base-size-16);
}

.prc-DialogV1-Dialog-jJXoP {
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 999;
  max-height: 80vh;
  margin: 10vh auto;
  background-color: var(--bgColor-default);
  border-radius: var(--borderRadius-medium);
  outline: none;
  box-shadow: var(--shadow-floating-large);
  transform: translateX(-50%);

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

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

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

  @media screen and (max-width: 750px) {
    width: 100dvw;
    height: 100dvh;
    margin: 0;
    border-radius: 0;
  }
}

.prc-DialogV1-Header-RrOAq {
  display: flex;
  padding: var(--base-size-16);
  background: var(--bgColor-muted);
  border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);
  border-radius: var(--borderRadius-medium) var(--borderRadius-medium) 0 0;

  @media screen and (max-width: 750px) {
    border-radius: 0;
  }
}

.prc-DialogV1-HeaderChild-plRx5 {
  font-size: var(--text-body-size-medium);
  font-weight: var(--base-text-weight-semibold);
}

.prc-UnderlineNav-UnderlineNav-4E9Yr {
  display: flex;
  justify-content: space-between;
  border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted);

  &.prc-UnderlineNav-UnderlineNav--right-Trs9C {
    justify-content: flex-end;
  }

  &.prc-UnderlineNav-UnderlineNav--right-Trs9C .prc-UnderlineNav-UnderlineNavItem-nmHMS {
    margin-right: 0;
    margin-left: var(--base-size-16);
  }

  &.prc-UnderlineNav-UnderlineNav--right-Trs9C .prc-UnderlineNav-UnderlineNavActions-onc2h {
    flex: 1 1 auto;
  }

  &.prc-UnderlineNav-UnderlineNav--full-kE3kc {
    display: block;
  }

  .prc-UnderlineNav-UnderlineNavBody-bh1JN {
    display: flex;
    /* stylelint-disable-next-line primer/spacing */
    margin-bottom: -1px;
  }

  .prc-UnderlineNav-UnderlineNavActions-onc2h {
    align-self: center;
  }
}

.prc-UnderlineNav-UnderlineNavLink-7BXiO {
  padding: var(--base-size-16) var(--base-size-8);
  margin-right: var(--base-size-16);
  font-size: var(--text-body-size-medium);
  line-height: var(--text-title-lineHeight-large);
  color: var(--fgColor-default);
  text-align: center;
  /* stylelint-disable-next-line primer/borders */
  border-bottom: 2px solid transparent;
  text-decoration: none;

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

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

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

.prc-UnderlineNav-UnderlineNavLink-7BXiO:hover,
.prc-UnderlineNav-UnderlineNavLink-7BXiO:focus {
  color: var(--fgColor-default);
  text-decoration: none;
  border-bottom-color: var(--borderColor-muted);
  transition: border-bottom-color 0.2s ease;
}

.prc-UnderlineNav-UnderlineNavLink-7BXiO:hover .prc-UnderlineNav-UnderlineNavOcticon-Rjr6t,
.prc-UnderlineNav-UnderlineNavLink-7BXiO:focus .prc-UnderlineNav-UnderlineNavOcticon-Rjr6t {
  color: var(--fgColor-muted);
}

.prc-UnderlineNav-UnderlineNavLink-7BXiO:where([data-selected]) {
  color: var(--fgColor-default);
  border-bottom-color: var(--underlineNav-borderColor-active);
}

.prc-UnderlineNav-UnderlineNavLink-7BXiO:where([data-selected]) .prc-UnderlineNav-UnderlineNavOcticon-Rjr6t {
  color: var(--fgColor-default);
}

.prc-FilteredSearch-FilteredSearch-SlkPS {
  display: flex;
  align-items: stretch;

  & summary,
  & > button {
    border-radius: 0;
    border-top-left-radius: var(--borderRadius-medium);
    border-bottom-left-radius: var(--borderRadius-medium);
    border-right: 0;
  }

  /* stylelint-disable-next-line selector-class-pattern */
  & .TextInput-wrapper {
    border-radius: 0;
    border-top-right-radius: var(--borderRadius-medium);
    border-bottom-right-radius: var(--borderRadius-medium);
  }
}

.prc-SelectPanel2-Overlay-ZMksW {
  padding: 0;
  color: var(--fgColor-default);
  border: none;

  /* CSS variables values are passed in via styles */
  --max-height: 0;
  --position-top: 0;
  --position-left: 0;

  &:where([open]) {
    display: flex; /* to fit children */
  }

  &:where([data-variant='anchored']),
  &:where([data-variant='full-screen']) {
    /* stylelint-disable-next-line primer/spacing */
    top: var(--position-top);
    /* stylelint-disable-next-line primer/spacing */
    left: var(--position-left);
    margin: 0;

    &::backdrop {
      background-color: transparent;
    }
  }

  &:where([data-variant='modal']) {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  &:where([data-variant='modal'])::backdrop {
    background-color: var(--overlay-backdrop-bgColor);
  }

  &:where([data-variant='full-screen']) {
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100vw;
    height: 100%;
    max-height: 100vh;
    margin: 0;
    border-radius: unset;
  }

  &:where([data-variant='bottom-sheet']) {
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 100vw;
    max-height: calc(100vh - 64px);
    margin: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
}

.prc-SelectPanel2-Form-lMUVZ {
  display: flex;
  width: 100%;
  flex-direction: column;
}

.prc-SelectPanel2-Container-Vl6-E {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  flex-shrink: 1;
  flex-grow: 1;
  justify-content: space-between;

  ul {
    overflow-y: auto;
    flex-grow: 1;
  }
}

.prc-SelectPanel2-HeaderContent-eO40v {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;

  &:where([data-description]) {
    align-items: flex-start;
  }

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

.prc-SelectPanel2-TitleWrapper-aGk1d {
  margin-top: 0;
  margin-left: var(--base-size-8);

  &:where([data-description]) {
    /* stylelint-disable-next-line primer/spacing */
    margin-top: 2px;
  }

  &:where([data-on-back]) {
    margin-left: var(--base-size-4);
  }
}

.prc-SelectPanel2-TextInput--jmMP {
  padding-left: var(--base-size-8) !important;

  /* stylelint-disable-next-line selector-class-pattern */
  &:has(input:placeholder-shown) .TextInput-action {
    display: none;
  }
}

.prc-SelectPanel2-Checkbox-xomBK {
  margin-top: 0;
}

.prc-SelectPanel2-FlexBox-tWKl9 {
  display: flex;
}

.prc-SelectPanel2-Title-apmeG {
  font-size: var(--text-body-size-medium);
  font-weight: var(--base-text-weight-semibold);
}

.prc-SelectPanel2-Description-va-gM {
  display: block;
  font-size: var(--text-body-size-small);
  color: var(--fgColor-muted);
}

.prc-SelectPanel2-ClearAction-AQbaB {
  color: var(--fgColor-muted);
  background: none;
}

.prc-SelectPanel2-Footer-fHAYu {
  display: flex;
  min-height: 44px;
  padding: var(--base-size-16);
  border-top: var(--borderWidth-thin) solid;
  border-top-color: var(--borderColor-default);
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;

  &:where([data-hide-primary-actions]) {
    padding: var(--base-size-8);
  }
}

.prc-SelectPanel2-FooterContent-CPvyu {
  flex-grow: 0;

  &:where([data-hide-primary-actions]) {
    flex-grow: 1;
  }
}

.prc-SelectPanel2-FooterActions-l17C5 {
  display: flex;
  gap: var(--stack-gap-condensed);
}

.prc-SelectPanel2-SecondaryCheckbox-MV5My {
  display: flex;
  align-items: center;
  gap: var(--stack-gap-condensed);
}

.prc-SelectPanel2-SmallText-qwyN0 {
  font-size: var(--text-body-size-small);
}

.prc-SelectPanel2-SelectPanelLoading-JO-Ac {
  display: flex;
  height: 100%;

  /* maxHeight of dialog - (header & footer) */
  min-height: min(calc(var(--max-height) - 150px), 324px);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--stack-gap-normal);
}

.prc-SelectPanel2-LoadingText-LSSZI {
  font-size: var(--text-body-size-medium);
  color: var(--fgColor-muted);
}

.prc-SelectPanel2-MessageFull-qnkev {
  display: flex;
  height: 100%;

  /* maxHeight of dialog - (header & footer) */
  min-height: min(calc(var(--max-height) - 150px), 324px);
  padding-right: var(--base-size-24);
  padding-left: var(--base-size-24);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  gap: var(--base-size-4);

  a {
    color: inherit;
    text-decoration: underline;
  }
}

.prc-SelectPanel2-Octicon-huKe9 {
  margin-bottom: var(--base-size-8);

  &.prc-SelectPanel2-Error-xuHY6 {
    color: var(--fgColor-danger);
  }

  &.prc-SelectPanel2-Warning-f9ypV {
    color: var(--fgColor-attention);
  }
}

.prc-SelectPanel2-MessageTitle-xZZN5 {
  font-size: var(--text-body-size-medium);
  font-weight: var(--base-text-weight-medium);
}

.prc-SelectPanel2-MessageContent-SydzC {
  display: flex;
  font-size: var(--text-body-size-medium);
  color: var(--fgColor-muted);
  flex-direction: column;
  gap: var(--stack-gap-condensed);
  align-items: center;
}

.prc-SelectPanel2-MessageInline-KBMXw {
  display: flex;
  padding-top: var(--base-size-12);
  padding-right: var(--base-size-16);
  padding-bottom: var(--base-size-12);
  padding-left: var(--base-size-16);
  font-size: var(--text-body-size-small);
  border-bottom: var(--borderWidth-thin) solid;
  gap: var(--stack-gap-condensed);

  a {
    color: inherit;
    text-decoration: underline;
  }

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

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

.prc-SelectPanel2-Header-e7A2e {
  display: flex;
  padding: var(--base-size-8);
  flex-direction: column;
  border-bottom: var(--borderWidth-thin) solid;
  border-bottom-color: var(--borderColor-default);
}

.prc-components-ButtonReset-9kafa {
  margin: 0;
  display: inline-flex;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  font: inherit;
  color: inherit;
  align-items: center;

  &::-moz-focus-inner {
    border: 0;
  }
}

.prc-ActionList-Header-tbTgu {
  /* 6px vertical padding + 20px line height = 32px total height
   *
   * TODO: When rem-based spacing on a 4px scale lands, replace
   * hardcoded '6px' with 'calc((${get('space.s32')} - ${get('space.20')}) / 2)'.
   */
  /* stylelint-disable-next-line primer/spacing */
  padding: 6px var(--base-size-16);
  font-size: var(--text-body-size-small);
  font-weight: var(--text-title-weight-large);
  color: var(--fgColor-muted);

  &:where([data-filled]) {
    background: var(--bgColor-muted);
    margin: var(--base-size-8) 0;
    /* stylelint-disable-next-line primer/colors */
    border-top: var(--borderWidth-thin) solid var(--bgColor-neutral-muted);
    /* stylelint-disable-next-line primer/colors */
    border-bottom: var(--borderWidth-thin) solid var(--bgColor-neutral-muted);

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

/* 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;
}

/* color-scheme on the root element: makes native scrollbars and inputs
   follow the active theme automatically (light/dark) */
[data-color-mode='light'] {
  color-scheme: light;
}

[data-color-mode='dark'] {
  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;
  }
}

/* --------------------------------
 *       Scrollbar styles
 * --------------------------------
 * Standard API (Firefox 64+, Chrome 121+):
 *   scrollbar-width + scrollbar-color
 * WebKit fallback for older Chrome/Safari:
 *   ::-webkit-scrollbar-*
 *
 * Tokens used:
 *   track  → --bgColor-muted      (adapts automatically via color-scheme)
 *   thumb  → --borderColor-default (rest state)
 *   thumb hover → --fgColor-muted  (slightly more prominent)
 */

/* Standard (Firefox / Chrome 121+) */
[data-color-mode] {
  scrollbar-width: thin;
  scrollbar-color: var(--borderColor-default) var(--bgColor-muted);
}

/* WebKit fallback (Safari, older Chrome) */
[data-color-mode] ::-webkit-scrollbar {
  width: var(--base-size-8, 8px);
  height: var(--base-size-8, 8px);
}

[data-color-mode] ::-webkit-scrollbar-track {
  background: var(--bgColor-muted);
  border-radius: var(--borderRadius-medium, 6px);
}

[data-color-mode] ::-webkit-scrollbar-thumb {
  background: var(--borderColor-default);
  border-radius: var(--borderRadius-medium, 6px);
  border: 2px solid var(--bgColor-muted);
}

[data-color-mode] ::-webkit-scrollbar-thumb:hover {
  background: var(--fgColor-muted);
}

[data-color-mode] ::-webkit-scrollbar-corner {
  background: var(--bgColor-muted);
}

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

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

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

.prc-src-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));

  /*
   * PERFORMANCE: Removed :has([data-color-mode]) selectors that scanned entire DOM.
   * color-scheme is handled by global selectors above on [data-color-mode]:
   *   [data-color-mode='light'] { color-scheme: light; }
   *   [data-color-mode='dark']  { color-scheme: dark; }
   * This covers inputs AND native scrollbars automatically.
   */

  /* Low-specificity default link styling */
  :where(a:not([class*='prc-']):not([class*='PRC-']):not([class*='Primer_Brand__'])) {
    color: var(--fgColor-link, var(--fgColor-accent, var(--color-accent-fg)));
    text-decoration: none;

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

.prc-VisuallyHidden-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-Spinner-Box-qNUI9 {
  display: inline-flex;
}

@keyframes prc-Spinner-rotate-keyframes-XyFIG {
  100% {
    transform: rotate(360deg);
  }
}

.prc-Spinner-SpinnerAnimation-e7Gf- {
  animation: prc-Spinner-rotate-keyframes-XyFIG var(--base-duration-1000) var(--base-easing-linear) infinite;
}

.prc-CounterLabel-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-variant='primary']) {
    color: var(--fgColor-onEmphasis);
    background-color: var(--bgColor-neutral-emphasis);
  }

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

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

/* Base styles */
.prc-Button-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-full);
  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);

  &:has([data-kbd-chord]) {
    padding-inline-end: var(--base-size-6);
  }

  &: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-Button-Visual-2epfX,
    & .prc-Button-CounterLabel-f5-4u {
      color: inherit;
    }
  }

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

  /* Visuals */
  & :where(.prc-Button-Visual-2epfX) {
    display: flex;
    color: var(--fgColor-muted);
    pointer-events: none;
  }

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

  /* IconButton */

  &:where(.prc-Button-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-Button-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-Button-Label-pTQ3x) {
    line-height: var(--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-Button-ButtonContent-HKbr- > :not(:last-child) {
      /* stylelint-disable-next-line primer/spacing */
      margin-right: var(--control-small-gap);
    }

    & .prc-Button-Label-pTQ3x {
      line-height: var(--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-Button-ButtonContent-HKbr- > :not(:last-child) {
      /* stylelint-disable-next-line primer/spacing */
      margin-right: var(--control-large-gap);
    }

    &:has([data-kbd-chord]) {
      padding-inline-end: var(--base-size-8);
    }
  }

  /* 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-Button-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-Button-Label-pTQ3x {
      /* stylelint-disable-next-line declaration-property-value-keyword-no-deprecated */
      word-break: break-word;
      white-space: unset;
    }

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

      & .prc-Button-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-Button-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-Button-LoadingSpinner-hLV6o:not(
        [data-component='leadingVisual'],
        [data-component='trailingVisual'],
        [data-component='trailingAction']
      ) {
      grid-area: text;
      margin-right: 0 !important;
      place-self: center;

      & + .prc-Button-Label-pTQ3x {
        visibility: hidden;
      }
    }
  }

  /* Styles for the spinner element displayed when the Button is in a loading state.
   * Ensures the spinner is centered within its container. */
  .prc-Button-LoadingSpinner-hLV6o {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* 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;

      & [data-kbd-chord] {
        background: var(--buttonKeybindingHint-default-bgColor-disabled);
        color: var(--buttonKeybindingHint-default-fgColor-disabled);
        border-color: var(--buttonKeybindingHint-default-borderColor-disabled);
      }
    }

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

    & [data-kbd-chord] {
      background: var(--buttonKeybindingHint-default-bgColor-rest);
      color: var(--buttonKeybindingHint-default-fgColor-rest);
      border-color: var(--buttonKeybindingHint-default-borderColor-rest);
    }

    &:where(.prc-Button-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;

      & [data-kbd-chord] {
        background: var(--buttonKeybindingHint-primary-bgColor-disabled);
        color: var(--buttonKeybindingHint-primary-fgColor-disabled);
        border-color: var(--buttonKeybindingHint-primary-borderColor-disabled);
      }
    }

    & .prc-Button-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 */
    }

    & [data-kbd-chord] {
      background: var(--buttonKeybindingHint-primary-bgColor-rest);
      color: var(--buttonKeybindingHint-primary-fgColor-rest);
      border-color: var(--buttonKeybindingHint-primary-borderColor-rest);
    }

    /* temporarily using the fgColor to match legacy and reduce visual changes- will eventually be iconColor */
    & .prc-Button-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-Button-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-Button-CounterLabel-f5-4u {
        color: var(--buttonCounter-danger-fgColor-hover) !important; /* temporarily override our own sx prop */
        background-color: var(--buttonCounter-danger-bgColor-hover) !important;
      }

      & [data-kbd-chord] {
        background: var(--buttonKeybindingHint-danger-bgColor-hover);
        color: var(--buttonKeybindingHint-danger-fgColor-hover);
        border-color: var(--buttonKeybindingHint-danger-borderColor-hover);
        transition: 80ms ease-out;
      }

      & .prc-Button-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-Button-CounterLabel-f5-4u {
        color: var(--buttonCounter-danger-fgColor-hover) !important; /* temporarily override our own sx prop */
        background-color: var(--buttonCounter-danger-bgColor-hover) !important;
      }

      & [data-kbd-chord] {
        background: var(--buttonKeybindingHint-danger-bgColor-active);
        color: var(--buttonKeybindingHint-danger-fgColor-active);
        border-color: var(--buttonKeybindingHint-danger-borderColor-active);
        transition: 80ms ease-out;
      }

      & .prc-Button-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-Button-CounterLabel-f5-4u {
        color: var(--buttonCounter-danger-fgColor-disabled) !important; /* temporarily override our own sx prop */
        background-color: var(--buttonCounter-danger-bgColor-disabled) !important;
      }

      & [data-kbd-chord] {
        background: var(--buttonKeybindingHint-danger-bgColor-disabled);
        color: var(--buttonKeybindingHint-danger-fgColor-disabled);
        border-color: var(--buttonKeybindingHint-danger-borderColor-disabled);
      }
    }

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

    & [data-kbd-chord] {
      background: var(--buttonKeybindingHint-danger-bgColor-rest);
      color: var(--buttonKeybindingHint-danger-fgColor-rest);
      border-color: var(--buttonKeybindingHint-danger-borderColor-rest);
    }

    & .prc-Button-Visual-2epfX {
      color: var(--button-danger-iconColor-rest);
    }
  }

  /* Invisible variant */

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

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

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

      & .prc-Button-Visual-2epfX {
        color: var(--button-invisible-iconColor-hover);
      }

      & [data-kbd-chord] {
        background: var(--buttonKeybindingHint-invisible-bgColor-hover);
        transition: 80ms ease-out;
      }
    }

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

      & .prc-Button-Visual-2epfX {
        color: var(--button-invisible-iconColor-hover);
      }

      & [data-kbd-chord] {
        background: var(--buttonKeybindingHint-invisible-bgColor-active);
        transition: 80ms ease-out;
      }
    }

    &: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;

      & [data-kbd-chord] {
        background: var(--buttonKeybindingHint-invisible-bgColor-disabled);
        color: var(--buttonKeybindingHint-invisible-fgColor-disabled);
        border-color: var(--buttonKeybindingHint-invisible-borderColor-disabled);
      }
    }

    & .prc-Button-Visual-2epfX {
      color: var(--button-invisible-iconColor-rest);
    }

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

    & [data-kbd-chord] {
      background: var(--buttonKeybindingHint-invisible-bgColor-rest);
      color: var(--buttonKeybindingHint-invisible-fgColor-rest);
      border-color: var(--buttonKeybindingHint-invisible-borderColor-rest);
    }

    &:where(.prc-Button-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;
    border-radius: 0;

    &: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-Button-Label-pTQ3x {
      white-space: unset;
    }

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

    & .prc-Button-Visual-2epfX {
      color: var(--fgColor-link);
    }
  }

  [data-a11y-link-underlines='true'] &:where([data-variant='link']) {
    &:not(:has(.prc-Button-Visual-2epfX)) {
      text-decoration: underline;
    }

    &:has(.prc-Button-Visual-2epfX) {
      background-image: linear-gradient(to right, currentColor, currentColor);
      background-size: 100% 1.5px;
      background-position: 0 calc(100% - 2px);
      background-repeat: no-repeat;

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

  [data-a11y-link-underlines='false'] &:where([data-variant='link']) {
    &:not(:has(.prc-Button-Visual-2epfX)) {
      text-decoration: none;
      background-image: none;
    }

    &:has(.prc-Button-Visual-2epfX) {
      background-image: none;
    }
  }

  /* Inactive */

  &:where([data-inactive]),
  &:where([data-inactive]):hover,
  &:where([data-inactive]):active {
    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);
    box-shadow: none;

    & .prc-Button-Visual-2epfX,
    & .prc-Button-CounterLabel-f5-4u {
      color: inherit !important;
    }

    & [data-kbd-chord] {
      background: var(--buttonKeybindingHint-inactive-bgColor);
      color: var(--buttonKeybindingHint-inactive-fgColor);
      border-color: var(--buttonKeybindingHint-inactive-borderColor);
    }
  }

  /* 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-Button-ConditionalWrapper-WLT4Z {
  display: block;
}

[data-kbd-chord] {
  transition: 80ms ease-in;
  transition-property: color, background-color, border-color;
}

/* Animation definition */
@keyframes prc-TooltipV2-tooltip-appear-hLf77 {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.prc-TooltipV2-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: var(--overlay-paddingBlock-condensed) var(--overlay-padding-condensed);
    margin: auto;

    /* for scrollbar */
    overflow: visible;
    clip: auto;
    font: var(--text-body-shorthand-small);
    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);
    -webkit-font-smoothing: subpixel-antialiased;
    inset: auto;
    text-wrap: balance;
  }

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

  /* class name in firefox and safari is \:popover-open */
  /* stylelint-disable-next-line selector-class-pattern */
  &[popover].\\: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: '';
  }

  /* Only show animations if users don't have a preference for reduced motion */
  @media screen and (prefers-reduced-motion: no-preference) {
    /* Animation styles */
    &:popover-open,
    &:popover-open::before {
      animation-name: prc-TooltipV2-tooltip-appear-hLf77;
      animation-duration: 0.1s;
      animation-fill-mode: forwards;
      animation-timing-function: ease-in;
      animation-delay: 0s;
    }

    /* Animation styles */
    &.\\:popover-open ,
    &.\\:popover-open::before /* stylelint-disable-line selector-class-pattern */ {
      animation-name: prc-TooltipV2-tooltip-appear-hLf77;
      animation-duration: 0.1s;
      animation-fill-mode: forwards;
      animation-timing-function: ease-in;
      animation-delay: 0s;
    }
  }
}

.prc-TooltipV2-KeybindingHintContainer-iabqv.prc-TooltipV2-HasTextBefore-cCzYC {
  margin-left: var(--base-size-6);
}

.prc-Text-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-src-InternalVisuallyHidden-nlR9R {
  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-components-Chord-vlqS5 {
  display: inline-flex;
  border: var(--borderWidth-thin) solid;
  font-weight: var(--base-text-weight-normal);
  gap: 0.5ch;
  box-shadow: none;
  vertical-align: baseline;
  overflow: hidden;
  justify-content: center;
  border-radius: var(--borderRadius-default);
  font-size: var(--text-body-size-small);
  padding: var(--base-size-4);
  line-height: 10px; /* stylelint-disable-line primer/typography */
}

.prc-components-ChordNormal-6rvP6 {
  background: var(--bgColor-transparent);
  color: var(--fgColor-muted);
  border-color: var(--borderColor-default);
}

.prc-components-ChordOnEmphasis-XDov- {
  background: var(--counter-bgColor-emphasis);
  color: var(--fgColor-onEmphasis);
  border-color: transparent;
}

.prc-components-ChordOnPrimary--7rmy {
  background: var(--button-primary-bgColor-active);
  color: var(--fgColor-onEmphasis);
  border-color: transparent;
}

.prc-components-ChordSmall-nDiio {
  border-radius: var(--borderRadius-small);
  font-size: 11px; /* stylelint-disable-line primer/typography */
  padding: var(--base-size-2);
  line-height: var(--base-size-8); /* stylelint-disable-line primer/typography */
  min-width: var(--base-size-16);
}

.prc-components-ChordNormal-6rvP6:not(.prc-components-ChordSmall-nDiio) {
  border-radius: var(--borderRadius-medium);
  font-size: var(--text-body-size-small, 0.75rem);
  padding: var(--base-size-4);
  line-height: 10px; /* stylelint-disable-line primer/typography */
  min-width: var(--base-size-20);
}

.prc-KeybindingHint-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;
}

/* stylelint-disable primer/typography, primer/borders, selector-class-pattern */

.prc-Tooltip-Tooltip--1XZX {
  position: relative;
  display: inline-block;
}

.prc-Tooltip-Tooltip--1XZX::after {
  position: absolute;
  z-index: 1000000;
  display: none;
  /* stylelint-disable-next-line primer/spacing */
  padding: 0.5em 0.75em;
  font: normal normal var(--text-body-size-small) / var(--text-body-lineHeight-small) var(--fontStack-system);
  -webkit-font-smoothing: subpixel-antialiased;
  color: var(--tooltip-fgColor, var(--fgColor-onEmphasis));
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: break-word;
  white-space: pre;
  pointer-events: none;
  content: attr(aria-label);
  background: var(--tooltip-bgColor, var(--bgColor-emphasis));
  border-radius: var(--borderRadius-medium);
  opacity: 0;
}

/* delay animation for tooltip */
@keyframes prc-Tooltip-tooltip-appear-Vhjuv {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.prc-Tooltip-Tooltip--1XZX:hover::after,
.prc-Tooltip-Tooltip--1XZX:active::after,
.prc-Tooltip-Tooltip--1XZX:focus::after,
.prc-Tooltip-Tooltip--1XZX:focus-within::after {
  display: inline-block;
  text-decoration: none;
  animation-name: prc-Tooltip-tooltip-appear-Vhjuv;
  animation-duration: 0.1s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in;
  animation-delay: 0s;
}

.prc-Tooltip-Tooltip--noDelay-Kl98W:hover::after,
.prc-Tooltip-Tooltip--noDelay-Kl98W:active::after,
.prc-Tooltip-Tooltip--noDelay-Kl98W:focus::after,
.prc-Tooltip-Tooltip--noDelay-Kl98W:focus-within::after {
  animation-delay: 0s;
}

.prc-Tooltip-Tooltip--multiline-5KYEu:hover::after,
.prc-Tooltip-Tooltip--multiline-5KYEu:active::after,
.prc-Tooltip-Tooltip--multiline-5KYEu:focus::after,
.prc-Tooltip-Tooltip--multiline-5KYEu:focus-within::after {
  display: table-cell;
}

/* Tooltipped south */
.prc-Tooltip-Tooltip--s-Z845o::after,
.prc-Tooltip-Tooltip--se-4uqz7::after,
.prc-Tooltip-Tooltip--sw-P5gHD::after {
  top: 100%;
  right: 50%;
  /* stylelint-disable-next-line primer/spacing */
  margin-top: 6px;
}

.prc-Tooltip-Tooltip--se-4uqz7::after {
  right: auto;
  left: 50%;
  margin-left: calc(-1 * var(--base-size-16));
}

.prc-Tooltip-Tooltip--sw-P5gHD::after {
  margin-right: calc(-1 * var(--base-size-16));
}

/* Tooltips above the object */
.prc-Tooltip-Tooltip--n-BOOzB::after,
.prc-Tooltip-Tooltip--ne-t2n1x::after,
.prc-Tooltip-Tooltip--nw-PVis4::after {
  right: 50%;
  bottom: 100%;
  /* stylelint-disable-next-line primer/spacing */
  margin-bottom: 6px;
}

.prc-Tooltip-Tooltip--ne-t2n1x::after {
  right: auto;
  left: 50%;
  margin-left: calc(-1 * var(--base-size-16));
}

.prc-Tooltip-Tooltip--nw-PVis4::after {
  margin-right: calc(-1 * var(--base-size-16));
}

/* Move the tooltip body to the center of the object. */
.prc-Tooltip-Tooltip--s-Z845o::after,
.prc-Tooltip-Tooltip--n-BOOzB::after {
  transform: translateX(50%);
}

/* Tooltipped to the left */
.prc-Tooltip-Tooltip--w-c6nR3::after {
  right: 100%;
  bottom: 50%;
  /* stylelint-disable-next-line primer/spacing */
  margin-right: 6px;
  transform: translateY(50%);
}

/* tooltipped to the right */
.prc-Tooltip-Tooltip--e-a4x1s::after {
  bottom: 50%;
  left: 100%;
  /* stylelint-disable-next-line primer/spacing */
  margin-left: 6px;
  transform: translateY(50%);
}

.prc-Tooltip-Tooltip--multiline-5KYEu::after {
  width: max-content;
  max-width: 250px;
  word-wrap: break-word;
  white-space: pre-line;
  border-collapse: separate;
}

.prc-Tooltip-Tooltip--multiline-5KYEu.prc-Tooltip-Tooltip--s-Z845o::after,
.prc-Tooltip-Tooltip--multiline-5KYEu.prc-Tooltip-Tooltip--n-BOOzB::after {
  right: auto;
  left: 50%;
  transform: translateX(-50%);
}

.prc-Tooltip-Tooltip--multiline-5KYEu.prc-Tooltip-Tooltip--w-c6nR3::after,
.prc-Tooltip-Tooltip--multiline-5KYEu.prc-Tooltip-Tooltip--e-a4x1s::after {
  right: 100%;
}

.prc-Tooltip-Tooltip--alignRight-DdgpM::after {
  right: 0;
  margin-right: 0;
}

.prc-Tooltip-Tooltip--alignLeft-7wr84::after {
  left: 0;
  margin-left: 0;
}

/* Exported values for JavaScript consumption */

.prc-PageLayout-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%;
  /* NOTE: This value is exported via :export for use in usePaneWidth.ts */
  --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;
  }

  /* NOTE: This breakpoint value is exported via :export for use in usePaneWidth.ts */
  @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;
  --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-PageLayout-PageLayoutWrapper-s2ao4 {
  display: flex;
  margin-right: auto;
  margin-left: auto;
  flex-wrap: wrap;
  /* the wrapper should match the Root's dimensions by default */
  width: 100%;
  height: 100%;

  &: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-PageLayout-PageLayoutContent-jzDMn {
  display: flex;
  flex: 1 1 100%;
  flex-wrap: wrap;
  max-width: 100%;
}

.prc-PageLayout-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);
  }

  /* Narrow viewport */
  @media (--viewportRange-narrow) {
    &:where([data-variant-narrow='none']) {
      display: none;
    }

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

    &:where([data-variant-narrow='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);
    }
  }

  /* Regular viewport */
  @media (--viewportRange-regular) {
    &:where([data-variant-regular='none']) {
      display: none;
    }

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

    &:where([data-variant-regular='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);
    }
  }

  /* Wide viewport */
  @media (--viewportRange-wide) {
    &:where([data-variant-wide='none']) {
      display: none;
    }

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

    &:where([data-variant-wide='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-PageLayout-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);
  }

  /* Narrow viewport */
  @media (--viewportRange-narrow) {
    &:where([data-variant-narrow='none']) {
      display: none;
    }

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

    &:where([data-variant-narrow='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);
    }
  }

  /* Regular viewport */
  @media (--viewportRange-regular) {
    &:where([data-variant-regular='none']) {
      display: none;
    }

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

    &:where([data-variant-regular='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);
    }
  }

  /* Wide viewport */
  @media (--viewportRange-wide) {
    &:where([data-variant-wide='none']) {
      display: none;
    }

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

    &:where([data-variant-wide='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-PageLayout-Header-mQXK1 {
  width: 100%;
  /* stylelint-disable-next-line primer/spacing */
  margin-bottom: var(--spacing);

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

  /* Narrow viewport */
  @media (--viewportRange-narrow) {
    &:where([data-hidden-narrow='true']) {
      display: none;
    }
  }

  /* Regular viewport */
  @media (--viewportRange-regular) {
    &:where([data-hidden-regular='true']) {
      display: none;
    }
  }

  /* Wide viewport */
  @media (--viewportRange-wide) {
    &:where([data-hidden-wide='true']) {
      display: none;
    }
  }
}

.prc-PageLayout-HeaderContent-dVIQb {
  /* stylelint-disable-next-line primer/spacing */
  padding: var(--spacing);
}

.prc-PageLayout-HeaderHorizontalDivider-bofyb {
  /* stylelint-disable-next-line primer/spacing */
  margin-top: var(--spacing);
}

.prc-PageLayout-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;
  }

  /* Narrow viewport */
  @media (--viewportRange-narrow) {
    &:where([data-is-hidden-narrow='true']) {
      display: none;
    }
  }

  /* Regular viewport */
  @media (--viewportRange-regular) {
    &:where([data-is-hidden-regular='true']) {
      display: none;
    }
  }

  /* Wide viewport */
  @media (--viewportRange-wide) {
    &:where([data-is-hidden-wide='true']) {
      display: none;
    }
  }
}

.prc-PageLayout-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-PageLayout-PaneWrapper-nGO0U {
  display: flex;
  width: 100%;
  margin-right: 0;
  margin-left: 0;

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

  /* Narrow viewport */
  @media (--viewportRange-narrow) {
    &:where([data-is-hidden-narrow='true']) {
      display: none;
    }

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

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

  /* Base position (non-responsive) - applies at narrow viewports only */
  @media (--viewportRange-narrow) {
    &: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) {
    &:where([data-is-hidden-regular='true']) {
      display: none;
    }

    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: 100vh;
    }

    /* Base position (non-responsive) - applies at regular+ viewports */
    &:where([data-position='end']) {
      /* stylelint-disable-next-line primer/spacing */
      margin-left: var(--spacing-column);
      flex-direction: row-reverse;
      order: var(--region-order-pane-end);
    }

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

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

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

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

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

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

.prc-PageLayout-PaneVerticalDivider-1c9vy {
  /* Base position (non-responsive) */
  &: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);
  }

  /* Responsive position */
  @media (--viewportRange-narrow) {
    &:where([data-position-narrow='start']) {
      /* stylelint-disable-next-line primer/spacing */
      margin-left: var(--spacing);
      margin-right: 0;
    }

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

  @media (--viewportRange-regular) {
    &:where([data-position-regular='start']) {
      /* stylelint-disable-next-line primer/spacing */
      margin-left: var(--spacing);
      margin-right: 0;
    }

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

  @media (--viewportRange-wide) {
    &:where([data-position-wide='start']) {
      /* stylelint-disable-next-line primer/spacing */
      margin-left: var(--spacing);
      margin-right: 0;
    }

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

.prc-PageLayout-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) {
      /* 
       * --pane-max-width is set by JS on mount and updated on resize (debounced).
       * JS calculates viewport - margin to avoid scrollbar discrepancy with 100vw.
       */
      width: clamp(var(--pane-min-width), var(--pane-width), var(--pane-max-width));
    }
  }
}

.prc-PageLayout-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);
  }

  /* Responsive position */
  @media (--viewportRange-narrow) {
    &:where([data-position-narrow='start']) {
      /* stylelint-disable-next-line primer/spacing */
      margin-top: var(--spacing);
      margin-bottom: 0;
    }

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

  @media (--viewportRange-regular) {
    &:where([data-position-regular='start']) {
      /* stylelint-disable-next-line primer/spacing */
      margin-top: var(--spacing);
      margin-bottom: 0;
    }

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

  @media (--viewportRange-wide) {
    &:where([data-position-wide='start']) {
      /* stylelint-disable-next-line primer/spacing */
      margin-top: var(--spacing);
      margin-bottom: 0;
    }

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

.prc-PageLayout-FooterWrapper-WZwgZ {
  width: 100%;
  order: var(--region-order-footer);

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

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

  /* Narrow viewport */
  @media (--viewportRange-narrow) {
    &:where([data-hidden-narrow='true']) {
      display: none;
    }
  }

  /* Regular viewport */
  @media (--viewportRange-regular) {
    &:where([data-hidden-regular='true']) {
      display: none;
    }
  }

  /* Wide viewport */
  @media (--viewportRange-wide) {
    &:where([data-hidden-wide='true']) {
      display: none;
    }
  }
}

.prc-PageLayout-FooterHorizontalDivider-sNLmj {
  /* stylelint-disable-next-line primer/spacing */
  margin-bottom: var(--spacing);
}

.prc-PageLayout-FooterContent-UFWGW {
  /* stylelint-disable-next-line primer/spacing */
  padding: var(--spacing);
}

/**
 * DraggableHandle - Interactive resize handle
 */
.prc-PageLayout-DraggableHandle-zPw82 {
  position: absolute;
  inset: 0 -2px;
  cursor: col-resize;

  /* Prevent touch scrolling and text selection during drag */
  touch-action: none;
  user-select: none;
}

.prc-PageLayout-DraggableHandle-zPw82::before {
  content: '';
  position: absolute;
  inset: 0;
  /* stylelint-disable-next-line primer/colors */
  background-color: var(--draggable-handle--bg-color, var(--bgColor-neutral-muted));
  opacity: var(--draggable-handle--drag-opacity, 0);
  transition: var(--draggable-handle--transition, opacity 150ms ease); /* compositor-friendly, disabled during drag */
  border-radius: inherit; /* optional if you need rounded corners */
}

/* Hover effect */
.prc-PageLayout-DraggableHandle-zPw82:hover::before {
  opacity: 1;
}

/**
 * OPTIMIZATION: CSS containment during drag/resize
 * Direct attribute selectors are O(1) - only the attributed element is invalidated
 * (Unlike descendant selectors which require O(n) traversal)
 */
.prc-PageLayout-Pane-Vl5LI[data-dragging='true'],
.prc-PageLayout-ContentWrapper-b-QRo[data-dragging='true'] {
  contain: layout style paint;
  pointer-events: none;
}

.prc-ScrollableRegion-ScrollableRegion-3VVm3 {
  /* When setting overflow, we also set `position: relative` to avoid
  *  `position: absolute` items breaking out of the container and causing
  *  scrollbars on the page. This can occur with common classes like `sr-only`
  *  and can cause difficult to track down layout issues */
  position: relative;
  overflow: auto;
}

/* The --prc-dialog-scrollgutter property is used only on the body element to
 * simulate scrollbar-gutter:stable. This property is not and should not
 * be used elsewhere in the DOM. There is a performance penalty to
 * setting inherited properties which can cause a large style recalc to
 * occur, so it benefits us to prevent inheritance for this property.
 * See https://web.dev/blog/at-property-performance
 */
@property --prc-dialog-scrollgutter {
  initial-value: 0;
  inherits: false;
  syntax: '<length>';
}

@keyframes prc-Dialog-dialog-backdrop-appear-FwQst {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes prc-Dialog-Overlay--motion-scaleFade-ctSnM {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }

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

@keyframes prc-Dialog-Overlay--motion-slideUp-PtiP3 {
  from {
    transform: translateY(100%);
  }
}

@keyframes prc-Dialog-Overlay--motion-slideInRight-dOTaT {
  from {
    transform: translateX(-100%);
  }
}

@keyframes prc-Dialog-Overlay--motion-slideInLeft-Lfaz8 {
  from {
    transform: translateX(100%);
  }
}

/* Used to determine whether there should be a border between the body and footer */
@keyframes prc-Dialog-detect-scroll-aZzKG {
  from,
  to {
    --can-scroll: 1;
  }
}

.prc-Dialog-Backdrop-ugYqZ {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  background-color: var(--overlay-backdrop-bgColor);
  animation: prc-Dialog-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;
  }

  @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-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-Dialog-Overlay--motion-scaleFade-ctSnM 0.2s cubic-bezier(0.33, 1, 0.68, 1) 1ms 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-Dialog-Overlay--motion-scaleFade-ctSnM 0.2s cubic-bezier(0.33, 1, 0.68, 1) 1ms 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-Dialog-Overlay--motion-slideInRight-dOTaT 0.25s cubic-bezier(0.33, 1, 0.68, 1) 1ms 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-Dialog-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-Dialog-Overlay--motion-slideUp-PtiP3 0.25s cubic-bezier(0.33, 1, 0.68, 1) 1ms 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-Dialog-Overlay--motion-scaleFade-ctSnM 0.2s cubic-bezier(0.33, 1, 0.68, 1) 1ms 1 normal none running;
      }
    }
  }
}

/* DisableScroll class is added to Dialog when scroll should be disabled on body */
.prc-Dialog-DisableScroll-F6LZa {
  /* This class is used as a selector target for the legacy :has() CSS selector */
}

/*
 * LEGACY: Scoped :has() selector with negation guard
 * Only evaluates when data-dialog-scroll-optimized is NOT present on body.
 * When the attribute IS present (flag ON), browser skips :has() evaluation
 * because the :not() check fails first (O(1) attribute lookup).
 */
body:not([data-dialog-scroll-optimized]):has(.prc-Dialog-Dialog-luvDS.prc-Dialog-DisableScroll-F6LZa) {
  /* stylelint-disable-next-line primer/spacing */
  padding-right: var(--prc-dialog-scrollgutter) !important;
  overflow: hidden !important;
}

/*
 * PERFORMANCE OPTIMIZATION: Direct attribute on body - O(1) lookup
 * Active when primer_react_css_has_selector_perf flag is ON
 */
/* stylelint-disable-next-line selector-no-qualifying-type */
body[data-dialog-scroll-disabled] {
  /* stylelint-disable-next-line primer/spacing */
  padding-right: var(--prc-dialog-scrollgutter) !important;
  overflow: hidden !important;
}

.prc-Dialog-DialogOverflowWrapper-oDYJo {
  flex-grow: 1;
}

/*
Add a border between the body and footer if:
- the dialog has a footer
- the dialog has a body that can scroll
- the browser supports the `animation-timeline` property and its `scroll()` function
*/
.prc-Dialog-Dialog-luvDS:has(.prc-Dialog-Footer-jQfN4) {
  --can-scroll: 0;

  .prc-Dialog-DialogOverflowWrapper-oDYJo {
    /* If the browser does not support the `animation-timeline` property, always show a border */
    border-bottom: var(--borderWidth-default) solid var(--borderColor-default);
    animation: prc-Dialog-detect-scroll-aZzKG;
    animation-timeline: scroll(self);

    @supports (animation-timeline: scroll(self)) {
      border-bottom: calc(var(--borderWidth-thin) * var(--can-scroll)) solid var(--borderColor-default);
    }
  }
}

.prc-Dialog-Header-cjbcl {
  z-index: 1;
  max-height: 35vh;
  padding: var(--base-size-8);
  overflow-y: auto;
  /* stylelint-disable-next-line primer/box-shadow */
  box-shadow: 0 1px 0 var(--borderColor-default);
  flex-shrink: 0;
}

.prc-Dialog-HeaderInner-eY68M {
  display: flex;
}

.prc-Dialog-HeaderContent-CRaRY {
  display: flex;
  padding-inline: var(--base-size-8);
  padding-block: var(--base-size-6);
  flex-direction: column;
  flex-grow: 1;
}

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

.prc-Dialog-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-Dialog-Body-LCvER {
  padding: var(--base-size-16);
  overflow: auto;
  flex-grow: 1;
}

.prc-Dialog-Footer-jQfN4 {
  z-index: 1;
  display: flex;
  flex-flow: wrap;
  justify-content: flex-end;
  padding: var(--base-size-16);
  gap: var(--base-size-8);
  flex-shrink: 0;

  @media (max-height: 325px) {
    flex-wrap: nowrap;
    overflow-x: scroll;
    flex-direction: row;
    justify-content: unset;
  }
}

.prc-ConfirmationDialog-ConfirmationHeader-yiLEc {
  display: flex;
  padding: var(--base-size-8);
  flex-direction: row;

  > h1 {
    padding: var(--base-size-6) var(--base-size-8);
    flex-grow: 1;
  }
}

.prc-ConfirmationDialog-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-ConfirmationDialog-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);
}

:where(.prc-Heading-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-components-Animation-zcKZT:where([data-show]) {
  animation: 170ms prc-components-fadeIn-5-i0W cubic-bezier(0.44, 0.74, 0.36, 1);

  @media (prefers-reduced-motion) {
    animation: none;
  }
}

@keyframes prc-components-fadeIn-5-i0W {
  from {
    opacity: 0;
    transform: translateY(-100%);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.prc-CheckboxOrRadioGroup-Body-cNQoa {
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
  flex-direction: column;

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

.prc-CheckboxOrRadioGroup-GroupFieldset-0NZzG {
  padding: 0;
  margin: 0;
  border: none;

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

.prc-CheckboxOrRadioGroup-GroupLegend-HW4-c {
  padding: 0;

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

.prc-CheckboxOrRadioGroup-CheckboxOrRadioGroupCaption-9GgyY {
  font-size: var(--text-body-size-medium);
  color: var(--fgColor-muted);
}

.prc-CheckboxOrRadioGroup-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-CheckboxOrRadioGroup-GroupLabelChildren-j5sBI {
  margin-right: var(--base-size-8);
}

.prc-Stack-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-Stack-StackItem-CweWT {
  flex: 0 1 auto;
  min-inline-size: 0;

  &[data-shrink='false'],
  &[data-shrink-narrow='false'] {
    flex-shrink: 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;
    }

    &[data-shrink-regular='true'] {
      flex-shrink: 1;
    }

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

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

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

    &[data-shrink-wide='true'] {
      flex-shrink: 1;
    }

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

.prc-components-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-components-ValidationIcon-Kdbbr {
  display: flex;
  margin-top: var(--base-size-2);
  margin-inline-end: var(--base-size-4);
  min-height: var(--inputValidation-iconSize);
}

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

.prc-Checkbox-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);
  }
}

.prc-Radio-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(--control-checked-fgColor-disabled);
      /* stylelint-disable-next-line primer/colors */
      border-color: var(--control-checked-bgColor-disabled);
    }
  }

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

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

.prc-ActionList-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'], [data-list-variant='horizontal-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-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);
  }

  &:where([data-variant='inset'], [data-variant='horizontal-inset']) {
    /* this is only to match default experience */
    & .prc-ActionList-ActionListItem-uq6I7 {
      margin-inline: var(--base-size-8);
    }
  }

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

  &:where([data-dividers='true']) {
    /* place dividers on the wrapper that excludes leading visuals/actions */
    & .prc-ActionList-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-ActionList-ActionListSubContent-lP9xj::before {
        content: unset;
      }
    }

    /* hide if item is first of type with label::before, or is the first item after a sectionDivider */
    .prc-ActionList-ActionListItem-uq6I7:first-of-type .prc-ActionList-ActionListSubContent-lP9xj::before,
    .prc-ActionList-Divider-rsZFG + .prc-ActionList-ActionListItem-uq6I7 .prc-ActionList-ActionListSubContent-lP9xj::before {
      visibility: hidden;
    }

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

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

  /* if a list has a mix of items with and without descriptions, reset the label font-weight to normal */
  &:has([data-has-description='true']):has([data-has-description='false']) {
    & .prc-ActionList-ItemLabel-TmBhn {
      font-weight: var(--base-text-weight-normal);
    }
  }
}

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

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

  /* Configurable spacing between nav items (set via --actionlist-item-gap on parent) */
  & + & {
    margin-top: var(--actionlist-item-gap, 0);
  }

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

  /* state */

  @media (forced-colors: active) {
    :focus,
    &:focus-visible,
    
    >a.prc-ActionList-focus-visible-o4yra,
    &[data-is-active-descendant] {
      /* Support for Windows high contrast https://sarahmhigley.com/writing/whcm-quick-tips */
      outline: solid 1px transparent !important;
    }
  }

  &:not(:has([aria-disabled], [disabled]), [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-ActionList-ActionListSubContent-lP9xj::before,
      & + .prc-ActionList-ActionListItem-uq6I7 .prc-ActionList-ActionListSubContent-lP9xj::before {
        visibility: hidden;
      }
    }

    /* danger */
    &:where([data-variant='danger']) {
      & .prc-ActionList-LeadingAction-Oy04M,
      .prc-ActionList-LeadingVisual-dxXxW,
      .prc-ActionList-ItemLabel-TmBhn {
        color: var(--control-danger-fgColor-rest);
      }

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

          & .prc-ActionList-LeadingAction-Oy04M,
          .prc-ActionList-LeadingVisual-dxXxW,
          .prc-ActionList-ItemLabel-TmBhn {
            color: var(--control-danger-fgColor-hover);
          }

          & [data-kbd-chord] {
            background-color: var(--bgColor-default);
            transition: none;
          }
        }
      }

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

        & .prc-ActionList-LeadingAction-Oy04M,
        .prc-ActionList-LeadingVisual-dxXxW,
        .prc-ActionList-ItemLabel-TmBhn {
          color: var(--control-danger-fgColor-hover);
        }

        & [data-kbd-chord] {
          background-color: var(--bgColor-default);
          transition: none;
        }
      }
    }

    /* active state [aria-current] */
    &:where([data-active]) {
      background: var(--actionlist-active-bgColor, var(--control-transparent-bgColor-selected));
      padding-inline-start: var(--actionlist-active-paddingInlineStart);

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

      & .prc-ActionList-ItemLabel-TmBhn {
        font-weight: var(--base-text-weight-semibold);
        color: var(--control-fgColor-rest);
      }

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

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

      & .prc-ActionList-ActionListSubContent-lP9xj::before,
      & + .prc-ActionList-ActionListItem-uq6I7 .prc-ActionList-ActionListSubContent-lP9xj::before {
        visibility: hidden;
      }

      /* Active indicator bar — hidden by default, show via --actionlist-active-indicator-display */
      &::before {
        content: '';
        display: var(--actionlist-active-indicator-display, none);
        position: absolute;
        top: var(--base-size-4);
        bottom: var(--base-size-4);
        left: 0;
        width: var(--borderWidth-thicker);
        border-radius: var(--borderRadius-full);
        background: var(--actionlist-active-indicator-color, var(--fgColor-brand));
      }

      /* Optional content-area background for sidebar context */
      & > .prc-ActionList-ActionListContent-sg9-x {
        background: var(--actionlist-active-content-bgColor, transparent);
        border-radius: var(--actionlist-active-content-borderRadius, 0);

        @media (hover: hover) {
          &:hover {
            background-color: var(--actionlist-active-content-hover-bgColor);
          }
        }
      }
    }

    &: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-ActionList-InactiveWarning-YRMKV) {
        color: var(--fgColor-muted);
      }

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

          & * :not([popover], .prc-ActionList-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-ActionList-ActionListSubContent-lP9xj::before,
        & + .prc-ActionList-ActionListItem-uq6I7 .prc-ActionList-ActionListSubContent-lP9xj::before {
          visibility: hidden;
        }

        & [data-description-variant='inline']::before,
        & + .prc-ActionList-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-ActionList-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-ActionList-Spacer-dydlX {
      display: block;
    }
  }

  /* disabled */

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

    & .prc-ActionList-ActionListContent-sg9-x {
      @media (hover: hover) {
        &:hover {
          cursor: not-allowed;
          background-color: transparent;
        }
      }
    }

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

    & .prc-ActionList-MultiSelectCheckbox-nK6PJ {
      background-color: var(--control-bgColor-disabled);
      border-color: var(--control-borderColor-disabled);
    }

    &[aria-checked='true'],
    &[aria-selected='true'] {
      & .prc-ActionList-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);
        }
      }
    }
  }

  /* When TrailingAction is in loading state, keep labels and descriptions accessible */
  &:has(.prc-ActionList-TrailingAction-RmUk1 [data-loading='true']):not([aria-disabled='true']) {
    /* Ensure labels and descriptions maintain accessibility contrast */
    & .prc-ActionList-ItemLabel-TmBhn {
      color: var(--fgColor-default);
    }

    & .prc-ActionList-Description-G0lJ3 {
      color: var(--fgColor-default);
    }
  }

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

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

  & .prc-ActionList-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-ActionList-checkmarkOut-XHM8j 80ms cubic-bezier(0.65, 0, 0.35, 1);
      /*  forwards;  slightly snappier animation out */
    }

    @media (forced-colors: active) {
      /* Support for Windows high contrast https://sarahmhigley.com/writing/whcm-quick-tips */

      /* background-color will be overriden but border-width is a workaround */
      border-width: var(--borderWidth-thin);
    }
  }

  &[aria-checked='true'],
  &[aria-selected='true'] {
    & .prc-ActionList-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-ActionList-checkmarkIn-Q8dLp 80ms cubic-bezier(0.65, 0, 0.35, 1) forwards 80ms;
      }

      @media (forced-colors: active) {
        /* Support for Windows high contrast https://sarahmhigley.com/writing/whcm-quick-tips
        background-color will be overriden but border-width is a workaround */
        /* stylelint-disable-next-line primer/borders */
        border-width: 8px;
      }
    }

    & .prc-ActionList-SingleSelectCheckmark-Vqn87 {
      visibility: visible;
    }
  }

  &[aria-checked='false'],
  &[aria-selected='false'] {
    & .prc-ActionList-MultiSelectCheckbox-nK6PJ {
      &::before {
        visibility: hidden;
      }
    }

    & .prc-ActionList-SingleSelectCheckmark-Vqn87 {
      visibility: hidden;
    }
  }
}

/* hide by default to support inactive state where role cannot be menuitemradio or menuitemcheckbox */
.prc-ActionList-SingleSelectCheckmark-Vqn87 {
  visibility: hidden;
}

/* button or a tag */

/* [ [spacer] [leadingAction] [leadingVisual] [content] ] */
.prc-ActionList-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-ActionList-Spacer-dydlX) {
    /* stylelint-disable-next-line primer/spacing */
    margin-right: var(--control-medium-gap);
  }

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

  /* large */

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

  /* collapsible item [aria-expanded] */

  &[aria-expanded='true'] {
    & .prc-ActionList-ExpandIcon-SKUGP {
      transform: scaleY(-1);
    }
  }

  &[aria-expanded='false'] {
    & .prc-ActionList-ExpandIcon-SKUGP {
      transform: scaleY(1);
    }

    & + .prc-ActionList-SubGroup-24eK2 {
      display: none;
    }

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

      & .prc-ActionList-ItemLabel-TmBhn {
        font-weight: var(--base-text-weight-semibold);
      }

      & .prc-ActionList-ActionListSubContent-lP9xj::before,
      & + .prc-ActionList-ActionListItem-uq6I7 .prc-ActionList-ActionListSubContent-lP9xj::before {
        visibility: hidden;
      }

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

/* [ [content] [trailingVisual] [trailingAction] ] */
.prc-ActionList-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;

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

/* place children on grid */

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

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

.prc-ActionList-LeadingAction-Oy04M {
  grid-area: leadingAction;
}

.prc-ActionList-LeadingVisual-dxXxW {
  grid-area: leadingVisual;
}

.prc-ActionList-TrailingVisual-XocgV {
  grid-area: trailingVisual;
  font-size: var(--text-body-size-medium);
}

.prc-ActionList-TrailingAction-RmUk1 {
  grid-area: trailingAction;

  /* if child is loading button */
  & > *[data-loading-wrapper] {
    height: 100%;
  }
}

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

  & .prc-ActionList-ItemLabel-TmBhn {
    font-weight: var(--base-text-weight-semibold);
    /* stylelint-disable-next-line declaration-property-value-keyword-no-deprecated */
    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-ActionList-ItemLabel-TmBhn {
      word-break: normal;
    }

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

    & .prc-ActionList-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-ActionList-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-ActionList-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-ActionList-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;
  /* stylelint-disable-next-line declaration-property-value-keyword-no-deprecated */
  word-break: break-word;
}

.prc-ActionList-SubGroup-24eK2 {
  & .prc-ActionList-ItemLabel-TmBhn {
    font-size: var(--text-body-size-small);
  }

  & .prc-ActionList-ActionListItem-uq6I7 {
    margin-inline: 0;
  }
}

/* trailing action icon button */

.prc-ActionList-TrailingActionButton-i2wnc {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: 100%;

  /* Preserve width consistency when loading state is active for text buttons only */
  &[data-loading='true']:has([data-component='buttonContent']) {
    /* Double the left padding to compensate for missing right padding */
    padding: 0 0 0 calc(var(--base-size-12) * 2);

    /* Position spinner at the end to align with IconButton */
    & [data-component='loadingSpinner'] {
      place-self: end;
      /* Match the IconButton spinner size */
      width: var(--control-medium-size, 2rem);
      height: var(--control-medium-size, 2rem);
      /* Ensure spinner is properly centered */
      display: flex;
      align-items: center;
      justify-content: center;
    }
  }
}

.prc-ActionList-InactiveButtonWrap-T6Jfa {
  &:has(.prc-ActionList-TrailingVisual-XocgV) {
    grid-area: trailingVisual;
  }

  &:has(.prc-ActionList-LeadingVisual-dxXxW) {
    grid-area: leadingVisual;
  }
}

.prc-ActionList-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-ActionList-InactiveButtonReset-3lIQX {
  display: flex;
  padding: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
  background: none;
  border: none;
}

.prc-ActionList-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-ActionList-checkmarkIn-Q8dLp {
  from {
    clip-path: inset(var(--base-size-16) 0 0 0);
  }

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

@keyframes prc-ActionList-checkmarkOut-XHM8j {
  from {
    clip-path: inset(0 0 0 0);
  }

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

.prc-ActionList-Group-fXpF9 {
  list-style: none;

  &: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-ActionList-GroupHeadingWrap-pfbd9 + ul > .prc-ActionList-GroupHeadingWrap-pfbd9) {
      /* stylelint-disable-next-line selector-max-specificity */
      & > .prc-ActionList-GroupHeadingWrap-pfbd9 {
        display: none;
      }
    }
  }
}

.prc-ActionList-GroupList-sj8d3 {
  padding-inline-start: 0;
}

.prc-ActionList-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-ActionList-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;
}

.prc-Truncate-Truncate-A9Wn6 {
  display: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: var(--truncate-max-width);

  &:where([data-expandable]):hover {
    max-width: 10000px;
  }

  &:where([data-inline]) {
    display: inline-block;
    vertical-align: top;
  }
}

:where(.prc-Link-Link-85e08) {
  color: var(--fgColor-link, var(--fgColor-accent));
  text-decoration: none;
  text-underline-offset: 0.05rem;

  /* 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;
  }

  /*
    Inline links (inside a text block) should have underline based on accessibility setting set in data-attribute
  */
  [data-a11y-link-underlines='true'] &:where([data-inline='true']) {
    text-decoration: underline;
  }

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

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

@keyframes prc-Overlay-overlay-appear-DGY3B {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.prc-Overlay-Overlay-dVyJl {
  position: absolute;
  max-width: calc(100vw - 2rem);
  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);
  /* stylelint-disable-next-line primer/spacing */
  top: var(--top, auto);
  /* stylelint-disable-next-line primer/spacing */
  left: var(--left, auto);
  /* stylelint-disable-next-line primer/spacing */
  right: var(--right, auto);
  /* stylelint-disable-next-line primer/spacing */
  bottom: var(--bottom, auto);

  &: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;
  }

  &:where([data-responsive='fullscreen']) {
    @media screen and (--viewportRange-narrow) {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      max-width: none;
      height: 100vh;
      max-height: none;
      margin: 0;
      border-radius: unset;
    }
  }

  @supports (height: 100dvh) {
    /* fix for mobile safari (100vh clips the screen with the toolbar) */
    &:where([data-variant='fullscreen']) {
      height: 100dvh;
    }
  }
}

@media (prefers-reduced-motion: no-preference) {
  .prc-Overlay-Overlay-dVyJl {
    animation: prc-Overlay-overlay-appear-DGY3B 200ms cubic-bezier(0.33, 1, 0.68, 1);
  }
}

.prc-AnchoredOverlay-ResponsiveCloseButtonContainer-NL5kN {
  position: relative;
}

.prc-AnchoredOverlay-ResponsiveCloseButton-Rr-c2 {
  position: absolute;
  top: var(--base-size-8);
  right: var(--base-size-8);
  display: none;

  @media screen and (--viewportRange-narrow) {
    display: inline-grid;
  }
}

.prc-ActionMenu-ActionMenuContainer-XdFHv {
  &:where([data-variant='fullscreen']) {
    padding-top: var(--base-size-36);
  }

  /* Overflow variants */
  &:where([data-overflow-auto]) {
    overflow: auto;
  }

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

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

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

  /* Max-height size tokens (mirror Overlay sizes) */
  &: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;
  }
}

.prc-TextInput-CharacterCounter-W27rx {
  display: flex;
  align-items: center;
  gap: var(--control-xsmall-gap);
  color: var(--fgColor-muted);
}

.prc-TextInput-CharacterCounter--error-r35hI {
  color: var(--fgColor-danger);
}

.prc-components-Spinner-Azb7p {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 100%;
  height: 100%;
}

.prc-components-SpinnerLeading-s-LyA {
  left: 0;
}

.prc-components-SpinnerHidden-GG1PJ {
  visibility: hidden;
}

.prc-components-SpinnerVisible-w5g8l {
  visibility: visible;
}

.prc-components-Box-QK3tG {
  position: relative;
  display: flex;
}

.prc-components-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;
  cursor: text;
  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(--control-fgColor-placeholder);
    }
  }

  &:where([data-trailing-action][data-focused]),
  &:where(:not([data-trailing-action]):focus-within) {
    border-color: var(--control-borderColor-emphasis);
  }

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

  &:where([data-contrast]) {
    /* this variable is available behind a feature flag in gh/gh */
    /* stylelint-disable-next-line primer/colors */
    background-color: var(--control-bgColor-contrast, 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 {
      border-color: var(--control-borderColor-danger);
    }
  }

  &: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);
    /* stylelint-disable-next-line declaration-property-value-no-unknown */
    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-components-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  /* stylelint-disable-line selector-class-pattern */ {
    align-self: center;
    color: var(--fgColor-muted);
    flex-shrink: 0;
  }

  /* With leading visual */
  &:where([data-leading-visual]) {
    padding-left: var(--base-size-8);
  }

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

  /* Only trailing visual */
  &:where(:not([data-leading-visual])[data-trailing-visual]),
  &:where(:not([data-leading-visual])[data-trailing-action]) {
    > input,
    > select {
      padding-left: var(--base-size-8);
    }
  }

  /* Only leading visual */
  &: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-8);
  }

  /* No visuals at all */
  &:where(:not([data-leading-visual]):not([data-trailing-visual]):not([data-trailing-action])) > input,
  &:where(:not([data-leading-visual]):not([data-trailing-visual]):not([data-trailing-action])) > select {
    padding-left: var(--base-size-12);
    padding-right: var(--base-size-12);
  }
}

/* Large size input */
.prc-components-TextInputWrapper-i1ofR:where([data-size='large']) {
  &:where([data-leading-visual]) {
    padding-left: var(--base-size-12);
  }

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

.prc-components-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-components-TextInputAction-YT3YI {
  margin-right: var(--base-size-4);
  margin-left: var(--base-size-4);
  /* stylelint-disable-next-line primer/typography */
  line-height: 0;
}

.prc-components-ConditionalTooltip-6cihH {
  display: inline-block;
}

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

  &:focus {
    outline: 0;
  }
}

.prc-Autocomplete-SpinnerWrapper-OvHpT {
  display: flex;
  justify-content: center;
  padding: var(--base-size-16);
}

.prc-Autocomplete-EmptyStateWrapper-tAx1w {
  padding: var(--base-size-16);
}

.prc-Autocomplete-Overlay-4kapX {
  overflow: auto;
}

:where(.prc-Avatar-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);
    }
  }
}

/* stylelint-disable selector-max-specificity */
.prc-AvatarStack-AvatarStack-N-r3C {
  --avatar-border-width: 1px;
  --mask-size: calc(100% + (var(--avatar-border-width) * 2));
  --mask-start: -1;
  --opacity-step: 15%;

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

  &:where([data-variant='cascade']) {
    --overlap-size: calc(var(--avatar-stack-size) * 0.55);
    --overlap-size-avatar-three-plus: calc(var(--avatar-stack-size) * 0.85);
  }

  &:where([data-variant='stack']) {
    --overlap-size: calc(var(--avatar-stack-size) * 0.55);
    --overlap-size-avatar-three-plus: calc(var(--avatar-stack-size) * 0.55);
  }

  &: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'][data-shape='circle']) {
    .prc-AvatarStack-AvatarItem-nS1mt:where([data-component='Avatar']) {
      /* stylelint-disable-next-line primer/box-shadow */
      box-shadow: 0 0 0 var(--avatar-border-width) var(--avatar-borderColor);
    }
  }

  &:where([data-avatar-count='1'][data-shape='square']) .prc-AvatarStack-AvatarItem-nS1mt {
    /* stylelint-disable-next-line primer/box-shadow */
    box-shadow: 1px 0 rgb(0, 0, 0, 1);
  }

  &:where([data-avatar-count='1'][data-shape='square'][data-align-right]) .prc-AvatarStack-AvatarItem-nS1mt {
    /* stylelint-disable-next-line primer/box-shadow */
    box-shadow: -1px 0 rgb(0, 0, 0, 1);
  }

  &:where([data-avatar-count='2']) {
    /*
    MIN-WIDTH CALC FORMULA EXPLAINED:
    avatar size ➡️ var(--avatar-stack-size)
    plus the visible part of the 2nd avatar ➡️ var(--avatar-stack-size) - var(--overlap-size)
    */
    min-width: calc(var(--avatar-stack-size) + (var(--avatar-stack-size) - var(--overlap-size)));
  }

  &:where([data-avatar-count='3'][data-variant='cascade']) {
    /*
    MIN-WIDTH CALC FORMULA EXPLAINED:
    avatar size ➡️ var(--avatar-stack-size)
    plus the visible part of the 2nd avatar ➡️ var(--avatar-stack-size) - var(--overlap-size)
    plus the visible part of the 3rd avatar ➡️ var(--avatar-stack-size) - var(--overlap-size-avatar-three-plus)
    */
    min-width: calc(
      var(--avatar-stack-size) + (var(--avatar-stack-size) - var(--overlap-size)) +
        (var(--avatar-stack-size) - var(--overlap-size-avatar-three-plus))
    );
  }

  &:where([data-avatar-count='3'][data-variant='stack']) {
    /*
    MIN-WIDTH CALC FORMULA EXPLAINED:
    avatar size ➡️ var(--avatar-stack-size)
    plus the visible part of the 2nd avatar & 3rd avatar ➡️ var(--avatar-stack-size) - var(--overlap-size-avatar-three-plus) * 2
    */
    min-width: calc(var(--avatar-stack-size) + (var(--avatar-stack-size) - var(--overlap-size-avatar-three-plus)) * 2);
  }

  &:where([data-avatar-count='3+'][data-variant='cascade']) {
    /*
    MIN-WIDTH CALC FORMULA EXPLAINED:
    avatar size ➡️ var(--avatar-stack-size)
    plus the visible part of the 2nd avatar ➡️ var(--avatar-stack-size) - var(--overlap-size)
    plus the visible part of the 3rd AND 4th avatar ➡️ (var(--avatar-stack-size) - var(--overlap-size-avatar-three-plus)) * 2
    */
    min-width: calc(
      var(--avatar-stack-size) + (var(--avatar-stack-size) - var(--overlap-size)) +
        (var(--avatar-stack-size) - var(--overlap-size-avatar-three-plus)) * 2
    );
  }

  &:where([data-avatar-count='3+'][data-variant='stack']) {
    /*
    MIN-WIDTH CALC FORMULA EXPLAINED:
    avatar size ➡️ var(--avatar-stack-size)
    plus the visible part of the 2nd to 4th avatars ➡️ var(--avatar-stack-size) - var(--overlap-size-avatar-three-plus) * 3
    */
    min-width: calc(var(--avatar-stack-size) + (var(--avatar-stack-size) - var(--overlap-size-avatar-three-plus)) * 3);

    --overlap-size: var(--overlap-size-avatar-three-plus);
  }

  &:where([data-align-right]) {
    --mask-start: 1;

    direction: rtl;
  }
}

.prc-AvatarStack-AvatarStackBody-mSyoJ {
  position: absolute;
  display: flex;

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

.prc-AvatarStack-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;
  transition:
    margin 0.2s ease-in-out,
    opacity 0.2s ease-in-out,
    mask-position 0.2s ease-in-out,
    mask-size 0.2s ease-in-out;

  .prc-AvatarStack-AvatarStack-N-r3C:where([data-shape='circle']) &:is(img) {
    /* stylelint-disable-next-line primer/box-shadow */
    box-shadow: 0 0 0 var(--avatar-border-width) transparent;
  }

  &:not([data-component='Avatar']):not(:has([data-square])) {
    border-radius: 50%;
  }

  .prc-AvatarStack-AvatarStack-N-r3C:where([data-shape='square']) &:is(img) {
    /* stylelint-disable-next-line primer/box-shadow */
    box-shadow: 1px 0 rgb(255, 255, 255, 1);
  }

  .prc-AvatarStack-AvatarStack-N-r3C:where([data-shape='square'][data-align-right]) &:is(img) {
    /* stylelint-disable-next-line primer/box-shadow */
    box-shadow: -1px 0 rgb(255, 255, 255, 1);
  }

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

  &:nth-child(n + 2) {
    /* stylelint-disable-next-line primer/spacing */
    margin-inline-start: calc(var(--overlap-size) * -1);
    mask-repeat: no-repeat, no-repeat;
    mask-size:
      var(--mask-size) var(--mask-size),
      auto;
    mask-composite: exclude;

    /*
    HORIZONTAL POSITION CALC FORMULA EXPLAINED:
    width of the visible part of the avatar ➡️ var(--avatar-stack-size) - var(--overlap-size)
    multiply by -1 for left-aligned, 1 for right-aligned ➡️ var(--mask-start)
    subtract the avatar border width ➡️ var(--avatar-border-width)
    */
    mask-position:
      calc((var(--avatar-stack-size) - var(--overlap-size)) * var(--mask-start) - var(--avatar-border-width)) center,
      0 0;

    /* HACK: This padding fixes a weird rendering bug where a tiiiiny outline is visible at the edges of the element */
    /* stylelint-disable-next-line primer/spacing */
    padding: 0.1px;
  }

  /* Circular mask */
  .prc-AvatarStack-AvatarStack-N-r3C:where([data-shape='circle']) &:nth-child(n + 2) {
    /* stylelint-disable-next-line declaration-property-value-no-unknown */
    mask-image: radial-gradient(at 50% 50%, rgb(0, 0, 0) 70%, rgb(0, 0, 0, 0) 71%), linear-gradient(rgb(0, 0, 0) 0 0);
  }

  /* Square mask */
  .prc-AvatarStack-AvatarStack-N-r3C:where([data-shape='square']) &:nth-child(n + 2) {
    /* stylelint-disable-next-line declaration-property-value-no-unknown */
    mask-image: linear-gradient(at 50% 50%, rgb(0, 0, 0) 70%, rgb(0, 0, 0, 0) 71%), linear-gradient(rgb(0, 0, 0) 0 0);
  }

  /* Cascade variant override for nth-child(n + 3) */
  .prc-AvatarStack-AvatarStack-N-r3C:where([data-variant='cascade']) &:nth-child(n + 3) {
    --overlap-size: var(--overlap-size-avatar-three-plus);

    /* stylelint-disable-next-line alpha-value-notation */
    opacity: calc(100% - 2 * var(--opacity-step));
  }

  /* Cascade variant override for nth-child(n + 4) */
  .prc-AvatarStack-AvatarStack-N-r3C:where([data-variant='cascade']) &:nth-child(n + 4) {
    /* stylelint-disable-next-line alpha-value-notation */
    opacity: calc(100% - 3 * var(--opacity-step));
  }

  /* Cascade variant override for nth-child(n + 5) */
  .prc-AvatarStack-AvatarStack-N-r3C:where([data-variant='cascade']) &:nth-child(n + 5) {
    /* stylelint-disable-next-line alpha-value-notation */
    opacity: calc(100% - 4 * var(--opacity-step));
  }

  .prc-AvatarStack-AvatarStack-N-r3C:where([data-shape='square']) &:nth-child(1) {
    z-index: 5;
  }

  .prc-AvatarStack-AvatarStack-N-r3C:where([data-shape='square']) &:nth-child(2) {
    z-index: 4;
  }

  .prc-AvatarStack-AvatarStack-N-r3C:where([data-shape='square']) &:nth-child(3) {
    z-index: 3;
  }

  .prc-AvatarStack-AvatarStack-N-r3C:where([data-shape='square']) &:nth-child(4) {
    z-index: 2;
  }

  .prc-AvatarStack-AvatarStack-N-r3C:where([data-shape='square']) &:nth-child(5) {
    z-index: 1;
  }

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

.prc-AvatarStack-AvatarStackBody-mSyoJ:not([data-disable-expand]):hover,
.prc-AvatarStack-AvatarStackBody-mSyoJ:not([data-disable-expand]):focus-within {
  width: auto;

  .prc-AvatarStack-AvatarItem-nS1mt {
    --mask-size: 100%; /* reset size of the mask to prevent unintentially clipping due to the additional size created by the border width */

    margin-inline-start: var(--base-size-4);
    visibility: visible;
    opacity: 1;

    /*
    HORIZONTAL POSITION CALC FORMULA EXPLAINED:
    width of the full avatar ➡️ var(--avatar-stack-size)
    multiply by -1 for left-aligned, 1 for right-aligned ➡️ var(--mask-start)
    */
    mask-position:
      calc(var(--avatar-stack-size) * var(--mask-start)) center,
      0 0;

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

.prc-Banner-Banner-IR8eJ {
  display: grid;
  padding: var(--base-size-8);
  /* stylelint-disable-next-line primer/colors */
  background-color: var(--banner-bgColor);
  /* stylelint-disable-next-line primer/colors */
  border: var(--borderWidth-thin) solid var(--banner-borderColor);
  border-radius: var(--borderRadius-medium);
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: start;

  &[data-actions-layout='default'] {
    @supports (container-type: inline-size) {
      container: banner / inline-size;
    }
  }

  &[data-actions-layout='stacked'] {
    & .prc-Banner-BannerContainer-lbx3d {
      flex-direction: column;
    }

    & .prc-Banner-BannerActions-XCfHL :where([data-primary-action='trailing']) {
      display: none;
    }

    & .prc-Banner-BannerActions-XCfHL :where([data-primary-action='leading']) {
      display: flex;
    }
  }

  &[data-actions-layout='inline'] {
    & .prc-Banner-BannerContainer-lbx3d {
      flex-wrap: nowrap;
    }

    & .prc-Banner-BannerActions-XCfHL {
      flex: 0 0 auto;
    }

    & .prc-Banner-BannerActions-XCfHL :where([data-primary-action='trailing']) {
      display: flex;
    }

    & .prc-Banner-BannerActions-XCfHL :where([data-primary-action='leading']) {
      display: none;
    }
  }

  &[data-layout='compact'] {
    padding: var(--base-size-4);
  }

  &[data-flush] {
    border-left: none;
    border-right: none;
    border-radius: 0;
  }

  &[data-variant='critical'] {
    --banner-bgColor: var(--bgColor-danger-muted);
    --banner-borderColor: var(--borderColor-danger-muted);
    --banner-icon-fgColor: var(--fgColor-danger);
  }

  &[data-variant='info'] {
    --banner-bgColor: var(--bgColor-accent-muted);
    --banner-borderColor: var(--borderColor-accent-muted);
    --banner-icon-fgColor: var(--fgColor-accent);
  }

  &[data-variant='success'] {
    --banner-bgColor: var(--bgColor-success-muted);
    --banner-borderColor: var(--borderColor-success-muted);
    --banner-icon-fgColor: var(--fgColor-success);
  }

  &[data-variant='upsell'] {
    --banner-bgColor: var(--bgColor-upsell-muted);
    --banner-borderColor: var(--borderColor-upsell-muted);
    --banner-icon-fgColor: var(--fgColor-upsell);
  }

  &[data-variant='warning'] {
    --banner-bgColor: var(--bgColor-attention-muted);
    --banner-borderColor: var(--borderColor-attention-muted);
    --banner-icon-fgColor: var(--fgColor-attention);
  }
}

/* BannerContainer -------------------------------------------------------- */

.prc-Banner-BannerContainer-lbx3d {
  font-size: var(--text-body-size-medium);
  align-items: start;
  line-height: var(--text-body-lineHeight-medium);
  row-gap: var(--base-size-4);
  column-gap: var(--base-size-4);
}

.prc-Banner-Banner-IR8eJ :where(.prc-Banner-BannerContainer-lbx3d) {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.prc-Banner-Banner-IR8eJ[data-dismissible]:not([data-title-hidden], [data-actions-layout='inline']) .prc-Banner-BannerContainer-lbx3d {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
}

/* BannerContent ---------------------------------------------------------- */

.prc-Banner-BannerContent-zTITK {
  display: grid;
  row-gap: var(--base-size-4);
  grid-column-start: 1;
  margin-block: var(--base-size-8);
}

.prc-Banner-Banner-IR8eJ[data-title-hidden]:not(:has(.prc-Banner-BannerActions-XCfHL)) .prc-Banner-BannerContent-zTITK {
  margin-block: var(--base-size-6);
}

@media screen and (min-width: 544px) {
  .prc-Banner-BannerContent-zTITK {
    flex: 1 1 0%;
  }
}

.prc-Banner-BannerTitle-TcuJl {
  margin: 0;
  font-size: inherit;
  font-weight: var(--base-text-weight-semibold);
}

/* BannerIcon ------------------------------------------------------------- */

.prc-Banner-BannerIcon-WuOyf {
  display: grid;
  place-items: center;
  padding: var(--base-size-8);
}

.prc-Banner-BannerIcon-WuOyf svg {
  /* 20px is the line box height of the trailing action buttons */
  height: var(--base-size-20);
  /* stylelint-disable-next-line primer/colors */
  color: var(--banner-icon-fgColor);
  /* stylelint-disable-next-line primer/colors */
  fill: var(--banner-icon-fgColor);
}

/* stylelint-disable-next-line selector-max-specificity */
.prc-Banner-Banner-IR8eJ[data-title-hidden]:not(:has(.prc-Banner-BannerActions-XCfHL)) .prc-Banner-BannerIcon-WuOyf svg {
  height: var(--base-size-16);
}

/* BannerDismiss ---------------------------------------------------------- */

.prc-Banner-BannerDismiss-uBZVm {
  display: grid;
  place-items: center;
  padding: var(--base-size-8);
  margin-inline-start: var(--base-size-4);
}

:where(.prc-Banner-Banner-IR8eJ):has(.prc-Banner-BannerActions-XCfHL) .prc-Banner-BannerDismiss-uBZVm {
  margin-block: var(--base-size-2);
}

.prc-Banner-BannerDismiss-uBZVm svg {
  /* stylelint-disable-next-line primer/colors */
  color: var(--banner-icon-fgColor);
}

/* BannerActions ---------------------------------------------------------- */

.prc-Banner-BannerActionsContainer-ukGMH {
  display: flex;
  column-gap: var(--base-size-12);
  align-items: center;
  margin-block: var(--base-size-2);
}

.prc-Banner-BannerActions-XCfHL :where([data-primary-action='trailing']) {
  display: none;
}

.prc-Banner-Banner-IR8eJ[data-dismissible]:not([data-title-hidden], [data-actions-layout='inline']) .prc-Banner-BannerActions-XCfHL {
  margin-block-end: var(--base-size-6);
}

/* stylelint-disable-next-line selector-max-specificity */
.prc-Banner-Banner-IR8eJ[data-dismissible]:not([data-title-hidden], [data-actions-layout='inline'])
  .prc-Banner-BannerActionsContainer-ukGMH[data-primary-action='trailing'] {
  display: none;
}

/* stylelint-disable-next-line selector-max-specificity */
.prc-Banner-Banner-IR8eJ[data-dismissible]:not([data-title-hidden], [data-actions-layout='inline'])
  .prc-Banner-BannerActionsContainer-ukGMH[data-primary-action='leading'] {
  display: flex;
}

/* Layout ------------------------------------------------------------------- */

@container banner (max-width: 500px) {
  .prc-Banner-BannerContainer-lbx3d {
    display: grid;
  }

  .prc-Banner-BannerContainer-lbx3d:has(.prc-Banner-BannerActionsContainer-ukGMH) {
    grid-template-rows: auto auto;
  }

  .prc-Banner-BannerActions-XCfHL {
    margin-block-end: var(--base-size-6);
  }

  .prc-Banner-BannerActions-XCfHL [data-primary-action='trailing'] {
    display: none;
  }

  .prc-Banner-BannerActions-XCfHL [data-primary-action='leading'] {
    display: flex;
  }
}

@container banner (min-width: 500px) {
  .prc-Banner-BannerContainer-lbx3d {
    display: grid;
    grid-template-columns: auto auto;
  }

  :where(.prc-Banner-Banner-IR8eJ):not([data-dismissible])
    :where(.prc-Banner-BannerActionsContainer-ukGMH[data-primary-action='trailing'])
    :where([data-variant='link']:only-child) {
    padding-inline: 0 var(--base-size-12);
  }

  .prc-Banner-BannerActions-XCfHL [data-primary-action='trailing'] {
    display: flex;
    min-height: var(--base-size-32, 2rem);
  }

  .prc-Banner-BannerActions-XCfHL [data-primary-action='leading'] {
    display: none;
  }
}

.prc-Blankslate-Container-XATLP {
  container: blankslate / inline-size;
}

.prc-Blankslate-Blankslate-7GPW- {
  display: grid;
  justify-items: center;
  /* stylelint-disable-next-line primer/spacing */
  padding: var(--blankslate-padding);

  &:where([data-border]) {
    border: var(--borderWidth-thin) solid var(--borderColor-default);
    border-radius: var(--borderRadius-medium);
  }

  &:where([data-narrow]) {
    max-width: 485px;
    margin: 0 auto;
  }

  &:where([data-size='medium']) {
    --blankslate-heading-text: var(--text-title-shorthand-medium);
    --blankslate-heading-margin-block: 0 var(--base-size-4);
    --blankslate-description-text: var(--text-body-shorthand-large);
    --blankslate-padding: var(--base-size-32);
    --blankslate-action-margin-block-end: var(--base-size-16);
    --blankslate-visual-size: var(--base-size-40);
    --blankslate-visual-icon-size: var(--base-size-24);
  }

  &:where([data-size='medium'][data-spacious]) {
    --blankslate-padding: var(--base-size-80) var(--base-size-40);
  }

  &:where([data-size='small']) {
    --blankslate-heading-text: var(--text-title-shorthand-small);
    --blankslate-heading-margin-block: 0 var(--base-size-4);
    --blankslate-description-text: var(--text-body-shorthand-medium);
    --blankslate-padding: var(--base-size-32) var(--base-size-20);
    --blankslate-action-margin-block-end: var(--base-size-12);
    --blankslate-visual-size: var(--base-size-32);
    --blankslate-visual-icon-size: var(--base-size-16);
  }

  &:where([data-size='small'][data-spacious]) {
    --blankslate-padding: var(--base-size-44) var(--base-size-28);
  }

  &:where([data-size='large']) {
    --blankslate-heading-text: var(--text-title-shorthand-large);
    --blankslate-heading-margin-block: var(--base-size-8) var(--base-size-4);
    --blankslate-description-text: var(--text-body-shorthand-large);
    --blankslate-description-margin-block: 0 var(--base-size-8);
    --blankslate-padding: var(--base-size-32);
    --blankslate-action-margin-block-end: var(--base-size-16);
    --blankslate-visual-size: var(--base-size-48);
    --blankslate-visual-icon-size: var(--base-size-32);
  }

  &:where([data-size='large'][data-spacious]) {
    --blankslate-padding: var(--base-size-80) var(--base-size-40);
  }
}

.prc-Blankslate-Heading-H4xby,
.prc-Blankslate-Description-OGHRk {
  margin: 0;
  text-align: center;
}

.prc-Blankslate-Heading-H4xby {
  /* stylelint-disable-next-line primer/typography */
  font: var(--blankslate-heading-text);
  /* stylelint-disable-next-line primer/spacing */
  margin-block: var(--blankslate-heading-margin-block);
}

.prc-Blankslate-Description-OGHRk {
  /* stylelint-disable-next-line primer/typography */
  font: var(--blankslate-description-text);
  color: var(--fgColor-muted);
  /* stylelint-disable-next-line primer/spacing */
  margin-block: var(--blankslate-description-margin-block);
}

.prc-Blankslate-Visual-PeTD- {
  /* This display property exists so that the container matches the size of the inner svg element */
  display: inline-flex;
  width: var(--blankslate-visual-size);
  height: var(--blankslate-visual-size);
  align-items: center;
  justify-content: center;
  color: var(--fgColor-muted);
  background-color: var(--bgColor-muted);
  border: var(--borderWidth-thin) solid var(--borderColor-muted);
  border-radius: var(--borderRadius-full);
  margin-block-end: var(--base-size-8);
  flex-shrink: 0;

  & svg {
    width: var(--blankslate-visual-icon-size);
    height: var(--blankslate-visual-icon-size);
  }
}

.prc-Blankslate-Action-SK5XS {
  /* stylelint-disable-next-line primer/typography */
  font: var(--blankslate-description-text);
  margin-block-start: var(--base-size-16);

  &:where(:last-of-type) {
    /* stylelint-disable-next-line primer/spacing */
    margin-block-end: var(--blankslate-action-margin-block-end);
  }
}

/* At the time these styles were written, 34rem was our "small" breakpoint width */
@container blankslate (max-width: 34rem) {
  .prc-Blankslate-Blankslate-7GPW- {
    --blankslate-padding: var(--base-size-20);

    &:where([data-spacious]) {
      --blankslate-padding: var(--base-size-44) var(--base-size-28);
    }

    --blankslate-heading-text: var(--text-title-shorthand-small);
    --blankslate-description-text: var(--text-body-shorthand-medium);
  }

  .prc-Blankslate-Visual-PeTD- {
    width: var(--base-size-32);
    height: var(--base-size-32);
    margin-bottom: var(--base-size-8);
    color: var(--fgColor-muted);

    & svg {
      width: var(--base-size-16);
      height: var(--base-size-16);
    }
  }

  .prc-Blankslate-Action-SK5XS {
    margin-top: var(--base-size-8);

    &:first-of-type {
      margin-top: var(--base-size-16);
    }

    &:last-of-type {
      margin-bottom: calc(var(--base-size-8) / 2);
    }
  }
}

.prc-BranchName-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-Breadcrumbs-BreadcrumbsBase-6gqOz {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.prc-Breadcrumbs-BreadcrumbsList-K7eeK {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}

[data-overflow='menu'],
[data-overflow='menu-with-root'] {
  & .prc-Breadcrumbs-BreadcrumbsList-K7eeK {
    white-space: nowrap;
    display: flex;
    flex-direction: row;
  }
}

.prc-Breadcrumbs-ItemSeparator-nYObp {
  color: var(--fgColor-muted);
  display: flex;
  align-self: center;
  justify-content: center;
  white-space: nowrap;
  user-select: none;
}

.prc-Breadcrumbs-ItemWrapper-Mfwuj {
  display: inline-block;
  font-size: var(--text-body-size-medium);
  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-Breadcrumbs-Item-7BKO- {
  display: inline-block;
  font-size: var(--text-body-size-medium);

  &:focus-visible {
    border-radius: var(--borderRadius-small);

    @mixin focusOutline 2px;
  }
}

[data-variant='normal'] {
  & .prc-Breadcrumbs-Item-7BKO- {
    color: var(--fgColor-link);
    text-decoration: none;

    &:not([aria-current]) {
      &:hover {
        text-decoration: underline;
      }
    }

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

    &[aria-current] {
      color: var(--fgColor-default);
    }
  }
}

[data-variant='spacious'] {
  & .prc-Breadcrumbs-Item-7BKO- {
    color: var(--fgColor-default);
    text-decoration: none;
    padding-inline: var(--base-size-6);
    padding-block: var(--base-size-4);
    border-radius: var(--borderRadius-medium);

    &:hover {
      background: var(--control-transparent-bgColor-hover);
      text-decoration: none;
    }

    &[aria-current] {
      font-weight: var(--base-text-weight-semibold);
    }
  }
}

.prc-Breadcrumbs-BreadcrumbsItem-FHLFr {
  display: inline-grid;
  grid-auto-flow: column;
  align-items: center;
  flex: 0 99999 auto;
  min-width: auto;
  white-space: nowrap;
  list-style: none;

  /* allow menu items to wrap line */
  &:has(.prc-Breadcrumbs-MenuOverlay-aCOyl) {
    white-space: normal;
  }

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

  &:last-child {
    .prc-Breadcrumbs-ItemSeparator-nYObp {
      display: none;
    }
  }

  .prc-Breadcrumbs-MenuDetails-TXUai {
    position: relative;
    display: inline-block;

    & summary {
      list-style: none;
      cursor: pointer;

      &::-webkit-details-marker {
        display: none;
      }
    }
  }

  .prc-Breadcrumbs-MenuOverlay-aCOyl {
    position: absolute;
    z-index: 1;
    box-shadow: var(--shadow-floating-small);
    border-radius: var(--borderRadius-large);
    background-color: var(--overlay-bgColor);
    min-width: var(--overlay-width-xsmall);
    max-height: 100vh;
    max-width: var(--overlay-width-small);
    overflow: hidden;
    /* stylelint-disable-next-line primer/spacing */
    top: calc(var(--overlay-offset) + var(--control-small-size));

    @media (prefers-reduced-motion: no-preference) {
      animation: prc-Breadcrumbs-overlay-appear-Ct2Xv 200ms cubic-bezier(0.33, 1, 0.68, 1);
    }
  }
}

.prc-Details-Details-XJobb > summary {
  list-style: none;
}

.prc-Details-Details-XJobb > summary::-webkit-details-marker {
  display: none;
}

.prc-ButtonGroup-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-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-Checkbox-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-Checkbox-checkmarkIn-S5zG9 80ms cubic-bezier(0.65, 0, 0.35, 1) forwards 80ms;
    }

    &: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;
    }
  }

  &: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;
    }
  }

  &: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-Checkbox-checkmarkIn-S5zG9 {
  from {
    clip-path: inset(var(--base-size-16) 0 0 0);
  }

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

@keyframes prc-Checkbox-checkmarkOut-mlBVw {
  from {
    clip-path: inset(0 0 0 0);
  }

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

.prc-Select-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-Select-TextInputWrapper-eBxmL {
  position: relative;
  overflow: hidden;

  @media screen and (forced-colors: active) {
    svg {
      /* stylelint-disable-next-line declaration-property-value-no-unknown */
      fill: 'FieldText';
    }
  }
}

.prc-Select-Disabled-EtgGW {
  @media screen and (forced-colors: active) {
    svg {
      /* stylelint-disable-next-line declaration-property-value-no-unknown */
      fill: 'GrayText';
    }
  }
}

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

@keyframes prc-Skeleton-shimmer-DB3-6 {
  from {
    mask-position: 200%;
  }

  to {
    mask-position: 0%;
  }
}

.prc-Skeleton-SkeletonBox-nSZk3 {
  display: block;
  height: 1rem;
  background-color: var(--skeletonLoader-bgColor);
  border-radius: var(--borderRadius-large);
  animation: prc-Skeleton-shimmer-DB3-6;

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

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

.prc-FilteredActionList-LoadingSkeleton-x9WXt {
  /* stylelint-disable-next-line primer/borders */
  border-radius: 4px;
}

.prc-FilteredActionList-LoadingSpinner-4C8CM {
  padding: var(--base-size-16);
  flex-grow: 1;
  align-content: center;
  text-align: center;
  height: 100%;
}

.prc-FilteredActionList-LoadingSkeletonContainer-FBx9v {
  padding: var(--base-size-8);
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}

.prc-FilteredActionList-Root-S5E74 {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.prc-FilteredActionList-Header-R1tjC {
  /* stylelint-disable-next-line primer/box-shadow */
  box-shadow: 0 1px 0 var(--borderColor-default);
  z-index: 1;
}

.prc-FilteredActionList-Container-2A9NQ {
  display: flex;
  height: 100%;
  overflow: auto;
  flex-grow: 1;
}

.prc-FilteredActionList-ActionList-QY9ZL {
  flex-grow: 1;
}

.prc-FilteredActionList-ActionListItem-39lnB:focus {
  background: var(--control-transparent-bgColor-selected);

  &::after {
    @mixin activeIndicatorLine;
  }
}

.prc-FilteredActionList-ActionListItem-39lnB:where([data-input-focused]):where([data-first-child]) {
  background: var(--control-transparent-bgColor-selected);

  &::after {
    @mixin activeIndicatorLine;
  }
}

.prc-FilteredActionList-FullScreenTextInput-rCAiq {
  @media screen and (--viewportRange-narrow) {
    /* Ensures inputs don't zoom on mobile iPhone but are body-font size on iPad */
    @supports (-webkit-touch-callout: none) {
      font-size: var(--text-title-size-small);
    }
  }
}

.prc-FilteredActionList-SelectAllContainer-w5otq {
  display: flex;
  align-items: center;
  padding-block: var(--base-size-4);
  padding-inline: var(--base-size-16);
  background: var(--bgColor-muted);
  border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);
}

.prc-FilteredActionList-SelectAllCheckbox-dq2yL {
  /* -1px hack to offset 1px border-bottom causing uneven alignment */
  /* stylelint-disable-next-line primer/spacing */
  margin: var(--base-size-4) var(--base-size-8) calc(var(--base-size-4) - 1px) 0;
}

.prc-FilteredActionList-SelectAllLabel-l34LA {
  font-size: var(--text-body-size-medium);
  color: var(--fgColor-muted);
}

.prc-SelectPanel-Overlay-arLk6 {
  /* CSS variables values are passed in via styles */
  --max-height: 0;
}

.prc-SelectPanel-Wrapper-43Iz8 {
  display: flex;
  height: inherit;
  max-height: inherit;
  flex-direction: column;
}

.prc-SelectPanel-Header-4dLqk {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: var(--base-size-8);
  padding-right: var(--base-size-8);
  padding-left: var(--base-size-8);

  &:where([data-variant='fullscreen']) {
    min-height: 40px;
    flex-shrink: 0;
  }
}

.prc-SelectPanel-Title--CZN1 {
  margin-left: var(--base-size-8);
  font-size: var(--text-body-size-medium);
}

.prc-SelectPanel-Wrapper-43Iz8[data-variant='modal'] .prc-SelectPanel-Title--CZN1 {
  margin-top: var(--base-size-8);
  /* styling specific to the modal variant */
}

/*
 * Align SelectPanel header text with AnchoredOverlay close button
 * 
 * Ensures the title properly aligns with the close button position
 * in anchor variant on narrow viewports.
 */
.prc-SelectPanel-Wrapper-43Iz8[data-variant='anchored'] .prc-SelectPanel-Title--CZN1 {
  @media screen and (--viewportRange-narrow) {
    margin-top: var(--base-size-8);
  }
}

.prc-SelectPanel-Subtitle-tMSzu {
  margin-left: var(--base-size-8);
  font-size: var(--text-body-size-small);
  color: var(--fgColor-muted);
}

.prc-SelectPanel-Notice-xDTd4 {
  margin-top: var(--base-size-4);
  margin-right: var(--base-size-8);
  margin-left: var(--base-size-8);
}

.prc-SelectPanel-Notice-xDTd4 a {
  color: inherit;
  text-decoration: underline;
}

.prc-SelectPanel-Notice-xDTd4:where([data-variant='info']) {
  color: var(--fgColor-accent);
  background-color: var(--bgColor-accent-muted);
  border-color: var(--borderColor-accent-muted);
}

.prc-SelectPanel-Notice-xDTd4:where([data-variant='warning']) {
  color: var(--fgColor-attention);
  background-color: var(--bgColor-attention-muted);
  border-color: var(--borderColor-attention-muted);
}

.prc-SelectPanel-Notice-xDTd4:where([data-variant='critical']) {
  color: var(--fgColor-danger);
  background-color: var(--bgColor-danger-muted);
  border-color: var(--borderColor-danger-muted);
}

.prc-SelectPanel-Footer-78rgp {
  display: flex;
  padding: var(--base-size-8);
  border-top: var(--borderWidth-thin) solid;
  border-top-color: var(--borderColor-default);
}

.prc-SelectPanel-FilteredActionList-wzS7m {
  /* inheriting height and maxHeight ensures that the FilteredActionList is never taller
     than the Overlay (which would break scrolling the items) */
  height: inherit;
  max-height: inherit;
}

.prc-SelectPanel-Message-CSpwI {
  display: flex;
  height: 100%;
  padding: var(--base-size-24);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  gap: var(--base-size-4);

  a {
    color: inherit;
    text-decoration: underline;
  }
}

.prc-SelectPanel-MessageTitle-o6PpS {
  font-size: var(--text-body-size-medium);
  font-weight: var(--base-text-weight-semibold);
}

.prc-SelectPanel-MessageBody-89DEz {
  font-size: var(--text-body-size-small);
  color: var(--fgColor-muted);
  align-items: center;
  gap: var(--stack-gap-condensed);
}

.prc-SelectPanel-MessageIcon-GS8ry {
  margin-bottom: var(--base-size-8);
  color: var(--fgColor-attention);

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

.prc-SelectPanel-MessageAction-qwola {
  margin-top: var(--base-size-8);
}

.prc-SelectPanel-ResponsiveCloseButton-3mdX2 {
  display: inline-grid;
}

.prc-SelectPanel-ResponsiveFooter-e-JSD {
  display: none;
  align-items: center;
  padding: var(--base-size-8);
  justify-content: center;

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

  &:where([data-display-footer='only-small']) {
    @media screen and (--viewportRange-narrow) {
      display: flex;
    }
  }

  &[data-stretch-secondary-action='never'] {
    justify-content: space-between;
  }

  &:where([data-stretch-secondary-action='only-big']) {
    @media screen and (--viewportRange-narrow) {
      justify-content: space-between;
    }
  }

  &:where([data-stretch-save-button='only-small']) {
    justify-content: space-between;

    @media screen and (--viewportRange-narrow) {
      justify-content: center;
    }
  }
}

.prc-SelectPanel-SecondaryAction-aWzLU {
  flex-grow: 1;
  align-items: stretch;
  display: flex;
  justify-content: center;

  &[data-stretch-secondary-action='never'] {
    flex-grow: 0;
    align-items: flex-start;
  }

  &:where([data-stretch-secondary-action='only-big']) {
    @media screen and (--viewportRange-narrow) {
      flex-grow: 0;
      align-items: flex-start;
    }
  }
}

.prc-SelectPanel-CancelSaveButtons-kk2cT {
  display: flex;
  gap: var(--stack-gap-condensed);
  justify-content: flex-end;
}

.prc-SelectPanel-ResponsiveCancelSaveButtons-j1--s {
  display: none;

  @media screen and (--viewportRange-narrow) {
    display: flex;
    gap: var(--stack-gap-condensed);
    justify-content: flex-end;
  }
}

.prc-SelectPanel-ResponsiveSaveButton-Ooz4Y {
  display: none;

  @media screen and (--viewportRange-narrow) {
    display: flex;
  }

  &:where([data-stretch-save-button='only-small']) {
    @media screen and (--viewportRange-narrow) {
      flex-grow: 1;
    }
  }
}

.prc-SelectPanel-Backdrop-7XJa- {
  position: absolute;
  inset: 0;
  background-color: var(--overlay-backdrop-bgColor);
}

.prc-SelectPanel-TextInput-TjXuJ {
  margin: var(--base-size-8);
}

.prc-Token-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;
  /* stylelint-disable-next-line primer/typography */
  line-height: 1;
}

.prc-Token-TokenBase-PfQzJ:where([data-cursor-is-interactive='true']) {
  cursor: pointer;
}

.prc-Token-TokenBase-PfQzJ:where([data-cursor-is-interactive='false']) {
  cursor: auto;
}

.prc-Token-TokenBase-PfQzJ:where([data-size='small']) {
  width: auto;
  height: var(--base-size-16);
  padding-right: var(--base-size-4);
  padding-left: var(--base-size-4);
  font-size: var(--text-body-size-small);
}

.prc-Token-TokenBase-PfQzJ:where([data-size='medium']) {
  width: auto;
  height: var(--base-size-20);
  padding-right: var(--base-size-6);
  padding-left: var(--base-size-6);
  font-size: var(--text-body-size-small);
}

.prc-Token-TokenBase-PfQzJ[data-size='large'] {
  width: auto;
  height: var(--base-size-24);
  padding-right: var(--base-size-8);
  padding-left: var(--base-size-8);
  font-size: var(--text-body-size-medium);
}

.prc-Token-TokenBase-PfQzJ[data-size='xlarge'] {
  width: auto;
  height: var(--base-size-32);
  padding-top: 0;
  padding-right: var(--base-size-12);
  padding-bottom: 0;
  padding-left: var(--base-size-12);
  font-size: var(--text-body-size-medium);
}

.prc-Token-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-Token-TokenButton-F4Y8h[data-size='small'] {
  width: var(--base-size-16);
  height: var(--base-size-16);
}

.prc-Token-TokenButton-F4Y8h[data-size='medium'] {
  width: var(--base-size-20);
  height: var(--base-size-20);
}

.prc-Token-TokenButton-F4Y8h[data-size='large'] {
  width: var(--base-size-24);
  height: var(--base-size-24);
  margin-left: var(--base-size-6);
}

.prc-Token-TokenButton-F4Y8h[data-size='xlarge'] {
  width: var(--base-size-32);
  height: var(--base-size-32);
  margin-left: var(--base-size-6);
}

.prc-Token-TokenButton-F4Y8h:hover,
.prc-Token-TokenButton-F4Y8h:focus {
  background-color: var(--control-transparent-bgColor-hover);
}

.prc-Token-TokenButton-F4Y8h:active {
  background-color: var(--control-transparent-bgColor-active);
}

.prc-Token-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-Token-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-Token-TokenTextContainer--rlDJ:is(a, button, [tabIndex='0'])::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}

.prc-Token-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-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-Token-L2-At:where([data-is-selected='true']) {
  color: var(--fgColor-default);
  border-style: solid;
  border-color: var(--borderColor-emphasis);
}

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

.prc-Token-LeadingVisualContainer-YTg7O {
  margin-right: var(--base-size-4);
  /* stylelint-disable-next-line primer/typography */
  line-height: 0;
  flex-shrink: 0;
}

.prc-Token-LargeLeadingVisual-UdxDk {
  margin-right: var(--base-size-6);
}

.prc-TextInputWithTokens-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='true']) {
    overflow: auto;
  }
}

.prc-TextInputWithTokens-UnstyledTextInput-F582M {
  height: 100%;
}

.prc-TextInputWithTokens-InputWrapper-wloGg {
  order: 1;
  flex-grow: 1;
}

.prc-TextInputWithTokens-Container-mBzq- {
  display: flex;
  margin-bottom: calc(var(--base-size-4) * -1);
  margin-left: calc(var(--base-size-4) * -1);
  align-items: center;
  flex-wrap: wrap;
  flex-grow: 1;

  &:where([data-prevent-token-wrapping='true']) {
    flex-wrap: nowrap;
  }

  > * {
    margin-bottom: var(--base-size-4);
    margin-left: var(--base-size-4);
    flex-shrink: 0;
  }
}

.prc-TextInputWithTokens-OverflowCountSmall-vCbgE {
  color: var(--fgColor-muted);
  font-size: var(--text-body-size-small);
}

.prc-TextInputWithTokens-OverflowCountMedium-qZ-zr {
  color: var(--fgColor-muted);
  font-size: var(--text-body-size-medium);
}

.prc-TextInputWithTokens-OverflowCountLarge-NsqJO {
  color: var(--fgColor-muted);
  font-size: var(--text-body-size-medium);
}

.prc-TextInputWithTokens-OverflowCountXLarge-an68i {
  color: var(--fgColor-muted);
  font-size: var(--text-body-size-large);
}

.prc-Textarea-TextArea-13q4j {
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  resize: both;
  background-color: transparent;
  border: 0;
  appearance: none;
}

.prc-Textarea-TextArea-13q4j:focus {
  outline: 0;
}

.prc-Textarea-TextArea-13q4j[data-resize='none'] {
  resize: none;
}

.prc-Textarea-TextArea-13q4j[data-resize='both'] {
  resize: both;
}

.prc-Textarea-TextArea-13q4j[data-resize='horizontal'] {
  resize: horizontal;
}

.prc-Textarea-TextArea-13q4j[data-resize='vertical'] {
  resize: vertical;
}

.prc-Textarea-TextArea-13q4j:disabled {
  resize: none;
}

.prc-Textarea-CharacterCounter-rlQCV {
  display: flex;
  align-items: center;
  gap: var(--control-xsmall-gap);
  color: var(--fgColor-muted);
}

.prc-Textarea-CharacterCounter--error-6IIwR {
  color: var(--fgColor-danger);
}

.prc-FormControl-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-components-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(--control-fgColor-disabled);
    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-components-RequiredText-ztJvt {
  display: flex;
  column-gap: var(--base-size-4);
}

.prc-FormControl-LeadingVisual-Gycks {
  --leadingVisual-size: 16px;

  color: var(--fgColor-default);
  display: flex;
  align-items: center;

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

  & > * {
    min-width: var(--leadingVisual-size);
    min-height: var(--leadingVisual-size);
    fill: currentColor;
  }

  &:where([data-has-caption]) {
    --leadingVisual-size: 24px;
  }
}

.prc-FormControl-ControlHorizontalLayout-GkYZF {
  display: flex;

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

.prc-FormControl-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-FormControl-ControlChoiceInputs-VxfAy > input {
  margin-right: 0;
  margin-left: 0;
}

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

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

.prc-FormControl-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-CircleBadge-CircleBadge-AFS8i {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bgColor-default);
  border-radius: 50%;
  box-shadow: var(--shadow-resting-medium);

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

.prc-CircleBadge-CircleBadgeIcon-sUrCi {
  height: auto;
  max-height: 55%;
  max-width: 60%;
}

/* ─── Card ─── */

.prc-Card-Card-V8ZCH {
  border-radius: var(--borderRadius-large);
  border: var(--borderWidth-thin) solid var(--borderColor-default);
  background-color: var(--bgColor-default);
  overflow: hidden;
  padding: var(--base-size-8);
  transition:
    border-color var(--base-duration-fast) var(--base-easing-easeInOut),
    box-shadow var(--base-duration-fast) var(--base-easing-easeInOut);

  &:where([data-interactive]) {
    cursor: pointer;

    @media (hover: hover) {
      &:hover {
        border-color: var(--borderColor-muted);
        box-shadow: var(--shadow-medium);
      }
    }

    &:active {
      box-shadow: var(--shadow-small);
    }
  }

  &:where([data-padding='none']) {
    padding: 0;
  }

  &:where([data-layout='horizontal']) {
    display: flex;
    flex-direction: row;
    padding: 0;

    /* CSS custom property API for child sub-components */
    --card-body-direction: row;
    --card-body-align: center;
    --card-body-gap: var(--base-size-16);
    --card-body-padding: var(--base-size-16);
    --card-media-borderRadius: 0;
    --card-media-alignSelf: stretch;
  }

}

/* ─── Card.Hero ─── */

.prc-Card-CardHero-MpzuB {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--base-size-12);
  margin: var(--base-size-12) var(--base-size-12) 0;
  border-radius: var(--borderRadius-medium);
  color: var(--fgColor-onEmphasis);

  &:where([data-variant='accent']) {
    background: linear-gradient(135deg, var(--bgColor-accent-muted), var(--bgColor-accent-emphasis));
  }

  &:where([data-variant='purple']) {
    background: linear-gradient(135deg, var(--bgColor-done-muted), var(--bgColor-done-emphasis));
  }

  &:where([data-variant='warm']) {
    background: linear-gradient(135deg, var(--bgColor-attention-muted), var(--bgColor-attention-emphasis));
  }

  &:where([data-variant='success']) {
    background: linear-gradient(135deg, var(--bgColor-success-muted), var(--bgColor-success-emphasis));
  }

  &:where([data-variant='danger']) {
    background: linear-gradient(135deg, var(--bgColor-danger-muted), var(--bgColor-danger-emphasis));
  }
}

/* ─── Card.Body ─── */

.prc-Card-CardBody-W4-8A {
  display: flex;
  flex-direction: var(--card-body-direction, column);
  align-items: var(--card-body-align, stretch);
  gap: var(--card-body-gap, var(--base-size-12));
  padding: var(--card-body-padding, var(--base-size-8));
  flex: 1;
  min-width: 0;
}

/* ─── Card.Title ─── */

.prc-Card-CardTitle-urTMv {
  margin: 0;
  font-size: var(--text-body-size-large, 1rem);
  font-weight: var(--base-text-weight-semibold);
  line-height: var(--text-body-lineHeight-large, 1.5);
  color: inherit;
}

/* ─── Card.Subtitle ─── */

.prc-Card-CardSubtitle--6-cZ {
  margin: 0;
  font-size: var(--text-body-size-medium, 0.875rem);
  line-height: var(--text-body-lineHeight-medium, 1.5);
  color: var(--fgColor-default);
}

/* ─── Card.Description ─── */

.prc-Card-CardDescription-qO1YN {
  margin: 0;
  font-size: var(--text-body-size-medium, 0.875rem);
  line-height: var(--text-body-lineHeight-medium, 1.5);
  color: var(--fgColor-muted);
}

/* ─── Card.Content ─── */

.prc-Card-CardContent-m9M9w {
  display: flex;
  flex-direction: column;
  gap: var(--base-size-4);
  flex: 1;
  min-width: 0;
}

/* ─── Card.Media ─── */

.prc-Card-CardMedia-e6QhQ {
  overflow: hidden;
  background-color: var(--bgColor-inset);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: var(--card-media-borderRadius, var(--borderRadius-medium));
  align-self: var(--card-media-alignSelf, auto);
}

/* ─── Card.Header ─── */

.prc-Card-CardHeader-4ZAYK {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: var(--base-size-8);
}

/* ─── Card.Actions ─── */

.prc-Card-CardActions-N1XzH {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: var(--base-size-8);
  flex-shrink: 0;
}

.prc-Charts-ChartCard-iUFWG {
  display: flex;
  flex-direction: column;
  gap: var(--base-size-12);
  border: var(--borderWidth-thin) solid var(--borderColor-default);
  border-radius: var(--borderRadius-large);
  background: var(--bgColor-default);
  padding: var(--base-size-16);
  min-width: 0;
}

.prc-Charts-ChartCardHeader-sd0XQ {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--base-size-12);
}

.prc-Charts-ChartCardHeading-0KjOs {
  display: flex;
  flex-direction: column;
  gap: var(--base-size-4);
  min-width: 0;
}

.prc-Charts-ChartCardTitle-J21J8 {
  margin: 0;
  color: var(--fgColor-default);
  font-size: var(--text-body-size-large, 1rem);
  font-weight: var(--base-text-weight-semibold);
  line-height: var(--text-body-lineHeight-large, 1.5);
}

.prc-Charts-ChartCardDescription-66HYE {
  margin: 0;
  color: var(--fgColor-muted);
  font-size: var(--text-body-size-medium, 0.875rem);
  line-height: var(--text-body-lineHeight-medium, 1.5);
}

.prc-Charts-ChartCardAction--s4wI {
  flex-shrink: 0;
}

.prc-Charts-ChartCardBody-LAJNC {
  min-width: 0;
}

.prc-Charts-ChartCardFooter-PjByb {
  color: var(--fgColor-muted);
  font-size: var(--text-body-size-small, 0.75rem);
  line-height: var(--text-body-lineHeight-small, 1.5);
}

.prc-Charts-ChartViewport-iQuCt {
  position: relative;
  min-width: 0;
  width: 100%;
}

.prc-ChatComposer-ChatComposer-s-Dvq {
  display: grid;
  width: 100%;
  min-height: calc(var(--base-size-80) + var(--base-size-16));
  padding: var(--base-size-12);
  overflow: clip;
  color: var(--fgColor-default);
  cursor: text;
  background-color: var(--bgColor-default);
  border: var(--borderWidth-thin) solid color-mix(in srgb, var(--borderColor-muted) 38%, var(--bgColor-transparent));
  border-radius: var(--base-size-20);
  box-shadow: var(--shadow-resting-xsmall);
  gap: var(--base-size-8);
  grid-template-areas:
    'primary primary primary'
    'leading footer trailing';
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-rows: minmax(var(--base-size-20), 1fr) var(--base-size-36);
  transition: border-color 120ms ease-in-out, box-shadow 120ms ease-in-out, background-color 120ms ease-in-out;
}

.prc-ChatComposer-ChatComposer-s-Dvq:focus-within {
  border-color: var(--control-borderColor-emphasis);
  box-shadow: var(--shadow-resting-xsmall);
  outline: none;
}

.prc-ChatComposer-ChatComposerTextarea-t35QQ {
  grid-area: primary;
  width: 100%;
  min-width: 0;
  height: var(--base-size-20);
  min-height: var(--base-size-20);
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  align-self: start;
  font-family: inherit;
  font-size: var(--text-body-size-medium);
  line-height: var(--base-size-20);
  color: inherit;
  resize: none;
  background-color: transparent;
  border: 0;
  outline: 0;
  appearance: none;
}

.prc-ChatComposer-ChatComposerTextarea-t35QQ::placeholder {
  color: var(--control-fgColor-placeholder);
}

.prc-ChatComposer-ChatComposerTextarea-t35QQ:disabled {
  cursor: not-allowed;
}

.prc-ChatComposer-ChatComposer-s-Dvq[data-disabled] {
  color: var(--fgColor-disabled);
  background-color: var(--control-bgColor-disabled);
  border-color: var(--control-borderColor-disabled);
  box-shadow: none;
}

.prc-ChatComposer-ChatComposerAction--D1xB,
.prc-ChatComposer-ChatComposerSend-usWTe {
  display: inline-grid;
  padding: 0;
  font: inherit;
  cursor: pointer;
  border: 0;
  border-radius: var(--borderRadius-full);
  place-items: center;
  align-self: end;
  appearance: none;
}

.prc-ChatComposer-ChatComposerAction--D1xB {
  width: var(--base-size-28);
  height: var(--base-size-28);
  grid-area: leading;
  justify-self: start;
  color: color-mix(in srgb, var(--fgColor-muted) 62%, var(--bgColor-transparent));
  background-color: var(--bgColor-transparent);
}

.prc-ChatComposer-ChatComposerAction--D1xB:hover {
  color: var(--fgColor-muted);
  background-color: var(--button-invisible-bgColor-hover);
}

.prc-ChatComposer-ChatComposerSend-usWTe {
  width: var(--base-size-36);
  height: var(--base-size-36);
  grid-area: trailing;
  justify-self: end;
  color: var(--fgColor-muted);
  background-color: var(--bgColor-neutral-muted);
}

.prc-ChatComposer-ChatComposerSend-usWTe:hover {
  background-color: color-mix(in srgb, var(--bgColor-neutral-muted) 76%, var(--fgColor-muted));
}

.prc-ChatComposer-ChatComposer-s-Dvq[data-has-value] .prc-ChatComposer-ChatComposerSend-usWTe {
  color: var(--fgColor-onEmphasis);
  background-color: var(--bgColor-neutral-emphasis);
}

.prc-ChatComposer-ChatComposer-s-Dvq[data-has-value] .prc-ChatComposer-ChatComposerSend-usWTe:hover {
  background-color: color-mix(in srgb, var(--bgColor-neutral-emphasis) 86%, var(--fgColor-default));
}

.prc-ChatComposer-ChatComposerAction--D1xB:focus-visible,
.prc-ChatComposer-ChatComposerSend-usWTe:focus-visible {
  outline: var(--borderWidth-thick) solid color-mix(in srgb, var(--fgColor-muted) 45%, var(--bgColor-transparent));
  outline-offset: var(--base-size-2);
}

.prc-ChatComposer-ChatComposerAction--D1xB:disabled,
.prc-ChatComposer-ChatComposerSend-usWTe:disabled {
  cursor: not-allowed;
  color: var(--fgColor-disabled);
  background-color: var(--control-bgColor-disabled);
}

[data-color-mode='dark'] .prc-ChatComposer-ChatComposer-s-Dvq {
  background-color: color-mix(in srgb, var(--fgColor-default) 10%, var(--bgColor-muted));
  border-color: color-mix(in srgb, var(--fgColor-default) 14%, var(--borderColor-muted));
  box-shadow: var(--shadow-floating-small);
}

[data-color-mode='dark'] .prc-ChatComposer-ChatComposerAction--D1xB {
  color: color-mix(in srgb, var(--fgColor-onEmphasis) 82%, var(--bgColor-transparent));
}

[data-color-mode='dark'] .prc-ChatComposer-ChatComposerSend-usWTe {
  color: var(--fgColor-onEmphasis);
}

@media (prefers-color-scheme: dark) {
  [data-color-mode='auto'][data-dark-theme*='dark'] .prc-ChatComposer-ChatComposer-s-Dvq {
    background-color: color-mix(in srgb, var(--fgColor-default) 10%, var(--bgColor-muted));
    border-color: color-mix(in srgb, var(--fgColor-default) 14%, var(--borderColor-muted));
    box-shadow: var(--shadow-floating-small);
  }

  [data-color-mode='auto'][data-dark-theme*='dark'] .prc-ChatComposer-ChatComposerAction--D1xB {
    color: color-mix(in srgb, var(--fgColor-onEmphasis) 82%, var(--bgColor-transparent));
  }

  [data-color-mode='auto'][data-dark-theme*='dark'] .prc-ChatComposer-ChatComposerSend-usWTe {
    color: var(--fgColor-onEmphasis);
  }
}

.prc-Header-Header-RoCS8 {
  z-index: 32;
  display: flex;
  padding: var(--base-size-12);
  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);
  border-bottom: var(--borderWidth-thin) solid var(--header-borderColor-divider);
  align-items: center;
  flex-wrap: nowrap;
}

.prc-Header-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-Header-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);
  }
}

/* Breadcrumbs */
.prc-Header-Breadcrumbs-092cb {
  display: flex;
  align-items: center;
  gap: var(--base-size-4);
}

.prc-Header-BreadcrumbText-b9UZJ {
  font-size: var(--text-body-size-medium);
  color: var(--fgColor-default);
}

.prc-Header-BreadcrumbBold-VF5B0 {
  font-size: var(--text-body-size-medium);
  font-weight: var(--base-text-weight-semibold);
  color: var(--fgColor-default);
}

.prc-Header-BreadcrumbDivider-oyhe- {
  padding: 0 var(--base-size-4);
  font-size: var(--text-body-size-medium);
  color: var(--fgColor-muted);
}

/* Search */
.prc-Header-SearchWrapper-f7sxl {
  position: relative;
  display: flex;
  align-items: center;
  width: 260px;
}

.prc-Header-SearchIcon-CvmQ7 {
  position: absolute;
  left: var(--base-size-8);
  color: var(--fgColor-muted);
  pointer-events: none;
}

.prc-Header-SearchInput-1c4XG {
  width: 100%;
  padding: var(--base-size-4) var(--base-size-8) var(--base-size-4) var(--base-size-32);
  font-size: var(--text-body-size-small);
  color: var(--fgColor-default);
  background-color: var(--control-bgColor-rest);
  border: var(--borderWidth-thin) solid var(--control-borderColor-rest);
  border-radius: var(--borderRadius-medium);
  outline: none;

  &::placeholder {
    color: var(--control-fgColor-placeholder);
  }

  &:focus {
    border-color: var(--control-borderColor-emphasis);
    outline: none;
  }
}

:where(.prc-Label-Label--LG6X) {
  display: inline-flex;
  width: fit-content;
  /* stylelint-disable-next-line primer/typography */
  font-size: calc(var(--text-caption-size) - var(--base-size-2));
  font-weight: var(--base-text-weight-normal);
  /* stylelint-disable-next-line primer/typography */
  line-height: 1;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--fgColor-default);
  white-space: nowrap;
  background-color: transparent;
  border-style: solid;
  border-width: var(--borderWidth-thin);
  border-radius: var(--borderRadius-medium);
  align-items: center;

  &:where([data-size='compact']) {
    min-height: var(--base-size-20);
    padding: 0 var(--base-size-6);
    /* stylelint-disable-next-line primer/typography */
    font-size: calc(var(--text-caption-size) - var(--base-size-4));
    letter-spacing: 0.05em;
  }

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

  &:where([data-size='large']) {
    min-height: var(--base-size-28);
    padding: 0 calc(var(--base-size-8) + var(--base-size-2));
    font-size: var(--text-body-size-medium);
    letter-spacing: 0.04em;
  }

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

  &:where([data-variant='primary']) {
    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-onEmphasis);
    background-color: var(--bgColor-accent-emphasis);
    border-color: transparent;
  }

  &:where([data-variant='success']) {
    color: var(--fgColor-success);
    background-color: var(--bgColor-success-muted);
    border-color: transparent;
  }

  &:where([data-variant='attention']) {
    color: var(--fgColor-attention);
    background-color: var(--bgColor-attention-muted);
    border-color: transparent;
  }

  &:where([data-variant='severe']) {
    color: var(--fgColor-severe);
    background-color: var(--bgColor-severe-muted);
    border-color: transparent;
  }

  &:where([data-variant='danger']) {
    color: var(--fgColor-danger);
    background-color: var(--bgColor-danger-muted);
    border-color: transparent;
  }

  &:where([data-variant='done']) {
    color: var(--fgColor-done);
    background-color: var(--bgColor-done-muted);
    border-color: transparent;
  }

  &:where([data-variant='sponsors']) {
    color: var(--fgColor-sponsors);
    background-color: var(--bgColor-sponsors-muted);
    border-color: transparent;
  }
}

.prc-LabelGroup-Container-0bBKg {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--base-size-4);
  /* stylelint-disable-next-line primer/typography */
  line-height: 1;
  max-width: 100%;
  overflow: hidden;

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

  &:where([data-list]) {
    padding-inline-start: 0;
    margin-block-start: 0;
    margin-block-end: 0;
    list-style-type: none;
  }
}

.prc-LabelGroup-ItemWrapper-ETvGq {
  display: flex;
  align-items: center;
  /* This min-height matches the height of the expand/collapse button.
     Without it, the labels/tokens will do a slight layout shift when expanded.
     This is because the height of the first row will match the token sizes,
     but the height of the second row will be the height of the collapse button.
  */
  min-height: 28px;
}

.prc-LabelGroup-ItemWrapper--hidden-HzoA1 {
  order: 9999;
  pointer-events: none;
  visibility: hidden;
}

.prc-LabelGroup-OverlayContainer-pt4uv {
  align-items: flex-start;
  display: flex;
}

.prc-LabelGroup-OverlayInner-qvwGT {
  display: flex;
  flex-wrap: wrap;
  gap: var(--base-size-4);
}

.prc-LabelGroup-CloseButton-GyJi3 {
  flex-shrink: 0;
}

.prc-NavList-GroupHeading-KIlSv > a {
  color: var(--fgColor-default);
  text-decoration: inherit;
}

.prc-NavList-GroupHeading-KIlSv > a:hover {
  text-decoration: underline;
}

.prc-Pagination-Page-yoEQf {
  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);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.prc-Pagination-Page-yoEQf[rel='prev'] > svg,
.prc-Pagination-Page-yoEQf[rel='next'] > svg {
  /* sizing with `em` so icons scale with inherited font-size */
  height: 1em;
  width: 1em;
}

.prc-Pagination-Page-yoEQf[rel='prev'] > svg {
  margin-inline-end: var(--base-size-4);
}

.prc-Pagination-Page-yoEQf[rel='next'] > svg {
  margin-inline-start: var(--base-size-4);
}

.prc-Pagination-Page-yoEQf:last-child {
  margin-right: 0;
}

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

.prc-Pagination-Page-yoEQf:focus-visible {
  outline: 2px solid var(--bgColor-accent-emphasis);
  outline-offset: -2px;
}

.prc-Pagination-Page-yoEQf:active {
  border-color: var(--borderColor-muted);
}

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

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

.prc-Pagination-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-Pagination-Page-yoEQf[aria-hidden],
.prc-Pagination-Page-yoEQf[aria-hidden]:hover,
.prc-Pagination-Page-yoEQf[role='presentation'],
.prc-Pagination-Page-yoEQf[role='presentation']:hover {
  color: var(--fgColor-disabled);
  cursor: default;
  background-color: transparent;
}

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

.prc-Pagination-TablePaginationSteps-RRjtg {
  display: inline-block;
}

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

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

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

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

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

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

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

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

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

.prc-Popover-Popover-v1ShS {
  position: absolute;
  z-index: 100;
  display: none;

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

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

.prc-Popover-PopoverContent-nMzFS {
  position: relative;
  padding: var(--base-size-24);
  margin-right: auto;
  margin-left: auto;
  background-color: var(--overlay-bgColor);
  border-radius: var(--borderRadius-medium);
  box-shadow: var(--shadow-floating-small);

  /* 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);
    }
  }

  &:where([data-width='xsmall']) {
    width: var(--overlay-width-xsmall);
  }

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

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

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

  &:where([data-width='xlarge']) {
    width: var(--overlay-width-xlarge);
  }

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

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

  &:where([data-height='medium']) {
    height: var(--overlay-height-medium);
  }

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

  &:where([data-height='xlarge']) {
    height: var(--overlay-height-xlarge);
  }

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

  &:where([data-height='auto']) {
    height: auto;
  }
}

@keyframes prc-ProgressBar-shimmer-i1RxN {
  from {
    mask-position: 200%;
  }

  to {
    mask-position: 0%;
  }
}

.prc-ProgressBar-ProgressBarItem-stL6O {
  /* these are passed from the component */
  --progress-width: ;
  --progress-bg: ;

  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%, rgb(0, 0, 0, 0.65) 80%);
      mask-size: 200%;
      animation-name: prc-ProgressBar-shimmer-i1RxN;
      animation-duration: 1s;
      animation-iteration-count: infinite;
    }
  }
}

.prc-ProgressBar-ProgressBarContainer-E-z8S {
  display: flex;
  overflow: hidden;
  background-color: var(--progressBar-track-bgColor);
  border-radius: var(--borderRadius-small);
  gap: 2px;
  outline: solid 1px var(--progressBar-track-borderColor);
  outline-offset: -1px;

  &: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;
  }
}

@media (forced-colors: active) {
  :root {
    --progress-bg: LinkText;
    --progressBar-track-bgColor: CanvasText;
  }

  .prc-ProgressBar-ProgressBarContainer-E-z8S,
  .prc-ProgressBar-ProgressBarItem-stL6O {
    forced-color-adjust: none;
  }
}

.prc-SegmentedControl-SegmentedControl-e7570 {
  /* TODO: use primitive `control.medium.size` when it is available instead of '32px' */
  --segmented-control-icon-width: 32px;
  --segmented-control-track-padding: var(--base-size-2);
  --segmented-control-track-gap: var(--base-size-2);

  display: inline-flex;

  min-height: var(--control-medium-size);
  padding: var(--segmented-control-track-padding);
  margin: 0;
  gap: var(--segmented-control-track-gap);
  font-size: var(--text-body-size-medium);
  background-color: var(--bgColor-muted);
  background-color: var(--bgColor-muted);
  border: var(--borderWidth-thin) solid var(--bgColor-transparent);
  border-color: color-mix(in srgb, var(--borderColor-muted) 35%, var(--bgColor-transparent));
  border-radius: var(--borderRadius-large);

  /* Responsive full-width */
  &[data-full-width='true'] {
    display: flex;
    width: 100%;

    --segmented-control-icon-width: 100%;
  }

  &[data-full-width='false'] {
    display: inline-flex;
    width: auto;

    --segmented-control-icon-width: 32px;
  }

  @media (--viewportRange-narrow) {
    &[data-full-width-narrow='true'] {
      display: flex;
      width: 100%;

      --segmented-control-icon-width: 100%;
    }

    &[data-full-width-narrow='false'] {
      display: inline-flex;
      width: auto;

      --segmented-control-icon-width: 32px;
    }
  }

  @media (--viewportRange-regular) {
    &[data-full-width-regular='true'] {
      display: flex;
      width: 100%;

      --segmented-control-icon-width: 100%;
    }

    &[data-full-width-regular='false'] {
      display: inline-flex;
      width: auto;

      --segmented-control-icon-width: 32px;
    }
  }

  @media (--viewportRange-wide) {
    &[data-full-width-wide='true'] {
      display: flex;
      width: 100%;

      --segmented-control-icon-width: 100%;
    }

    &[data-full-width-wide='false'] {
      display: inline-flex;
      width: auto;

      --segmented-control-icon-width: 32px;
    }

    &[data-full-width-regular='true']:not([data-full-width-wide='true']) {
      display: inline-flex;
      width: auto;

      --segmented-control-icon-width: 32px;
    }
  }

  /* Hide when dropdown variant is active */
  &[data-variant='dropdown'] {
    display: none;
  }

  /* Handle hideLabels variant - hide button text */
  &[data-variant='hideLabels'] .prc-SegmentedControl-Text-c5gSh {
    display: none;
  }

  @media (--viewportRange-narrow) {
    &[data-variant-narrow='dropdown'] {
      display: none;
    }

    &[data-variant-narrow='hideLabels'] .prc-SegmentedControl-Text-c5gSh {
      display: none;
    }
  }

  @media (--viewportRange-regular) {
    &[data-variant-regular='dropdown'] {
      display: none;
    }

    &[data-variant-regular='hideLabels'] .prc-SegmentedControl-Text-c5gSh {
      display: none;
    }
  }

  @media (--viewportRange-wide) {
    &[data-variant-wide='dropdown'] {
      display: none;
    }

    &[data-variant-wide='hideLabels'] .prc-SegmentedControl-Text-c5gSh {
      display: none;
    }
  }

  &:where([data-size='small']) {
    min-height: var(--control-small-size);
    font-size: var(--text-body-size-small);
  }

  /* Detail-section tabs: hug width, tight track, medium typography (validated in Accounting) */
  &:where([data-density='compact']) {
    width: fit-content;
    max-width: 100%;
    min-height: var(--base-size-36);
  }
}

.prc-SegmentedControl-SegmentedControl-e7570:where([data-density='compact']) .prc-SegmentedControl-Item-7Aq6h {
  flex-grow: 0;
  flex-shrink: 0;
}

.prc-SegmentedControl-SegmentedControl-e7570:where([data-density='compact']) .prc-SegmentedControl-Button-ojWXD {
  width: auto;
}

.prc-SegmentedControl-SegmentedControl-e7570:where([data-density='compact']) .prc-SegmentedControl-Content-gnQ4n {
  gap: var(--base-size-6);
  min-height: var(--base-size-28);
  width: auto;
}

.prc-SegmentedControl-SegmentedControl-e7570:where([data-density='compact']) .prc-SegmentedControl-LeadingIcon-dAHA8 {
  margin-right: var(--base-size-6);
}

[data-color-mode='dark'] .prc-SegmentedControl-SegmentedControl-e7570 {
  background-color: var(--controlTrack-bgColor-rest);
  border-color: color-mix(in srgb, var(--borderColor-muted) 70%, var(--bgColor-transparent));
}

@media (prefers-color-scheme: dark) {
  [data-color-mode='auto'][data-dark-theme*='dark'] .prc-SegmentedControl-SegmentedControl-e7570 {
    background-color: var(--controlTrack-bgColor-rest);
    border-color: color-mix(in srgb, var(--borderColor-muted) 70%, var(--bgColor-transparent));
  }
}

.prc-SegmentedControl-DropdownContainer-QSnSd {
  display: none;

  /* Show when dropdown variant is active */
  &[data-variant='dropdown'] {
    display: block;
  }

  @media (--viewportRange-narrow) {
    &[data-variant-narrow='dropdown'] {
      display: block;
    }
  }

  @media (--viewportRange-regular) {
    &[data-variant-regular='dropdown'] {
      display: block;
    }
  }

  @media (--viewportRange-wide) {
    &[data-variant-wide='dropdown'] {
      display: block;
    }
  }
}

.prc-SegmentedControl-Item-7Aq6h {
  position: relative;
  display: block;
  flex-grow: 1;

  &:not(:last-child)::after {
    display: none;
  }

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


  .prc-SegmentedControl-Counter--H-pM {
    margin-inline-start: var(--base-size-8);
    display: flex;
    align-items: center;
  }
}

.prc-SegmentedControl-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: 0px;
  /* stylelint-disable-next-line primer/borders */
  --segmented-control-outer-radius: calc(var(--borderRadius-large) - var(--base-size-2));

  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);
    color: 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;
  }

  &[aria-disabled='true']:not([aria-current='true']) {
    cursor: not-allowed;
    color: var(--fgColor-disabled);
    background-color: transparent;

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

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

.prc-SegmentedControl-IconButton-O80Eh {
  width: var(--segmented-control-icon-width, 32px);
}

.prc-SegmentedControl-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));
  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-SegmentedControl-Button-ojWXD[aria-current='true'] {
  padding: 0;
  font-weight: var(--base-text-weight-semibold);

  .prc-SegmentedControl-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(--bgColor-transparent);
    /* stylelint-disable-next-line primer/borders */
    border-radius: var(--segmented-control-outer-radius);
  }
}

.prc-SegmentedControl-Button-ojWXD:not([aria-current='true'], [aria-disabled='true']) {
  &:hover .prc-SegmentedControl-Content-gnQ4n {
    background-color: var(--bgColor-default);
  }

  &:active .prc-SegmentedControl-Content-gnQ4n {
    background-color: var(--controlTrack-bgColor-active);
  }
}

.prc-SegmentedControl-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-SegmentedControl-LeadingIcon-dAHA8 {
  margin-right: var(--base-size-4);
}

/* Scrollbar component
 * Los estilos visuales del thumb/track (colores, ancho) ya son globales —
 * viven en BaseStyles.module.css y se aplican automáticamente a cualquier
 * elemento scrollable dentro de un ThemeProvider/BaseStyles wrapper.
 *
 * Este módulo solo gestiona:
 *   - overflow según direction
 *   - position: relative (buena práctica — evita que children absolutos rompan el layout)
 *   - padding interno según la prop padding
 */

.prc-Scrollbar-Scrollbar-G0JP5 {
  position: relative;
  /* direction: vertical (default) */
  overflow-y: auto;
  overflow-x: hidden;
}

/* ── Direction variants ──────────────────────────────────────────────────── */

.prc-Scrollbar-Scrollbar-G0JP5:where([data-direction='horizontal']) {
  overflow-x: auto;
  overflow-y: hidden;
}

.prc-Scrollbar-Scrollbar-G0JP5:where([data-direction='both']) {
  overflow: auto;
}

/* ── Padding variants ────────────────────────────────────────────────────── */

.prc-Scrollbar-Scrollbar-G0JP5:where([data-padding='condensed']) {
  padding: var(--base-size-8, 8px);
}

.prc-Scrollbar-Scrollbar-G0JP5:where([data-padding='normal']) {
  padding: var(--base-size-16, 16px);
}

.prc-Scrollbar-Scrollbar-G0JP5:where([data-padding='spacious']) {
  padding: var(--base-size-24, 24px);
}

.prc-src-SideNav-aJOh- {
  background-color: var(--bgColor-muted);
}

.prc-src-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-src-SideNavLink-HpDo- {
  position: relative;
  display: block;
  width: 100%;
  /* stylelint-disable-next-line primer/typography */
  font-size: 14px;
  text-align: left;
  text-decoration: none;

  & > .prc-src-SideNav-aJOh- {
    border-bottom: none;
  }

  .prc-src-SideNav-aJOh-.prc-src-SideNavVariant--normal-ZqAVW > & {
    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-src-SideNav-aJOh-.prc-src-SideNavVariant--lightweight-mcFtR > & {
    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-src-SideNavLinkFull-HSWcY {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.prc-StateLabel-StateLabel-ukDwa {
  display: inline-flex;
  align-items: center;
  font-weight: var(--base-text-weight-semibold);
  /* stylelint-disable-next-line primer/typography */
  line-height: 16px;
  color: var(--fgColor-onEmphasis);
  text-align: center;
  border-radius: var(--borderRadius-full);
}

/* Size variants */
.prc-StateLabel-StateLabel-ukDwa:where([data-size='small']) {
  padding: var(--base-size-4) var(--base-size-8);
  font-size: var(--text-body-size-small);
}

.prc-StateLabel-StateLabel-ukDwa:where([data-size='medium']) {
  padding: var(--base-size-8) var(--base-size-12);
  font-size: var(--text-body-size-medium);
}

/* Status color variants */
.prc-StateLabel-StateLabel-ukDwa:where([data-status='issueClosed']) {
  background-color: var(--bgColor-done-emphasis);
  color: var(--fgColor-onEmphasis);
  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-done-emphasis, transparent);
}

.prc-StateLabel-StateLabel-ukDwa:where([data-status='issueClosedNotPlanned']) {
  background-color: var(--bgColor-neutral-emphasis);
  color: var(--fgColor-onEmphasis);
  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-neutral-emphasis, transparent);
}

.prc-StateLabel-StateLabel-ukDwa:where([data-status='pullClosed']) {
  background-color: var(--bgColor-closed-emphasis);
  color: var(--fgColor-onEmphasis);
  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-closed-emphasis, transparent);
}

.prc-StateLabel-StateLabel-ukDwa:where([data-status='pullMerged']) {
  background-color: var(--bgColor-done-emphasis);
  color: var(--fgColor-onEmphasis);
  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-done-emphasis, transparent);
}

.prc-StateLabel-StateLabel-ukDwa:where([data-status='pullQueued']) {
  background-color: var(--bgColor-attention-emphasis);
  color: var(--fgColor-onEmphasis);
  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-attention-emphasis, transparent);
}

.prc-StateLabel-StateLabel-ukDwa:where([data-status='issueOpened']) {
  background-color: var(--bgColor-open-emphasis);
  color: var(--fgColor-onEmphasis);
  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-open-emphasis, transparent);
}

.prc-StateLabel-StateLabel-ukDwa:where([data-status='pullOpened']) {
  background-color: var(--bgColor-open-emphasis);
  color: var(--fgColor-onEmphasis);
  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-open-emphasis, transparent);
}

.prc-StateLabel-StateLabel-ukDwa:where([data-status='draft']) {
  background-color: var(--bgColor-draft-emphasis, var(--bgColor-neutral-emphasis));
  color: var(--fgColor-onEmphasis);
  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px)
    var(--borderColor-draft-emphasis, var(--borderColor-neutral-emphasis, transparent));
}

.prc-StateLabel-StateLabel-ukDwa:where([data-status='issueDraft']) {
  background-color: var(--bgColor-draft-emphasis, var(--bgColor-neutral-emphasis));
  color: var(--fgColor-onEmphasis);
  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px)
    var(--borderColor-draft-emphasis, var(--borderColor-neutral-emphasis, transparent));
}

.prc-StateLabel-StateLabel-ukDwa:where([data-status='unavailable']) {
  background-color: var(--bgColor-neutral-emphasis);
  color: var(--fgColor-onEmphasis);
  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-neutral-emphasis, transparent);
}

.prc-StateLabel-StateLabel-ukDwa:where([data-status='open']) {
  background-color: var(--bgColor-open-emphasis);
  color: var(--fgColor-onEmphasis);
  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-open-emphasis, transparent);
}

.prc-StateLabel-StateLabel-ukDwa:where([data-status='closed']) {
  background-color: var(--bgColor-done-emphasis);
  color: var(--fgColor-onEmphasis);
  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-done-emphasis, transparent);
}

.prc-StateLabel-Icon-NuDm4 {
  margin-right: var(--base-size-4);
}

.prc-StateLabel-Icon-NuDm4:where([data-size-small]) {
  width: 1em;
}

.prc-SubNav-SubNav-rjui0 {
  display: flex;
  justify-content: space-between;
}

.prc-SubNav-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-SubNav-Actions--IUp- {
  align-self: center;
}

.prc-SubNav-Links-5Qn65 {
  display: flex;
}

.prc-SubNav-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='true']) {
    color: var(--fgColor-onEmphasis);
    background-color: var(--bgColor-accent-emphasis);
    /* stylelint-disable-next-line primer/colors */
    border-color: var(--bgColor-accent-emphasis);
  }
}

.prc-ToggleSwitch-ToggleSwitch-E4lp0 {
  --toggleSwitch-transition-duration: 80ms;
  --toggleSwitch-transition-easing: cubic-bezier(0.5, 1, 0.89, 1);

  display: inline-flex;
  align-items: center;
}

.prc-ToggleSwitch-ToggleSwitch-E4lp0:where([data-status-label-position='start']) {
  flex-direction: row;
}

.prc-ToggleSwitch-ToggleSwitch-E4lp0:where([data-status-label-position='end']) {
  flex-direction: row-reverse;
}

.prc-ToggleSwitch-LoadingSpinner-jCYtC {
  display: inline-flex;
}

.prc-ToggleSwitch-LoadingSpinner-jCYtC:where([data-status-label-position='end']) {
  margin-right: 0;
  margin-left: var(--base-size-8);
}

.prc-ToggleSwitch-StatusText-hWpj2 {
  margin-left: var(--base-size-8);
  margin-right: var(--base-size-8);
  position: relative;
  color: var(--fgColor-default);
  font-size: var(--text-body-size-medium);
  cursor: pointer;
}

.prc-ToggleSwitch-StatusText-hWpj2:where([data-disabled='true']) {
  cursor: not-allowed;
  color: var(--fgColor-muted);
}

.prc-ToggleSwitch-StatusText-hWpj2:where([data-size='small']) {
  font-size: var(--text-body-size-small);
}

.prc-ToggleSwitch-StatusText-hWpj2:where([data-size='medium']) {
  font-size: var(--text-body-size-medium);
}

.prc-ToggleSwitch-StatusTextItem-fvvXa {
  display: block;
  text-align: right;
}

.prc-ToggleSwitch-StatusTextItem-fvvXa:where([data-hidden='true']) {
  visibility: hidden;
  height: 0;
}

.prc-ToggleSwitch-SwitchButton-5LRHX {
  cursor: pointer;
  user-select: none;
  appearance: none;
  text-decoration: none;
  padding: 0;
  transition-property: background-color, border-color;
  transition-duration: var(--toggleSwitch-transition-duration);
  transition-timing-function: var(--toggleSwitch-transition-easing);
  border-radius: var(--borderRadius-medium);
  border-style: solid;
  border-width: var(--borderWidth-thin);
  display: block;
  position: relative;
  overflow: hidden;

  /* Default medium size */
  height: 32px;
  width: 64px;

  /* Focus styles */
  &:focus-visible {
    outline: 2px solid var(--focus-outlineColor);
    outline-offset: 3px;
  }

  &:focus:not(:focus-visible) {
    outline: solid 1px transparent;
  }

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

  /* Reduced motion support */
  @media (prefers-reduced-motion) {
    transition: none;

    * {
      transition: none;
    }
  }
}

/* Size variants */
.prc-ToggleSwitch-SwitchButton-5LRHX:where([data-size='small']) {
  height: 24px;
  width: 48px;
}

/* State variants */
.prc-ToggleSwitch-SwitchButton-5LRHX:where([data-disabled='true']) {
  /* stylelint-disable-next-line primer/colors */
  background-color: var(--controlTrack-bgColor-disabled, var(--color-switch-track-disabled-bg, #8c959f));
  border-color: transparent;
  cursor: not-allowed;
  transition-property: none;

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

.prc-ToggleSwitch-SwitchButton-5LRHX:where([data-checked='false']:not([data-disabled='true'])) {
  /* stylelint-disable-next-line primer/colors */
  background-color: var(--controlTrack-bgColor-rest, var(--color-switch-track-bg, #eaeef2));
  border-color: var(--controlTrack-borderColor-rest);
}

.prc-ToggleSwitch-SwitchButton-5LRHX:where([data-checked='false']:not([data-disabled='true']):hover),
.prc-ToggleSwitch-SwitchButton-5LRHX:where([data-checked='false']:not([data-disabled='true']):focus-visible) {
  /* stylelint-disable-next-line primer/colors */
  background-color: var(--controlTrack-bgColor-hover, var(--color-switch-track-hover-bg, hsl(210deg, 24%, 90%, 1)));
}

.prc-ToggleSwitch-SwitchButton-5LRHX:where([data-checked='false']:not([data-disabled='true']):active),
.prc-ToggleSwitch-SwitchButton-5LRHX:where([data-checked='false']:not([data-disabled='true']):active:focus-visible) {
  /* stylelint-disable-next-line primer/colors */
  background-color: var(--controlTrack-bgColor-active, var(--color-switch-track-active-bg, hsl(210deg, 24%, 88%, 1)));
}

.prc-ToggleSwitch-SwitchButton-5LRHX:where([data-checked='true']:not([data-disabled='true'])) {
  /* stylelint-disable-next-line primer/colors */
  background-color: var(--control-checked-bgColor-rest, var(--color-switch-track-checked-bg, #0969da));
  border-color: var(--control-checked-borderColor-rest, transparent);
}

.prc-ToggleSwitch-SwitchButton-5LRHX:where([data-checked='true']:not([data-disabled='true']):hover),
.prc-ToggleSwitch-SwitchButton-5LRHX:where([data-checked='true']:not([data-disabled='true']):focus-visible) {
  /* stylelint-disable-next-line primer/colors */
  background-color: var(--control-checked-bgColor-hover, var(--color-switch-track-checked-hover-bg, #0860ca));
}

.prc-ToggleSwitch-SwitchButton-5LRHX:where([data-checked='true']:not([data-disabled='true']):active),
.prc-ToggleSwitch-SwitchButton-5LRHX:where([data-checked='true']:not([data-disabled='true']):active:focus-visible) {
  /* stylelint-disable-next-line primer/colors */
  background-color: var(--control-checked-bgColor-active, var(--color-switch-track-checked-active-bg, #0757ba));
}

.prc-ToggleSwitch-SwitchButtonContent-nv4lE {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.prc-ToggleSwitch-IconContainer-zLC02 {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 50%;
  /* stylelint-disable-next-line primer/typography */
  line-height: 0;
  transition-property: transform;
  transition-duration: var(--toggleSwitch-transition-duration);
  transition-timing-function: var(--toggleSwitch-transition-easing);

  @media (prefers-reduced-motion) {
    transition: none;
  }
}

.prc-ToggleSwitch-LineIconContainer-7sQm8 {
  /* stylelint-disable-next-line primer/colors */
  color: var(--control-checked-fgColor-rest, var(--color-switch-track-checked-fg, #fff));
}

.prc-ToggleSwitch-LineIconContainer-7sQm8:where([data-disabled='true']) {
  /* stylelint-disable-next-line primer/colors */
  color: var(--control-checked-fgColor-disabled, var(--color-switch-track-checked-disabled-fg, #fff));
}

.prc-ToggleSwitch-LineIconContainer-7sQm8:where([data-checked='true']) {
  transform: translateX(0);
}

.prc-ToggleSwitch-LineIconContainer-7sQm8:where([data-checked='false']) {
  transform: translateX(-100%);
}

.prc-ToggleSwitch-CircleIconContainer-gHYvi {
  /* stylelint-disable-next-line primer/colors */
  color: var(--controlTrack-fgColor-rest, var(--color-switch-track-fg, #656d76));
}

.prc-ToggleSwitch-CircleIconContainer-gHYvi:where([data-disabled='true']) {
  /* stylelint-disable-next-line primer/colors */
  color: var(--controlTrack-fgColor-disabled, var(--color-switch-track-disabled-fg, #fff));
}

.prc-ToggleSwitch-CircleIconContainer-gHYvi:where([data-checked='true']) {
  transform: translateX(100%);
}

.prc-ToggleSwitch-CircleIconContainer-gHYvi:where([data-checked='false']) {
  transform: translateX(0);
}

.prc-ToggleSwitch-ToggleKnob-2e7Rm {
  /* stylelint-disable-next-line primer/colors */
  background-color: var(--controlKnob-bgColor-rest, var(--color-switch-knob-bg, #fff));
  border-width: var(--borderWidth-thin);
  border-style: solid;
  /* stylelint-disable-next-line primer/colors */
  border-color: var(--controlKnob-borderColor-rest, var(--color-switch-knob-border, #858f99));
  /* Use calc to account for 1px border around the control */
  /* stylelint-disable-next-line primer/borders */
  border-radius: calc(var(--borderRadius-medium) - var(--borderWidth-thin));
  width: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  transition-property: transform;
  transition-duration: var(--toggleSwitch-transition-duration);
  transition-timing-function: var(--toggleSwitch-transition-easing);
  z-index: 1;

  @media (prefers-reduced-motion) {
    transition: none;
  }
}

.prc-ToggleSwitch-ToggleKnob-2e7Rm:where([data-checked='false']) {
  transform: translateX(0);
}

.prc-ToggleSwitch-ToggleKnob-2e7Rm:where([data-checked='true']) {
  transform: translateX(100%);
  /* stylelint-disable-next-line primer/colors */
  border-color: var(--controlKnob-borderColor-checked, var(--color-switch-knob-checked-border, #0969da));
}

.prc-ToggleSwitch-ToggleKnob-2e7Rm:where([data-disabled='true']) {
  background-color: var(--controlKnob-bgColor-disabled);
  /* stylelint-disable-next-line primer/colors */
  border-color: var(--controlTrack-bgColor-disabled, var(--color-switch-track-disabled-bg, #8c959f));

  @media (forced-colors: active) {
    color: GrayText;
  }
}

.prc-Timeline-Timeline-iQjcc {
  display: flex;
  flex-direction: column;

  &:where([data-clip-sidebar]) {
    .prc-Timeline-TimelineItem-Sd-t-:first-child {
      padding-top: 0;

      &:where([data-condensed])::before {
        top: var(--base-size-12);
      }
    }

    .prc-Timeline-TimelineItem-Sd-t-:last-child {
      padding-bottom: 0;

      &:where([data-condensed])::before {
        height: var(--base-size-12);
      }
    }
  }
}

.prc-Timeline-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-Timeline-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-Timeline-TimelineBadgeWrapper-75vYD {
  position: relative;
  z-index: 1;
}

.prc-Timeline-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-Timeline-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-Timeline-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);

  &:has(+ [data-condensed]) {
    margin-bottom: calc(-1 * var(--base-size-12));
  }
}

/* stylelint-disable primer/colors */
@define-mixin lightThemeIssueLabel {
  --lightness-threshold: 0.453;
  --border-threshold: 0.96;
  --border-alpha: max(0, min(calc((var(--perceived-lightness) - var(--border-threshold)) * 100), 1));

  background: rgb(var(--label-r), var(--label-g), var(--label-b));
  color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%));
  border-color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) - 25) * 1%), var(--border-alpha));

  /* Selected state */
  &:where([data-selected='true']) {
    background: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) - 5) * 1%));
  }

  &:where([data-selected='true'])::after {
    /* stylelint-disable-next-line primer/box-shadow */
    box-shadow: 0 0 0 2px rgb(var(--label-r), var(--label-g), var(--label-b));
  }

  /* Interactive hover states */
  &:where([data-cursor-is-interactive='true']:hover) {
    background-image: linear-gradient(rgb(0, 0, 0, 0.15), rgb(0, 0, 0, 0.15)),
      linear-gradient(
        rgb(var(--label-r), var(--label-g), var(--label-b)),
        rgb(var(--label-r), var(--label-g), var(--label-b))
      );
    box-shadow: var(--shadow-resting-medium);
  }
}

@define-mixin darkThemeIssueLabel {
  --lightness-threshold: 0.6;
  --background-alpha: 0.18;
  --border-alpha: 0.3;
  --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch));

  background: rgb(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha));
  color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%));
  border-color: hsl(
    var(--label-h),
    calc(var(--label-s) * 1%),
    calc((var(--label-l) + var(--lighten-by)) * 1%),
    var(--border-alpha)
  );

  /* Selected state */
  &:where([data-selected='true'])::after {
    /* stylelint-disable-next-line primer/box-shadow */
    box-shadow: 0 0 0 2px
      hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%));
  }

  /* Interactive hover states */
  &:where([data-cursor-is-interactive='true']:hover) {
    background: hsl(var(--label-h), calc(var(--label-s) * 1%), calc(calc(var(--label-l) + 10) * 1%), 0.3);
    box-shadow: var(--shadow-resting-medium);
  }
}

.prc-Token-IssueLabel-ZuoEW {
  /* Color variables - dynamically set via inline CSS custom properties */
  --label-r: 153;
  --label-g: 153;
  --label-b: 153;
  --label-h: 0;
  --label-s: 0;
  --label-l: 60;
  --perceived-lightness: calc(
    ((var(--label-r) * 0.2126) + (var(--label-g) * 0.7152) + (var(--label-b) * 0.0722)) / 255
  );
  --lightness-switch: max(0, min(calc((var(--perceived-lightness) - var(--lightness-threshold)) * -1000), 1));

  position: relative;
  border-width: var(--borderWidth-thin);
  border-style: solid;
}

@media (prefers-color-scheme: light) {
  [data-color-mode='auto'][data-light-theme*='light'] .prc-Token-IssueLabel-ZuoEW {
    @mixin lightThemeIssueLabel;
  }

  [data-color-mode='auto'][data-light-theme*='dark'] .prc-Token-IssueLabel-ZuoEW {
    @mixin darkThemeIssueLabel;
  }
}

@media (prefers-color-scheme: dark) {
  [data-color-mode='auto'][data-dark-theme*='light'] .prc-Token-IssueLabel-ZuoEW {
    @mixin lightThemeIssueLabel;
  }

  [data-color-mode='auto'][data-dark-theme*='dark'] .prc-Token-IssueLabel-ZuoEW {
    @mixin darkThemeIssueLabel;
  }
}

/* Light mode styles */
[data-color-mode='light'] .prc-Token-IssueLabel-ZuoEW {
  @mixin lightThemeIssueLabel;
}

/* Dark mode styles */
[data-color-mode='dark'] .prc-Token-IssueLabel-ZuoEW {
  @mixin darkThemeIssueLabel;
}

/* Selected state */

.prc-Token-IssueLabel-ZuoEW:where([data-selected='true']) {
  outline: none;
}

.prc-Token-IssueLabel-ZuoEW:where([data-selected='true'])::after {
  content: '';
  position: absolute;
  z-index: 1;
  top: calc(var(--base-size-2) * -1);
  right: calc(var(--base-size-2) * -1);
  bottom: calc(var(--base-size-2) * -1);
  left: calc(var(--base-size-2) * -1);
  display: block;
  pointer-events: none;
  border-radius: var(--borderRadius-full);
}

/* Remove button styling */
.prc-Token-IssueLabel-ZuoEW:where([data-has-remove-button='true']) {
  padding-right: 0;
}

.prc-Token-RemoveButton-H4Dmg:where([data-has-multiple-action-targets='true']) {
  position: relative;
  z-index: 1;
}

.prc-TreeView-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-TreeView-TreeViewItem-ShJr0 {
    outline: none;

    &:focus-visible > div,
    &.focus-visible > div {
      box-shadow: var(--boxShadow-thick) var(--fgColor-accent);

      @media (forced-colors: active) {
        outline: 2px solid HighlightText;
        /* stylelint-disable-next-line declaration-property-value-no-unknown */
        outline-offset: -2;
      }
    }

    &[data-has-leading-action] {
      --has-leading-action: 1;
    }
  }

  .prc-TreeView-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 trailingAction';

    --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;
    }

    /*
     * NOTE: Uses descendant :has() - TreeViewItemSkeleton is nested inside
     * TreeViewItemContent > TreeViewItemContentText, not a direct child.
     * This is acceptable as the search is scoped to this element's subtree.
     */
    &:has(.prc-TreeView-TreeViewItemSkeleton-fqk59):hover {
      cursor: default;
      background-color: transparent;

      @media (forced-colors: active) {
        outline: none;
      }
    }
  }

  &:where([data-omit-spacer='true']) .prc-TreeView-TreeViewItemContainer--2Rkn {
    grid-template-columns: 0 0 0 1fr;
  }

  .prc-TreeView-TreeViewItem-ShJr0[aria-current='true'] > .prc-TreeView-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-TreeView-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-TreeView-TreeViewItemToggleHover-nEgP-:hover {
    background-color: var(--control-transparent-bgColor-hover);
  }

  .prc-TreeView-TreeViewItemToggleEnd-t-AEB {
    border-top-left-radius: var(--borderRadius-medium);
    border-bottom-left-radius: var(--borderRadius-medium);
  }

  .prc-TreeView-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-TreeView-TreeViewItemContentText-smZM- {
    flex: 1 1 auto;
    width: 0;
  }

  &:where([data-truncate-text='true']) .prc-TreeView-TreeViewItemContentText-smZM- {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  &:where([data-truncate-text='false']) .prc-TreeView-TreeViewItemContentText-smZM- {
    /* stylelint-disable-next-line declaration-property-value-keyword-no-deprecated */
    word-break: break-word;
  }

  .prc-TreeView-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-TreeView-TreeViewItemLeadingAction-VXx8I {
    display: flex;
    color: var(--fgColor-muted);
    grid-area: leadingAction;

    & > button {
      flex-shrink: 1;
    }
  }

  .prc-TreeView-TreeViewItemTrailingAction-EZETP {
    display: flex;
    color: var(--fgColor-muted);
    grid-area: trailingAction;
  }

  .prc-TreeView-TreeViewItemTrailingActionButton-u87Ku {
    flex-shrink: 1;
  }

  .prc-TreeView-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-TreeView-TreeViewItemLevelLine-KPSSL {
      border-color: transparent;
    }

    &:hover .prc-TreeView-TreeViewItemLevelLine-KPSSL,
    &:focus-within .prc-TreeView-TreeViewItemLevelLine-KPSSL {
      border-color: var(--borderColor-muted);
    }
  }

  .prc-TreeView-TreeViewDirectoryIcon-PHbeP {
    display: grid;
    color: var(--treeViewItem-leadingVisual-iconColor-rest);
  }

  .prc-TreeView-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-TreeView-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-TreeView-TreeItemSkeletonTextStyles-wnBY9 {
  width: var(--tree-item-loading-width, 67%);
}

.prc-SkeletonAvatar-SkeletonAvatar-inefu {
  &: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-SkeletonText-SkeletonText-tW5nH {
  --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-large);
  /* 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-large);
  }

  &: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-SkeletonText-SkeletonTextWrapper-3Z0sU {
  /* stylelint-disable-next-line primer/spacing */
  padding-block: 0.1px;
}

.prc-components-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 accommodate 'overflow-y: hidden' on UnderlinePanels */
  /* stylelint-disable-next-line primer/box-shadow */
  box-shadow: inset 0 -1px var(--borderColor-muted);

  &[data-variant='flush'] {
    /* stylelint-disable-next-line primer/spacing */
    padding-inline: unset;
  }
}

.prc-components-UnderlineItemList-b23Hf {
  position: relative;
  display: flex;
  padding: 0;
  margin: 0;
  white-space: nowrap;
  list-style: none;
  align-items: center;
  gap: 8px;
}

.prc-components-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-components-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-components-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-components-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-components-UnderlineItem-lJsg- [data-component='icon'] {
  display: inline-flex;
  color: var(--fgColor-muted);
  align-items: center;
  margin-inline-end: var(--base-size-8);
}

.prc-components-UnderlineItem-lJsg- [data-component='counter'] {
  margin-inline-start: var(--base-size-8);
  display: flex;
  align-items: center;
}

.prc-components-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;
  pointer-events: none;
  content: '';
  background-color: transparent;
  border-radius: 0;
  transform: translate(50%, -50%);
}

.prc-components-UnderlineItem-lJsg-[aria-current]:not([aria-current='false']) [data-component='text'],
.prc-components-UnderlineItem-lJsg-[aria-selected='true'] [data-component='text'] {
  font-weight: var(--base-text-weight-semibold);
}

.prc-components-UnderlineItem-lJsg-[aria-current]:not([aria-current='false'])::after,
.prc-components-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-components-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-components-loadingCounterKeyFrames-wsxQl 1.2s ease-in-out infinite alternate;
}

@keyframes prc-components-loadingCounterKeyFrames-wsxQl {
  from {
    opacity: 1;
  }

  to {
    opacity: 0.2;
  }
}

.prc-UnderlineNav-MenuItemContent-k4WNL {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* More button styles migrated from styles.ts (was moreBtnStyles) */
.prc-UnderlineNav-MoreButton-smema {
  margin: 0; /* reset Safari extra margin */
  border: 0;
  background: transparent;
  font-weight: var(--base-text-weight-normal);
  box-shadow: none;
  padding-top: var(--base-size-4);
  padding-bottom: var(--base-size-4);
  padding-left: var(--base-size-8);
  padding-right: var(--base-size-8);

  & > [data-component='trailingVisual'] {
    margin-left: 0;
  }
}

.prc-UnderlineNav-UnderlineNavItem--xDk1 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.prc-ActionBar-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(--actionbar-gap, var(--stack-gap-condensed));

  /* Gap scale (mirrors Stack) */
  &:where([data-gap='none']) {
    --actionbar-gap: 0;

    .prc-ActionBar-Divider-CcBO8 {
      padding: 0 var(--base-size-8);
    }
  }

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

.prc-ActionBar-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-ActionBar-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-ActionBar-Group-hBx7J {
  display: flex;
  gap: inherit;
}

.prc-PageHeader-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));
  }

  /* Responsive size variants */
  @media (--viewportRange-narrow) {
    &:has([data-component='TitleArea'][data-size-variant-narrow='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));

      --title-line-height: var(--custom-line-height, var(--text-title-lineHeight-large, 1.5));
    }

    &:has([data-component='TitleArea'][data-size-variant-narrow='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));

      --title-line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));
    }

    &:has([data-component='TitleArea'][data-size-variant-narrow='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));

      --title-line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));
    }
  }

  @media (--viewportRange-regular) {
    &:has([data-component='TitleArea'][data-size-variant-regular='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));

      --title-line-height: var(--custom-line-height, var(--text-title-lineHeight-large, 1.5));
    }

    &:has([data-component='TitleArea'][data-size-variant-regular='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));

      --title-line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));
    }

    &:has([data-component='TitleArea'][data-size-variant-regular='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));

      --title-line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));
    }
  }

  @media (--viewportRange-wide) {
    &:has([data-component='TitleArea'][data-size-variant-wide='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));

      --title-line-height: var(--custom-line-height, var(--text-title-lineHeight-large, 1.5));
    }

    &:has([data-component='TitleArea'][data-size-variant-wide='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));

      --title-line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));
    }

    &:has([data-component='TitleArea'][data-size-variant-wide='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));

      --title-line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));
    }
  }

  &[data-has-border='true']:has([data-component='PH_Navigation'][data-hidden-all]),
  &[data-has-border='true']:not(:has([data-component='PH_Navigation'])) {
    border-block-end: var(--borderWidth-thin) solid var(--borderColor-default);
    padding-block-end: var(--base-size-8);
  }

  @media (--viewportRange-narrow) {
    &[data-has-border='true']:has([data-component='PH_Navigation'][data-hidden-narrow]) {
      border-block-end: var(--borderWidth-thin) solid var(--borderColor-default);
      padding-block-end: var(--base-size-8);
    }
  }

  @media (--viewportRange-regular) {
    &[data-has-border='true']:has([data-component='PH_Navigation'][data-hidden-regular]) {
      border-block-end: var(--borderWidth-thin) solid var(--borderColor-default);
      padding-block-end: var(--base-size-8);
    }
  }

  @media (--viewportRange-wide) {
    &[data-has-border='true']:has([data-component='PH_Navigation'][data-hidden-wide]) {
      border-block-end: var(--borderWidth-thin) solid var(--borderColor-default);
      padding-block-end: var(--base-size-8);
    }
  }

  & [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 (--viewportRange-narrow) {
      display: none;
    }
  }

  & [data-hidden-regular] {
    @media (--viewportRange-regular) {
      display: none;
    }
  }

  & [data-hidden-wide] {
    @media (--viewportRange-wide) {
      display: none;
    }
  }
}

.prc-PageHeader-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-normal);
  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-PageHeader-ParentLink-BvDS0 {
  display: flex;
  align-items: center;
  order: var(--context-area-region-order-parent-link);
  gap: var(--stack-gap-condensed);
}

.prc-PageHeader-ContextBar-XQ8Q0 {
  display: flex;
  order: var(--context-area-region-order-context-bar);
}

.prc-PageHeader-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-PageHeader-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-PageHeader-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-PageHeader-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-normal);
  line-height: var(--text-body-lineHeight-medium, 1.4285);
  grid-row: var(--grid-row-order-breadcrumbs);
  grid-area: breadcrumbs;
  align-items: center;
}

.prc-PageHeader-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-PageHeader-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-PageHeader-Title-LKOsd:where([data-hidden='true']) {
  display: none;
}

.prc-PageHeader-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-PageHeader-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-PageHeader-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-PageHeader-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-normal);
  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-PageHeader-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-normal);
  line-height: var(--text-body-lineHeight-medium, 1.4285);
  grid-row: var(--grid-row-order-navigation);
  grid-area: navigation;
}

.prc-StatusBadge-StatusBadge-YAoIh {
  display: inline-flex;
  align-items: center;
  gap: var(--base-size-6);
  font-weight: var(--base-text-weight-medium);
  line-height: 1;
  border-radius: var(--borderRadius-full);
  white-space: nowrap;
}

/* Sizes */
.prc-StatusBadge-StatusBadge-YAoIh:where([data-size='small']) {
  padding: var(--base-size-2) var(--base-size-8);
  font-size: var(--text-body-size-small);
}

.prc-StatusBadge-StatusBadge-YAoIh:where([data-size='medium']) {
  padding: var(--base-size-4) var(--base-size-12);
  font-size: var(--text-body-size-medium);
}

/* Variants */
.prc-StatusBadge-StatusBadge-YAoIh:where([data-variant='default']) {
  background-color: var(--bgColor-muted);
  color: var(--fgColor-default);
}

.prc-StatusBadge-StatusBadge-YAoIh:where([data-variant='success']) {
  background-color: var(--bgColor-success-muted);
  color: var(--fgColor-success);
}

.prc-StatusBadge-StatusBadge-YAoIh:where([data-variant='warning']) {
  background-color: var(--bgColor-attention-muted);
  color: var(--fgColor-attention);
}

.prc-StatusBadge-StatusBadge-YAoIh:where([data-variant='danger']) {
  background-color: var(--bgColor-danger-muted);
  color: var(--fgColor-danger);
}

.prc-StatusBadge-StatusBadge-YAoIh:where([data-variant='accent']) {
  background-color: var(--bgColor-accent-muted);
  color: var(--fgColor-accent);
}

.prc-StatusBadge-StatusBadge-YAoIh:where([data-variant='muted']) {
  background-color: var(--bgColor-muted);
  color: var(--fgColor-muted);
}

/* Dot indicator */
.prc-StatusBadge-Dot-Dvq4L {
  width: 6px;
  height: 6px;
  border-radius: var(--borderRadius-full);
  flex-shrink: 0;
}

.prc-StatusBadge-StatusBadge-YAoIh:where([data-variant='default']) .prc-StatusBadge-Dot-Dvq4L {
  background-color: var(--fgColor-default);
}

.prc-StatusBadge-StatusBadge-YAoIh:where([data-variant='success']) .prc-StatusBadge-Dot-Dvq4L {
  background-color: var(--fgColor-success);
}

.prc-StatusBadge-StatusBadge-YAoIh:where([data-variant='warning']) .prc-StatusBadge-Dot-Dvq4L {
  background-color: var(--fgColor-attention);
}

.prc-StatusBadge-StatusBadge-YAoIh:where([data-variant='danger']) .prc-StatusBadge-Dot-Dvq4L {
  background-color: var(--fgColor-danger);
}

.prc-StatusBadge-StatusBadge-YAoIh:where([data-variant='accent']) .prc-StatusBadge-Dot-Dvq4L {
  background-color: var(--fgColor-accent);
}

.prc-StatusBadge-StatusBadge-YAoIh:where([data-variant='muted']) .prc-StatusBadge-Dot-Dvq4L {
  background-color: var(--fgColor-muted);
}

.prc-CircleButton-CircleButton-Qwaox {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: var(--borderRadius-full);
  cursor: pointer;
  transition: transform 80ms cubic-bezier(0.65, 0, 0.35, 1), background-color 80ms cubic-bezier(0.65, 0, 0.35, 1);
  appearance: none;
  flex-shrink: 0;
  font-family: inherit;
  padding: 0;
}

.prc-CircleButton-CircleButton-Qwaox:hover {
  transform: scale(1.05);
}

.prc-CircleButton-CircleButton-Qwaox:active {
  transform: scale(0.95);
  transition: none;
}

.prc-CircleButton-CircleButton-Qwaox:focus-visible {
  outline: 2px solid var(--fgColor-accent);
  outline-offset: 2px;
}

.prc-CircleButton-CircleButton-Qwaox:disabled {
  cursor: not-allowed;
  opacity: 0.5;
  transform: none;
}

/* Sizes */
.prc-CircleButton-CircleButton-Qwaox:where([data-size='medium']) {
  width: 56px;
  height: 56px;
}

.prc-CircleButton-CircleButton-Qwaox:where([data-size='large']) {
  width: 80px;
  height: 80px;
}

/* Variants */
.prc-CircleButton-CircleButton-Qwaox:where([data-variant='default']) {
  background-color: var(--bgColor-accent-emphasis);
}

.prc-CircleButton-CircleButton-Qwaox:where([data-variant='default']):hover:not(:disabled) {
  background-color: var(--button-primary-bgColor-hover, var(--bgColor-accent-emphasis));
}

.prc-CircleButton-CircleButton-Qwaox:where([data-variant='danger']) {
  background-color: var(--bgColor-danger-emphasis);
}

.prc-CircleButton-CircleButton-Qwaox:where([data-variant='danger']):hover:not(:disabled) {
  background-color: var(--button-danger-bgColor-hover, var(--bgColor-danger-emphasis));
}

/* Icon */
.prc-CircleButton-Icon-bRQv- {
  color: var(--fgColor-onEmphasis);
  pointer-events: none;
}

/* ─── SidePanel ─── */

.prc-SidePanel-SidePanel-OyeDj {
  display: flex;
  flex-direction: column;
  width: var(--sidepanel-width, 320px);
  min-width: var(--sidepanel-width, 320px);
  height: 100%;
  background-color: var(--bgColor-muted);
  overflow: hidden;
}

/* ─── SidePanel.Header ─── */

.prc-SidePanel-SidePanelHeader-IjaRf {
  display: flex;
  align-items: center;
  gap: var(--stack-gap-condensed);
  height: 56px;
  min-height: 56px;
  padding: 0 var(--stack-padding-spacious);
  border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);
}

.prc-SidePanel-SidePanelHeaderIcon-vd30- {
  display: flex;
  align-items: center;
  color: var(--fgColor-muted);
}

.prc-SidePanel-SidePanelHeaderTitle-aDQXA {
  flex: 1;
  font-size: var(--text-body-size-medium, 0.875rem);
  font-weight: var(--base-text-weight-semibold);
  line-height: 1;
  color: var(--fgColor-default);
  margin: 0;
}

.prc-SidePanel-SidePanelHeaderTrailing-zvwxF {
  margin-left: auto;
  display: flex;
  align-items: center;
}

/* ─── SidePanel.Body ─── */

.prc-SidePanel-SidePanelBody-RttMa {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;

  &:where([data-padding='none']) {
    padding: 0;
    gap: 0;
  }

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

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

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

/* ─── AppSidebar ─── */

.prc-AppSidebar-AppSidebar-lVFob {
  width: var(--appsidebar-width, 240px);
  min-width: var(--appsidebar-width, 240px);
  height: 100%;
  overflow: hidden;
  transition:
    width var(--base-duration-300) var(--base-easing-easeInOut),
    min-width var(--base-duration-300) var(--base-easing-easeInOut);

  &:where([data-collapsed]) {
    width: 0;
    min-width: 0;
  }
}

.prc-AppSidebar-AppSidebarInner-4waZq {
  width: var(--appsidebar-width, 240px);
  height: 100%;
  background-color: var(--bgColor-muted);
  border-right: var(--borderWidth-thin) solid var(--borderColor-default);
  display: flex;
  flex-direction: column;
  transform: translateX(0);
  transition: transform var(--base-duration-300) var(--base-easing-easeInOut);
}

.prc-AppSidebar-AppSidebar-lVFob:where([data-collapsed]) .prc-AppSidebar-AppSidebarInner-4waZq {
  transform: translateX(calc(-1 * var(--appsidebar-width, 240px)));
}

/* ─── AppSidebar.Header ─── */

.prc-AppSidebar-AppSidebarHeader-fZYoO {
  display: flex;
  align-items: center;
  gap: var(--stack-gap-condensed);
  padding: var(--stack-padding-normal);
  min-height: 56px;
}

/* ─── AppSidebar.Body ─── */

.prc-AppSidebar-AppSidebarBody-FoRLp {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;

  /* Configure ActionList active item styling for sidebar context.
     These CSS custom properties are inherited by ActionList items
     without needing cross-module descendant selectors (Turbopack-safe). */
  --actionlist-item-gap: var(--base-size-4);
  --actionlist-active-bgColor: transparent;
  --actionlist-active-hover-bgColor: transparent;
  --actionlist-active-paddingInlineStart: calc(var(--borderWidth-thicker) + var(--base-size-4));
  --actionlist-active-indicator-display: block;
  --actionlist-active-indicator-color: var(--fgColor-brand);
  --actionlist-active-content-bgColor: var(--control-transparent-bgColor-selected);
  --actionlist-active-content-borderRadius: var(--borderRadius-medium);
  --actionlist-active-content-hover-bgColor: var(--control-transparent-bgColor-hover);
}

/* ─── AppSidebar.Footer ─── */

.prc-AppSidebar-AppSidebarFooter-IByl7 {
  border-top: var(--borderWidth-thin) solid var(--borderColor-muted);
}

/* ─── AppSidebar.Rail ─── */

.prc-AppSidebar-AppSidebarRail-cjtkv {
  width: 0;
  min-width: 0;
  overflow: hidden;
  background-color: var(--bgColor-muted);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--stack-padding-normal) 0;
  gap: var(--stack-gap-condensed);
  transition:
    width var(--base-duration-300) var(--base-easing-easeInOut),
    min-width var(--base-duration-300) var(--base-easing-easeInOut);

  &:where([data-visible]) {
    width: var(--appsidebar-rail-width, 56px);
    min-width: var(--appsidebar-rail-width, 56px);
    border-right: var(--borderWidth-thin) solid var(--borderColor-default);
  }
}

.prc-AppSidebar-AppSidebarRailExpand-8nYSh {
  margin-bottom: var(--stack-gap-condensed);
}

@font-face {
  font-family: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/instrumentserif/v5/jizBRFtNs2ka5fXjeivQ4LroWlx-2zcZiVbJ.woff2) format('woff2');
}

.prc-BrandLogo-BrandLogo-7PgXc {
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
}

.prc-BrandLogo-BrandLogo-7PgXc:where([data-brand='takumi']) {
  color: #7ecdab;
}

.prc-BrandLogo-BrandLogo-7PgXc:where([data-brand='peakly']) {
  color: #f94310;
}

.prc-BrandLogo-Text-sW6qw {
  fill: var(--fgColor-default);
}

/* Wrapper when name prop is provided */
.prc-BrandLogo-BrandLogoWithName-lHgZe {
  display: flex;
  align-items: center;
  gap: var(--base-size-8, 8px);
  flex-shrink: 0;
}

.prc-BrandLogo-BrandName-GV8Gb {
  font-family: var(--fontStack-brand);
  font-size: var(--text-title-size-medium);
  font-weight: var(--base-text-weight-normal, 400);
  line-height: var(--text-title-lineHeight-medium);
  color: var(--fgColor-default);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

/* FloatingToast ------------------------------------------------------------ */

.prc-FloatingToast-FloatingToast-8Gimd {
  position: fixed;
  bottom: var(--base-size-24);
  left: 50%;
  z-index: 10000;
  display: flex;
  align-items: center;
  gap: var(--base-size-8);
  padding: var(--base-size-8) var(--base-size-16);
  border-radius: var(--borderRadius-medium);
  font-size: var(--text-body-size-small);
  font-weight: var(--base-text-weight-medium);
  font-family: var(--fontStack-system);
  box-shadow: var(--shadow-floating-large);
  pointer-events: none;
  white-space: nowrap;
  opacity: 0;
  transform: translateX(-50%) translateY(8px);
  transition:
    opacity 200ms ease,
    transform 200ms ease;

  &[data-visible] {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }

  /* Variant: success (default) */
  &:where([data-variant='success']) {
    background-color: var(--bgColor-success-emphasis);
    color: var(--fgColor-onEmphasis);
  }

  /* Variant: warning */
  &:where([data-variant='warning']) {
    background-color: var(--bgColor-attention-emphasis);
    color: var(--fgColor-onEmphasis);
  }

  /* Variant: error */
  &:where([data-variant='error']) {
    background-color: var(--bgColor-danger-emphasis);
    color: var(--fgColor-onEmphasis);
  }
}

/* Icon ------------------------------------------------------------------- */

.prc-FloatingToast-FloatingToastIcon-MOBz7 {
  flex-shrink: 0;
}

/* CTASection root — horizontal flex */
.prc-CTASection-CTASection-F9iam {
  width: 100%;
  display: flex;
  align-items: stretch;
  border-radius: var(--borderRadius-xlarge, 32px);
  overflow: hidden;
  background-color: var(--bgColor-default);
  border: var(--borderWidth-thin) solid var(--borderColor-default);
}

/* Gradient panel — left column */
.prc-CTASection-CTASectionGradient-Wt-Pl {
  flex: 0 0 var(--cta-gradient-width, 120px);
  position: relative;
  overflow: hidden;
}

.prc-CTASection-CTASectionGradientInner-aler7 {
  position: absolute;
  inset: 0;
  width: 120%;
  height: 120%;
  background: linear-gradient(
    var(--cta-gradient-direction, 135deg),
    var(--cta-gradient-colors, var(--bgColor-accent-emphasis, #0969da) 0%, var(--bgColor-success-emphasis, #1a7f37) 50%, var(--bgColor-attention-emphasis, #9a6700) 100%)
  );
  filter: blur(20px);
  will-change: transform;
}

/* Content panel — right column */
.prc-CTASection-CTASectionContent-WCREO {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--base-size-24);
  padding: var(--base-size-32) var(--base-size-40);
  position: relative;
  z-index: 1;
}

/* Badge */
.prc-CTASection-CTASectionBadge-tN9HX {
  display: inline-flex;
  align-items: center;
  gap: var(--base-size-4);
  padding: var(--base-size-4) var(--base-size-12);
  border-radius: var(--borderRadius-full, 100px);
  border: var(--borderWidth-thin) solid var(--borderColor-default);
  color: var(--fgColor-muted);
  font-size: var(--text-caption-size);
  font-weight: var(--base-text-weight-medium);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Heading */
.prc-CTASection-CTASectionHeading-TJz0x {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: var(--base-text-weight-normal);
  font-family: var(--fontStack-brand);
  color: var(--fgColor-default);
  margin: 0;
  line-height: 1.15;
}

/* Description */
.prc-CTASection-CTASectionDescription-P85H7 {
  font-size: var(--text-body-size-medium);
  line-height: var(--text-body-lineHeight-medium);
  color: var(--fgColor-muted);
  margin: 0;
}

/* List */
.prc-CTASection-CTASectionList-i1MYA {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--base-size-8);
}

/* ListItem */
.prc-CTASection-CTASectionListItem-rkHz- {
  display: flex;
  flex-direction: column;
  gap: var(--base-size-4);
  font-size: var(--text-body-size-medium);
  line-height: var(--text-body-lineHeight-medium);
  color: var(--fgColor-muted);
}

.prc-CTASection-CTASectionListItemTitle-73XWp {
  font-weight: var(--base-text-weight-semibold);
  color: var(--fgColor-default);
}

/* Actions */
.prc-CTASection-CTASectionActions-SucQG {
  display: flex;
  flex-wrap: wrap;
  gap: var(--base-size-8);
}

/* ─── Frame ─────────────────────────────────────────────── */

.prc-TableGrid-Root-QqRNw {
  border: 1px solid var(--borderColor-muted);
  border-radius: var(--borderRadius-large);
  background: var(--bgColor-default);
  overflow: hidden;
  min-width: 0;
}

.prc-TableGrid-ScrollBody-Jr199 {
  overflow-x: auto;
  min-width: 0;
}

/* ─── Toolbar ───────────────────────────────────────────── */

.prc-TableGrid-Toolbar-v6kju {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--base-size-12);
  width: 100%;
  min-width: 0;
  padding: var(--base-size-16);
  border-bottom: 1px solid var(--borderColor-muted);
}

.prc-TableGrid-ToolbarSearch-DZwvQ {
  flex: 1 1 14rem;
  min-width: 14rem;
  max-width: 22rem;
}

.prc-TableGrid-ToolbarSelect-C6xeW {
  flex: 0 1 12rem;
  min-width: 12rem;
}

.prc-TableGrid-ToolbarAction-o4WBK {
  flex: 0 0 auto;
  margin-left: auto;
}

/* ─── Grid table ────────────────────────────────────────── */

.prc-TableGrid-Table-9I--v {
  width: 100%;
  min-width: 0;
  display: grid;
  column-gap: 0;
  row-gap: 0;
}

.prc-TableGrid-Table-9I--v[data-preset='bankAccounts'] {
  grid-template-columns: 28px repeat(5, minmax(0, 1fr));
}

.prc-TableGrid-Table-9I--v[data-preset='deliveryLocations'] {
  grid-template-columns: 28px repeat(9, minmax(0, 1fr));
}

.prc-TableGrid-Table-9I--v[data-preset='purchaseOrders'] {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.prc-TableGrid-Table-9I--v[data-preset='purchaseOrdersWithActions'] {
  grid-template-columns: repeat(6, minmax(0, 1fr)) max-content;
}

.prc-TableGrid-Table-9I--v[data-preset='purchaseRequestsWithActions'] {
  grid-template-columns: repeat(5, minmax(0, 1fr)) max-content;
}

.prc-TableGrid-Table-9I--v[data-preset='purchaseReceiptsWithActions'] {
  grid-template-columns: repeat(6, minmax(0, 1fr)) max-content;
}

.prc-TableGrid-Table-9I--v[data-preset='purchaseLines'] {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.prc-TableGrid-Table-9I--v[data-preset='salesDocumentLines'] {
  grid-template-columns: 28px repeat(7, minmax(0, 1fr));
}

.prc-TableGrid-Table-9I--v[data-preset='documentTrace'] {
  grid-template-columns: repeat(5, minmax(0, 1fr)) max-content;
}

.prc-TableGrid-Table-9I--v[data-preset='receiptLines'] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.prc-TableGrid-Table-9I--v[data-preset='receiptLinesWithOrder'] {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.prc-TableGrid-Table-9I--v[data-preset='documentsWithActions'] {
  grid-template-columns: repeat(4, minmax(0, 1fr)) max-content;
}

.prc-TableGrid-Table-9I--v[data-preset='salesProformasWithActions'] {
  grid-template-columns: repeat(5, minmax(0, 1fr)) max-content;
}

.prc-TableGrid-Table-9I--v[data-preset*='purchaseOrders'] .prc-TableGrid-Value-bbxry,
.prc-TableGrid-Table-9I--v[data-preset*='purchaseOrders'] .prc-TableGrid-ValueEmpty-pWGoJ {
  word-break: normal;
}

.prc-TableGrid-Table-9I--v[data-preset*='purchaseOrders'] .prc-TableGrid-CellEmphasis-2Iuj4,
.prc-TableGrid-Table-9I--v[data-preset*='purchaseOrders'] .prc-TableGrid-CellEmphasis-2Iuj4 a {
  white-space: nowrap;
}

/* ─── Rows ──────────────────────────────────────────────── */

.prc-TableGrid-Row-FfaSj {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: subgrid;
  align-items: stretch;
  padding: 0;
  border-bottom: 1px solid var(--borderColor-muted);
  box-sizing: border-box;
}

.prc-TableGrid-Row-FfaSj > * {
  box-sizing: border-box;
  padding-top: var(--base-size-12);
  padding-bottom: var(--base-size-12);
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 44px;
}

.prc-TableGrid-Row-FfaSj > *:not(:last-child) {
  border-right: 1px solid var(--borderColor-muted);
  padding-right: var(--base-size-16);
}

.prc-TableGrid-Row-FfaSj > *:not(:first-child) {
  padding-left: var(--base-size-16);
}

.prc-TableGrid-Row-FfaSj > *:first-child {
  padding-left: var(--base-size-16);
}

.prc-TableGrid-Row-FfaSj > *:last-child {
  padding-right: var(--base-size-16);
}

.prc-TableGrid-RowHeader-jqRBy {
  border-bottom: 1px solid var(--borderColor-muted);
  background: var(--bgColor-muted);
}

.prc-TableGrid-RowHeader-jqRBy > * {
  padding-top: var(--base-size-12);
  padding-bottom: var(--base-size-12);
  min-height: 40px;
}

.prc-TableGrid-Row-FfaSj:last-child {
  border-bottom: none;
}

.prc-TableGrid-RowMessage-LTwuQ {
  display: flex;
  grid-column: 1 / -1;
  justify-content: center;
  padding: var(--base-size-24);
  color: color-mix(in srgb, var(--fgColor-muted) 82%, transparent);
  font-size: var(--text-body-size-medium);
  line-height: var(--text-body-lineHeight-medium, 1.45);
  border-bottom: none;
}

/* ─── Cells ─────────────────────────────────────────────── */

.prc-TableGrid-HeaderCell-CX0ki {
  margin: 0;
  font-size: var(--text-body-size-medium);
  line-height: var(--text-body-lineHeight-medium, 1.4);
  font-weight: var(--text-body-weight);
  color: color-mix(in srgb, var(--fgColor-muted) 82%, transparent);
  white-space: nowrap;
  align-items: flex-start;
  text-align: left;
}

.prc-TableGrid-Cell-Ac0Vo {
  min-width: 0;
  align-items: flex-start;
  text-align: left;
}

.prc-TableGrid-CellIndex-E1Kuu {
  font-size: var(--text-body-size-medium);
  line-height: var(--text-body-lineHeight-medium, 1.4);
  font-weight: var(--text-body-weight);
  color: var(--fgColor-muted);
  text-align: left;
}

.prc-TableGrid-CellNumeric-Xt1r7 .prc-TableGrid-Value-bbxry,
.prc-TableGrid-HeaderCellNumeric-n632l {
  font-variant-numeric: tabular-nums;
}

.prc-TableGrid-CellActions-cvJHk,
.prc-TableGrid-HeaderCellActions-5SRU4 {
  align-items: center;
  justify-content: center;
  width: max-content;
  min-width: max-content;
  flex-shrink: 0;
}

.prc-TableGrid-CellActions-cvJHk > .prc-TableGrid-ActionsGroup-Y-JN8 {
  flex-direction: row;
}

.prc-TableGrid-ActionsGroup-Y-JN8 {
  display: inline-flex;
  align-items: center;
  gap: var(--base-size-8);
}

.prc-TableGrid-Cell-Ac0Vo:last-child .prc-TableGrid-Value-bbxry,
.prc-TableGrid-Cell-Ac0Vo:last-child > span {
  white-space: nowrap;
}

/* ─── Values ────────────────────────────────────────────── */
/* Tipografía canónica read-only (alineada con Accounting): peso normal, sin emphasis→bold */

.prc-TableGrid-Value-bbxry {
  color: var(--fgColor-default);
  font-size: var(--text-body-size-medium);
  line-height: var(--text-body-lineHeight-medium);
  font-weight: var(--base-text-weight-normal);
  font-synthesis: none;
  word-break: break-word;
}

.prc-TableGrid-ValueEmpty-pWGoJ {
  color: color-mix(in srgb, var(--fgColor-muted) 70%, transparent);
  font-size: var(--text-body-size-medium);
  line-height: var(--text-body-lineHeight-medium);
  font-weight: var(--base-text-weight-normal);
  font-synthesis: none;
  font-style: italic;
}

/* Misma especificidad que reglas legacy .Cell > .Value — emphasis NO sube el peso */
.prc-TableGrid-Cell-Ac0Vo .prc-TableGrid-Value-bbxry,
.prc-TableGrid-Cell-Ac0Vo .prc-TableGrid-ValueEmpty-pWGoJ,
.prc-TableGrid-CellEmphasis-2Iuj4 .prc-TableGrid-Value-bbxry,
.prc-TableGrid-CellEmphasis-2Iuj4 .prc-TableGrid-CellLink-5TBes {
  font-weight: var(--base-text-weight-normal);
}

/* ─── Interactive variant (Table interaction="interactive") ─ */

.prc-TableGrid-Table-9I--v[data-interaction='interactive'] .prc-TableGrid-CellClickable-swMlP {
  cursor: pointer;
}

.prc-TableGrid-Table-9I--v[data-interaction='interactive'] .prc-TableGrid-CellClickable-swMlP:hover .prc-TableGrid-Value-bbxry,
.prc-TableGrid-Table-9I--v[data-interaction='interactive'] .prc-TableGrid-CellClickable-swMlP:focus-visible .prc-TableGrid-Value-bbxry {
  color: var(--fgColor-accent);
  text-decoration: underline;
  text-underline-offset: var(--base-size-2);
}

.prc-TableGrid-CellLink-5TBes {
  font-size: var(--text-body-size-medium);
  line-height: var(--text-body-lineHeight-medium);
  font-weight: var(--base-text-weight-normal);
  font-synthesis: none;
  white-space: nowrap;
  color: var(--fgColor-default);
  text-decoration: none;
}

.prc-TableGrid-Table-9I--v[data-interaction='interactive'] .prc-TableGrid-CellLink-5TBes {
  cursor: pointer;
}

.prc-TableGrid-CellLink-5TBes:link,
.prc-TableGrid-CellLink-5TBes:visited,
.prc-TableGrid-CellLink-5TBes:active {
  color: var(--fgColor-default);
  text-decoration: none;
}

.prc-TableGrid-Table-9I--v[data-interaction='interactive'] .prc-TableGrid-CellLink-5TBes:hover,
.prc-TableGrid-Table-9I--v[data-interaction='interactive'] .prc-TableGrid-CellLink-5TBes:focus-visible {
  color: var(--fgColor-accent);
  text-decoration: underline;
  text-underline-offset: var(--base-size-2);
}

.prc-TableGrid-Table-9I--v[data-interaction='interactive'] .prc-TableGrid-CellLink-5TBes:focus-visible {
  outline: var(--borderWidth-thin) solid var(--focus-outlineColor);
  outline-offset: var(--base-size-2);
  border-radius: var(--borderRadius-small);
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./node_modules/@ismaelespa88/react/dist/themes.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --base-duration-0: 0ms;
  --base-duration-100: 100ms;
  --base-duration-1000: 1s;
  --base-duration-200: 200ms;
  --base-duration-300: 300ms;
  --base-duration-400: 400ms;
  --base-duration-50: 50ms;
  --base-duration-500: 500ms;
  --base-duration-600: 600ms;
  --base-duration-700: 700ms;
  --base-duration-800: 800ms;
  --base-duration-900: 900ms;
  --base-easing-easeIn: cubic-bezier(0.7, 0.1, 0.75, 0.9); /** Ideal for movement that starts on the page and ends off the page. */
  --base-easing-easeInOut: cubic-bezier(0.6, 0, 0.2, 1); /** Ideal for movement that starts and ends on the page. */
  --base-easing-easeOut: cubic-bezier(0.3, 0.8, 0.6, 1); /** Ideal for movement that starts off the page and ends on the page. */
  --base-easing-linear: cubic-bezier(0, 0, 1, 1); /** Ideal for non-movement properties, like opacity or background color. */
}
:root {
  --base-size-112: 7rem;
  --base-size-12: 0.75rem;
  --base-size-128: 8rem;
  --base-size-16: 1rem;
  --base-size-2: 0.125rem;
  --base-size-20: 1.25rem;
  --base-size-24: 1.5rem;
  --base-size-28: 1.75rem;
  --base-size-32: 2rem;
  --base-size-36: 2.25rem;
  --base-size-4: 0.25rem;
  --base-size-40: 2.5rem;
  --base-size-44: 2.75rem;
  --base-size-48: 3rem;
  --base-size-6: 0.375rem;
  --base-size-64: 4rem;
  --base-size-8: 0.5rem;
  --base-size-80: 5rem;
  --base-size-96: 6rem;
}
:root {
  --base-text-weight-light: 300;
  --base-text-weight-medium: 500;
  --base-text-weight-normal: 400;
  --base-text-weight-semibold: 600;
}
:root {
  --borderRadius-full: 624.9375rem; /** Use this border radius for pill shaped elements */
  --borderRadius-large: 0.75rem;
  --borderRadius-medium: 0.375rem;
  --borderRadius-small: 0.1875rem;
  --borderWidth-thick: 0.125rem;
  --borderWidth-thicker: 0.25rem;
  --borderWidth-thin: 0.0625rem;
  --outline-focus-offset: -0.125rem;
  --outline-focus-width: 0.125rem;
  --borderRadius-default: var(--borderRadius-medium);
  --borderWidth-default: var(--borderWidth-thin);
  --boxShadow-thick: inset 0 0 0 var(--borderWidth-thick);
  --boxShadow-thicker: inset 0 0 0 var(--borderWidth-thicker);
  --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /** Thin shadow for borders */
}
:root {
  --breakpoint-large: 63.25rem;
  --breakpoint-medium: 48rem;
  --breakpoint-small: 34rem;
  --breakpoint-xlarge: 80rem;
  --breakpoint-xsmall: 20rem;
  --breakpoint-xxlarge: 87.5rem;
}
@media (pointer: coarse) {
  :root {
    --control-minTarget-auto: 2.75rem;
    --controlStack-medium-gap-auto: 0.75rem;
    --controlStack-small-gap-auto: 1rem;
  }
}
@media (pointer: fine) {
  :root {
    --control-minTarget-auto: 1rem;
    --controlStack-medium-gap-auto: 0.5rem;
    --controlStack-small-gap-auto: 0.5rem;
  }
}
:root {
  --control-large-paddingBlock: 0.625rem;
  --control-medium-paddingBlock: 0.375rem;
  --control-xlarge-paddingBlock: 0.875rem;
  --control-xsmall-paddingBlock: 0.125rem;
  --overlay-height-large: 27rem;
  --overlay-height-medium: 20rem;
  --overlay-height-small: 16rem;
  --overlay-height-xlarge: 37.5rem;
  --overlay-offset: 0.25rem;
  --overlay-width-large: 40rem;
  --overlay-width-medium: 30rem;
  --overlay-width-small: 20rem;
  --overlay-width-xlarge: 60rem;
  --overlay-width-xsmall: 12rem;
  --spinner-strokeWidth-default: 0.125rem;
  --control-large-gap: 0.5rem;
  --control-large-lineBoxHeight: 1.25rem;
  --control-large-paddingInline-normal: 0.75rem;
  --control-large-paddingInline-spacious: 1rem;
  --control-large-size: 2.5rem;
  --control-medium-gap: 0.5rem;
  --control-medium-lineBoxHeight: 1.25rem;
  --control-medium-paddingInline-condensed: 0.5rem;
  --control-medium-paddingInline-normal: 0.75rem;
  --control-medium-paddingInline-spacious: 1rem;
  --control-medium-size: 2rem;
  --control-minTarget-coarse: 2.75rem;
  --control-minTarget-fine: 1rem;
  --control-small-gap: 0.25rem;
  --control-small-lineBoxHeight: 1.25rem;
  --control-small-paddingBlock: 0.25rem;
  --control-small-paddingInline-condensed: 0.5rem;
  --control-small-paddingInline-normal: 0.75rem;
  --control-small-size: 1.75rem;
  --control-xlarge-gap: 0.5rem;
  --control-xlarge-lineBoxHeight: 1.25rem;
  --control-xlarge-paddingInline-normal: 0.75rem;
  --control-xlarge-paddingInline-spacious: 1rem;
  --control-xlarge-size: 3rem;
  --control-xsmall-gap: 0.25rem;
  --control-xsmall-lineBoxHeight: 1.25rem;
  --control-xsmall-paddingInline-condensed: 0.25rem;
  --control-xsmall-paddingInline-normal: 0.5rem;
  --control-xsmall-paddingInline-spacious: 0.75rem;
  --control-xsmall-size: 1.5rem;
  --controlStack-large-gap-auto: 0.5rem;
  --controlStack-large-gap-condensed: 0.5rem;
  --controlStack-large-gap-spacious: 0.75rem;
  --controlStack-medium-gap-condensed: 0.5rem;
  --controlStack-medium-gap-spacious: 0.75rem;
  --controlStack-small-gap-condensed: 0.5rem;
  --controlStack-small-gap-spacious: 1rem;
  --overlay-borderRadius: 0.375rem;
  --overlay-padding-condensed: 0.5rem;
  --overlay-padding-normal: 1rem;
  --overlay-paddingBlock-condensed: 0.25rem;
  --overlay-paddingBlock-normal: 0.75rem;
  --spinner-size-large: 4rem;
  --spinner-size-medium: 2rem;
  --spinner-size-small: 1rem;
  --stack-gap-condensed: 0.5rem;
  --stack-gap-normal: 1rem;
  --stack-gap-spacious: 1.5rem;
  --stack-padding-condensed: 0.5rem;
  --stack-padding-normal: 1rem;
  --stack-padding-spacious: 1.5rem;
}
@custom-media --viewportRange-landscape (orientation: landscape);
@custom-media --viewportRange-narrow (max-width: calc(48rem - 0.02px));
@custom-media --viewportRange-narrowLandscape (max-width: calc(63.25rem - 0.02px) and (max-height: calc(34rem - 0.02px)) and (orientation: landscape));
@custom-media --viewportRange-portrait (orientation: portrait);
@custom-media --viewportRange-regular (min-width: 48rem);
@custom-media --viewportRange-wide (min-width: 87.5rem);
:root {
  --fontStack-brand: "Instrument Serif", Georgia, "Times New Roman", serif;
  --fontStack-monospace: "JetBrains Mono", ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, monospace;
  --fontStack-sansSerif: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --fontStack-sansSerifDisplay: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --fontStack-system: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --text-body-lineHeight-large: 1.5;
  --text-body-lineHeight-medium: 1.42857;
  --text-body-lineHeight-small: 1.66667;
  --text-body-size-large: 1rem;
  --text-body-size-medium: 0.875rem;
  --text-body-size-small: 0.75rem;
  --text-caption-lineHeight: 1.3333;
  --text-caption-size: 0.75rem;
  --text-codeBlock-lineHeight: 1.5385;
  --text-codeBlock-size: 0.8125rem;
  --text-codeInline-size: 0.9285em;
  --text-display-lineBoxHeight: 1.4;
  --text-display-lineHeight: 1.4;
  --text-display-size: 2.5rem;
  --text-subtitle-lineHeight: 1.6;
  --text-subtitle-size: 1.25rem;
  --text-title-lineHeight-large: 1.5;
  --text-title-lineHeight-medium: 1.6;
  --text-title-lineHeight-small: 1.5;
  --text-title-size-large: 2rem;
  --text-title-size-medium: 1.25rem;
  --text-title-size-small: 1rem;
  --text-body-weight: var(--base-text-weight-normal);
  --text-caption-weight: var(--base-text-weight-normal);
  --text-codeBlock-weight: var(--base-text-weight-normal);
  --text-codeInline-weight: var(--base-text-weight-normal);
  --text-display-weight: var(--base-text-weight-medium);
  --text-subtitle-weight: var(--base-text-weight-normal);
  --text-title-weight-large: var(--base-text-weight-semibold);
  --text-title-weight-medium: var(--base-text-weight-semibold);
  --text-title-weight-small: var(--base-text-weight-semibold);
  --text-body-shorthand-large: var(--text-body-weight) var(--text-body-size-large)/var(--text-body-lineHeight-large) var(--fontStack-sansSerif); /** User-generated content, markdown rendering. */
  --text-body-shorthand-medium: var(--text-body-weight) var(--text-body-size-medium)/var(--text-body-lineHeight-medium) var(--fontStack-sansSerif); /** Default UI font. Most commonly used for body text. */
  --text-body-shorthand-small: var(--text-body-weight) var(--text-body-size-small)/var(--text-body-lineHeight-small) var(--fontStack-sansSerif); /** Small body text for discrete UI applications, such as helper, footnote text. Should be used sparingly across pages. Line-height matches Body (medium) at 20px. */
  --text-caption-shorthand: var(--text-caption-weight) var(--text-caption-size)/var(--text-caption-lineHeight) var(--fontStack-sansSerif); /** Compact small font with a smaller line height of 16px. Use it for single-line scenarios, as the small sizing doesn’t pass accessibility requirements. */
  --text-codeBlock-shorthand: var(--text-codeBlock-weight) var(--text-codeBlock-size)/var(--text-codeBlock-lineHeight) var(--fontStack-monospace); /** Default style for rendering code blocks. */
  --text-codeInline-shorthand: var(--text-codeInline-weight) var(--text-codeInline-size) var(--fontStack-monospace); /** Inline code blocks using em units to inherit size from its parent. */
  --text-display-shorthand: var(--text-display-weight) var(--text-display-size)/var(--text-display-lineHeight) var(--fontStack-sansSerifDisplay); /** Hero-style text for brand to product transition pages. Utilize Title (large) styles on narrow viewports. */
  --text-subtitle-shorthand: var(--text-subtitle-weight) var(--text-subtitle-size)/var(--text-subtitle-lineHeight) var(--fontStack-sansSerifDisplay); /** Page sections/sub headings, or less important object names in page titles (automated action titles, for example). Same line-height as title (medium). */
  --text-title-shorthand-large: var(--text-title-weight-large) var(--text-title-size-large)/var(--text-title-lineHeight-large) var(--fontStack-sansSerifDisplay); /** Page headings for user-created objects, such as issues or pull requests. Utilize title (medium) styles on narrow viewports. */
  --text-title-shorthand-medium: var(--text-title-weight-medium) var(--text-title-size-medium)/var(--text-title-lineHeight-medium) var(--fontStack-sansSerifDisplay); /** Default page title. The 32px-equivalent line-height matches with button and other medium control heights. Great for page header composition. */
  --text-title-shorthand-small: var(--text-title-weight-small) var(--text-title-size-small)/var(--text-title-lineHeight-small) var(--fontStack-sansSerif); /** Uses the same size as body (large) with a heavier weight of semibold (600). */
}
[data-color-mode="light"][data-light-theme="light"],
[data-color-mode="light"][data-light-theme="light"] ::backdrop,
[data-color-mode="auto"][data-light-theme="light"],
[data-color-mode="auto"][data-light-theme="light"] ::backdrop {
  --bgColor-success-emphasis: #1f883d;
  --button-outline-bgColor-active: #0757ba;
  --buttonCounter-danger-fgColor-rest: #c21c2c;
  --color-ansi-cyan: #1b7c83;
  --color-ansi-cyan-bright: #3192aa;
  --fgColor-danger: #d1242f;
  --reactionButton-selected-bgColor-hover: #caecff;
  --avatarStack-fade-bgColor-default: #c8d1da;
  --avatarStack-fade-bgColor-muted: #dae0e7;
  --bgColor-accent-emphasis: #0969da;
  --bgColor-accent-muted: #ddf4ff;
  --bgColor-attention-emphasis: #9a6700;
  --bgColor-attention-muted: #fff8c5;
  --bgColor-danger-emphasis: #cf222e;
  --bgColor-danger-muted: #ffebe9;
  --bgColor-disabled: #e6eaef;
  --bgColor-done-emphasis: #8250df;
  --bgColor-done-muted: #fbefff;
  --bgColor-emphasis: #25292e;
  --bgColor-inset: #eff2f5;
  --bgColor-inverse: #25292e;
  --bgColor-muted: #f6f8fa;
  --bgColor-neutral-emphasis: #59636e;
  --bgColor-neutral-muted: #818b981f;
  --bgColor-open-emphasis: var(--bgColor-success-emphasis);
  --bgColor-severe-emphasis: #bc4c00;
  --bgColor-severe-muted: #fff1e5;
  --bgColor-sponsors-emphasis: #bf3989;
  --bgColor-sponsors-muted: #ffeff7;
  --bgColor-success-muted: #dafbe1;
  --bgColor-transparent: #ffffff00;
  --borderColor-accent-emphasis: #0969da;
  --borderColor-accent-muted: #54aeff66;
  --borderColor-attention-emphasis: #9a6700;
  --borderColor-attention-muted: #d4a72c66;
  --borderColor-danger-emphasis: #cf222e;
  --borderColor-danger-muted: #ff818266;
  --borderColor-default: #d1d9e0;
  --borderColor-disabled: #818b981a;
  --borderColor-done-emphasis: #8250df;
  --borderColor-done-muted: #c297ff66;
  --borderColor-emphasis: #818b98;
  --borderColor-neutral-emphasis: #59636e;
  --borderColor-severe-emphasis: #bc4c00;
  --borderColor-severe-muted: #fb8f4466;
  --borderColor-sponsors-emphasis: #bf3989;
  --borderColor-sponsors-muted: #ff80c866;
  --borderColor-success-emphasis: #1a7f37;
  --borderColor-success-muted: #4ac26b66;
  --borderColor-transparent: #ffffff00;
  --button-danger-bgColor-active: #a40e26;
  --button-danger-fgColor-disabled: #d1242f80;
  --button-danger-fgColor-rest: var(--fgColor-danger);
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
  --button-inactive-bgColor: #e6eaef;
  --button-inactive-fgColor: #59636e;
  --button-invisible-bgColor-disabled: #ffffff00;
  --button-invisible-borderColor-disabled: #ffffff00;
  --button-outline-shadow-selected: inset 0px 1px 0px 0px #00215533;
  --button-primary-bgColor-active: #454c54;
  --button-primary-bgColor-disabled: #e6eaef;
  --button-primary-bgColor-hover: #393f46;
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #002d114d;
  --button-star-iconColor: #eac54f;
  --buttonCounter-danger-fgColor-disabled: #d1242f80;
  --buttonCounter-outline-fgColor-rest: #0550ae;
  --buttonCounter-primary-bgColor-rest: #002d1133;
  --buttonKeybindingHint-danger-bgColor-active: #1f232866;
  --buttonKeybindingHint-danger-bgColor-hover: #1f232833;
  --buttonKeybindingHint-default-bgColor-rest: #eff2f5;
  --buttonKeybindingHint-inactive-bgColor: #eff2f5;
  --buttonKeybindingHint-invisible-borderColor-rest: #ffffff00;
  --codeMirror-syntax-fgColor-constant: #0550ae;
  --codeMirror-syntax-fgColor-entity: #8250df;
  --codeMirror-syntax-fgColor-keyword: #cf222e;
  --codeMirror-syntax-fgColor-storage: #cf222e;
  --codeMirror-syntax-fgColor-string: #0a3069;
  --codeMirror-syntax-fgColor-support: #0550ae;
  --codeMirror-syntax-fgColor-variable: #953800;
  --color-ansi-black-bright: #393f46;
  --color-ansi-blue: #0969da;
  --color-ansi-blue-bright: #218bff;
  --color-ansi-gray: #59636e;
  --color-ansi-green: #116329;
  --color-ansi-green-bright: #1a7f37;
  --color-ansi-magenta: #8250df;
  --color-ansi-magenta-bright: #a475f9;
  --color-ansi-red: #cf222e;
  --color-ansi-red-bright: #a40e26;
  --color-ansi-white: #59636e;
  --color-ansi-white-bright: #818b98;
  --color-ansi-yellow: #4d2d00;
  --color-ansi-yellow-bright: #633c01;
  --color-prettylights-syntax-brackethighlighter-angle: #59636e;
  --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
  --color-prettylights-syntax-carriage-return-bg: #cf222e;
  --color-prettylights-syntax-carriage-return-text: #f6f8fa;
  --color-prettylights-syntax-comment: #59636e;
  --color-prettylights-syntax-constant: #0550ae;
  --color-prettylights-syntax-constant-other-reference-link: #0a3069;
  --color-prettylights-syntax-entity: #6639ba;
  --color-prettylights-syntax-entity-tag: #0550ae;
  --color-prettylights-syntax-invalid-illegal-text: var(--fgColor-danger);
  --color-prettylights-syntax-keyword: #cf222e;
  --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
  --color-prettylights-syntax-markup-changed-text: #953800;
  --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
  --color-prettylights-syntax-markup-deleted-text: #82071e;
  --color-prettylights-syntax-markup-heading: #0550ae;
  --color-prettylights-syntax-markup-ignored-bg: #0550ae;
  --color-prettylights-syntax-markup-ignored-text: #d1d9e0;
  --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
  --color-prettylights-syntax-markup-inserted-text: #116329;
  --color-prettylights-syntax-markup-list: #3b2300;
  --color-prettylights-syntax-meta-diff-range: #8250df;
  --color-prettylights-syntax-string: #0a3069;
  --color-prettylights-syntax-string-regexp: #116329;
  --color-prettylights-syntax-sublimelinter-gutter-mark: #818b98;
  --color-prettylights-syntax-variable: #953800;
  --contribution-default-bgColor-0: #eff2f5;
  --contribution-default-bgColor-1: #aceebb;
  --contribution-default-bgColor-2: #4ac26b;
  --contribution-default-bgColor-3: #2da44e;
  --contribution-default-bgColor-4: #116329;
  --contribution-default-borderColor-0: #1f23280d;
  --contribution-halloween-bgColor-1: #fae17d;
  --contribution-halloween-bgColor-2: #fae17d;
  --contribution-halloween-bgColor-3: #fb8f44;
  --contribution-halloween-bgColor-4: #1f2328;
  --contribution-winter-bgColor-1: #b6e3ff;
  --contribution-winter-bgColor-2: #54aeff;
  --contribution-winter-bgColor-3: #0969da;
  --contribution-winter-bgColor-4: #0a3069;
  --control-bgColor-active: #e6eaef;
  --control-bgColor-hover: #eff2f5;
  --control-bgColor-rest: #f6f8fa;
  --control-borderColor-emphasis: #a5aeb9;
  --control-checked-bgColor-active: #454c54;
  --control-checked-bgColor-disabled: #e6eaef;
  --control-checked-bgColor-hover: #393f46;
  --control-danger-fgColor-hover: var(--fgColor-danger);
  --control-danger-fgColor-rest: var(--fgColor-danger);
  --control-fgColor-placeholder: #a5aeb9;
  --control-fgColor-rest: #25292e;
  --control-transparent-bgColor-active: #818b9826;
  --control-transparent-bgColor-hover: #818b981a;
  --control-transparent-bgColor-rest: #ffffff00;
  --control-transparent-bgColor-selected: #818b9826;
  --control-transparent-borderColor-active: #ffffff00;
  --control-transparent-borderColor-hover: #ffffff00;
  --control-transparent-borderColor-rest: #ffffff00;
  --controlTrack-bgColor-active: #dae0e7;
  --controlTrack-bgColor-hover: #e0e6eb;
  --controlTrack-bgColor-rest: #e6eaef;
  --controlTrack-fgColor-rest: #59636e;
  --counter-borderColor: #ffffff00;
  --diffBlob-additionNum-bgColor: #aceebb;
  --diffBlob-additionWord-bgColor: #aceebb;
  --diffBlob-deletionNum-bgColor: #ffcecb;
  --diffBlob-deletionWord-bgColor: #ffcecb;
  --diffBlob-hunkNum-bgColor-rest: #b6e3ff;
  --fgColor-accent: #0969da;
  --fgColor-attention: #9a6700;
  --fgColor-closed: var(--fgColor-danger);
  --fgColor-disabled: #818b98;
  --fgColor-done: #8250df;
  --fgColor-muted: #59636e;
  --fgColor-neutral: #59636e;
  --fgColor-severe: #bc4c00;
  --fgColor-sponsors: #bf3989;
  --fgColor-success: #1a7f37;
  --header-borderColor-divider: #e6eaef;
  --header-fgColor-default: #454c54;
  --header-fgColor-logo: #454c54;
  --headerSearch-borderColor: #e6eaef;
  --highlight-neutral-bgColor: #fff8c5;
  --label-blue-bgColor-active: #80ccff;
  --label-blue-bgColor-hover: #b6e3ff;
  --label-blue-bgColor-rest: #ddf4ff;
  --label-blue-borderColor: #ffffff00;
  --label-blue-fgColor-active: #0a3069;
  --label-blue-fgColor-hover: #033d8b;
  --label-blue-fgColor-rest: #0550ae;
  --label-coral-bgColor-active: #ffb4a1;
  --label-coral-bgColor-hover: #ffd6cc;
  --label-coral-bgColor-rest: #fff0eb;
  --label-coral-borderColor: #ffffff00;
  --label-coral-fgColor-active: #691105;
  --label-coral-fgColor-hover: #801f0f;
  --label-coral-fgColor-rest: #9e2f1c;
  --label-green-bgColor-active: #6fdd8b;
  --label-green-bgColor-hover: #aceebb;
  --label-green-bgColor-rest: #dafbe1;
  --label-green-borderColor: #ffffff00;
  --label-green-fgColor-active: #003d16;
  --label-green-fgColor-hover: #044f1e;
  --label-green-fgColor-rest: #116329;
  --label-orange-bgColor-active: #ffb77c;
  --label-orange-bgColor-hover: #ffd8b5;
  --label-orange-bgColor-rest: #fff1e5;
  --label-orange-borderColor: #ffffff00;
  --label-orange-fgColor-active: #5c2200;
  --label-orange-fgColor-hover: #762c00;
  --label-orange-fgColor-rest: #953800;
  --label-pink-bgColor-active: #ffadda;
  --label-pink-bgColor-hover: #ffd3eb;
  --label-pink-bgColor-rest: #ffeff7;
  --label-pink-borderColor: #ffffff00;
  --label-pink-fgColor-active: #611347;
  --label-pink-fgColor-hover: #772057;
  --label-pink-fgColor-rest: #99286e;
  --label-purple-bgColor-active: #d8b9ff;
  --label-purple-bgColor-hover: #ecd8ff;
  --label-purple-bgColor-rest: #fbefff;
  --label-purple-borderColor: #ffffff00;
  --label-purple-fgColor-active: #3e1f79;
  --label-purple-fgColor-hover: #512a97;
  --label-purple-fgColor-rest: #6639ba;
  --label-red-bgColor-active: #ffaba8;
  --label-red-bgColor-hover: #ffcecb;
  --label-red-bgColor-rest: #ffebe9;
  --label-red-borderColor: #ffffff00;
  --label-red-fgColor-active: #660018;
  --label-red-fgColor-hover: #82071e;
  --label-red-fgColor-rest: #a40e26;
  --label-yellow-bgColor-active: #eac54f;
  --label-yellow-bgColor-hover: #fae17d;
  --label-yellow-bgColor-rest: #fff8c5;
  --label-yellow-borderColor: #ffffff00;
  --label-yellow-fgColor-active: #4d2d00;
  --label-yellow-fgColor-hover: #633c01;
  --label-yellow-fgColor-rest: #7d4e00;
  --menu-bgColor-active: #ffffff00;
  --overlay-backdrop-bgColor: #c8d1da66;
  --progressBar-bgColor-success: var(--bgColor-success-emphasis);
  --progressBar-track-borderColor: #ffffff00;
  --reactionButton-selected-bgColor-rest: #ddf4ff;
  --reactionButton-selected-fgColor-hover: #0550ae;
  --selectMenu-bgColor-active: #b6e3ff;
  --selectMenu-borderColor: #ffffff00;
  --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
  --shadow-resting-medium: 0px 1px 1px 0px #25292e1a, 0px 3px 6px 0px #25292e1f;
  --skeletonLoader-bgColor: #818b981a;
  --topicTag-borderColor: #ffffff00;
  --treeViewItem-leadingVisual-iconColor-rest: #54aeff;
  --avatar-bgColor: #ffffff;
  --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
  --bgColor-black: #1f2328;
  --bgColor-closed-emphasis: var(--bgColor-danger-emphasis);
  --bgColor-closed-muted: var(--bgColor-danger-muted);
  --bgColor-default: #ffffff;
  --bgColor-draft-emphasis: var(--bgColor-neutral-emphasis);
  --bgColor-draft-muted: var(--bgColor-neutral-muted);
  --bgColor-open-muted: var(--bgColor-success-muted);
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
  --bgColor-upsell-muted: var(--bgColor-done-muted);
  --bgColor-white: #ffffff;
  --border-accent-emphasis: 0.0625rem solid #0969da;
  --border-accent-muted: 0.0625rem solid #54aeff66;
  --border-attention-emphasis: 0.0625rem solid #9a6700;
  --border-attention-muted: 0.0625rem solid #d4a72c66;
  --border-danger-emphasis: 0.0625rem solid #cf222e;
  --border-danger-muted: 0.0625rem solid #ff818266;
  --border-default: 0.0625rem solid #d1d9e0;
  --border-disabled: 0.0625rem solid #818b981a;
  --border-done-emphasis: 0.0625rem solid #8250df;
  --border-done-muted: 0.0625rem solid #c297ff66;
  --border-emphasis: 0.0625rem solid #818b98;
  --border-neutral-emphasis: 0.0625rem solid #59636e;
  --border-severe-emphasis: 0.0625rem solid #bc4c00;
  --border-severe-muted: 0.0625rem solid #fb8f4466;
  --border-sponsors-emphasis: 0.0625rem solid #bf3989;
  --border-sponsors-muted: 0.0625rem solid #ff80c866;
  --border-success-emphasis: 0.0625rem solid #1a7f37;
  --border-success-muted: 0.0625rem solid #4ac26b66;
  --border-transparent: 0.0625rem solid #ffffff00;
  --borderColor-closed-emphasis: var(--borderColor-danger-emphasis);
  --borderColor-closed-muted: var(--borderColor-danger-muted);
  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis);
  --borderColor-muted: #d1d9e0b3;
  --borderColor-open-emphasis: var(--borderColor-success-emphasis);
  --borderColor-open-muted: var(--borderColor-success-muted);
  --borderColor-translucent: #1f232826;
  --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
  --borderColor-upsell-muted: var(--borderColor-done-muted);
  --button-danger-bgColor-hover: var(--bgColor-danger-emphasis);
  --button-danger-bgColor-rest: var(--control-bgColor-rest);
  --button-danger-fgColor-active: #ffffff;
  --button-danger-fgColor-hover: #ffffff;
  --button-danger-iconColor-hover: #ffffff;
  --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
  --button-default-bgColor-active: var(--bgColor-inset);
  --button-default-bgColor-disabled: var(--bgColor-disabled);
  --button-default-bgColor-hover: var(--bgColor-inset);
  --button-default-bgColor-selected: var(--bgColor-muted);
  --button-default-fgColor-rest: var(--control-fgColor-rest);
  --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
  --button-invisible-bgColor-active: var(--control-transparent-bgColor-active);
  --button-invisible-bgColor-hover: var(--control-transparent-bgColor-hover);
  --button-invisible-bgColor-rest: var(--control-transparent-bgColor-rest);
  --button-invisible-borderColor-hover: var(--control-transparent-borderColor-hover);
  --button-invisible-borderColor-rest: var(--control-transparent-borderColor-rest);
  --button-invisible-fgColor-active: var(--control-fgColor-rest);
  --button-invisible-fgColor-hover: var(--control-fgColor-rest);
  --button-invisible-fgColor-rest: var(--control-fgColor-rest);
  --button-invisible-iconColor-hover: var(--fgColor-muted);
  --button-invisible-iconColor-rest: var(--fgColor-muted);
  --button-outline-bgColor-hover: var(--bgColor-accent-emphasis);
  --button-outline-bgColor-rest: var(--control-bgColor-rest);
  --button-outline-fgColor-active: #ffffff;
  --button-outline-fgColor-disabled: #0969da80;
  --button-outline-fgColor-hover: #ffffff;
  --button-outline-fgColor-rest: var(--fgColor-accent);
  --button-primary-bgColor-rest: #1f2328;
  --button-primary-borderColor-disabled: var(--button-primary-bgColor-disabled);
  --button-primary-fgColor-disabled: #ffffffcc;
  --buttonCounter-danger-bgColor-disabled: #cf222e0d;
  --buttonCounter-danger-bgColor-hover: #ffffff33;
  --buttonCounter-danger-bgColor-rest: #cf222e1a;
  --buttonCounter-danger-fgColor-hover: #ffffff;
  --buttonCounter-default-bgColor-rest: var(--bgColor-neutral-muted);
  --buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
  --buttonCounter-outline-bgColor-disabled: #0969da0d;
  --buttonCounter-outline-bgColor-hover: #ffffff33;
  --buttonCounter-outline-bgColor-rest: #0969da1a;
  --buttonCounter-outline-fgColor-disabled: #0969da80;
  --buttonCounter-outline-fgColor-hover: #ffffff;
  --buttonKeybindingHint-danger-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
  --buttonKeybindingHint-default-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-rest);
  --buttonKeybindingHint-default-fgColor-rest: var(--fgColor-muted);
  --buttonKeybindingHint-inactive-fgColor: var(--button-inactive-fgColor);
  --buttonKeybindingHint-invisible-bgColor-active: var(--control-transparent-bgColor-active);
  --buttonKeybindingHint-invisible-bgColor-disabled: var(--button-invisible-bgColor-disabled);
  --buttonKeybindingHint-invisible-bgColor-hover: var(--control-transparent-bgColor-hover);
  --buttonKeybindingHint-invisible-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
  --buttonKeybindingHint-invisible-fgColor-rest: var(--fgColor-muted);
  --buttonKeybindingHint-primary-bgColor-disabled: #002d111a;
  --buttonKeybindingHint-primary-bgColor-rest: var(--buttonCounter-primary-bgColor-rest);
  --codeMirror-activeline-bgColor: var(--bgColor-neutral-muted);
  --codeMirror-gutterMarker-fgColor-muted: var(--fgColor-muted);
  --codeMirror-lineNumber-fgColor: var(--fgColor-muted);
  --codeMirror-selection-bgColor: var(--borderColor-accent-muted);
  --codeMirror-syntax-fgColor-comment: #1f2328;
  --color-ansi-black: #1f2328;
  --color-prettylights-syntax-invalid-illegal-bg: var(--bgColor-danger-muted);
  --color-prettylights-syntax-markup-bold: #1f2328;
  --color-prettylights-syntax-markup-italic: #1f2328;
  --color-prettylights-syntax-storage-modifier-import: #1f2328;
  --contribution-default-borderColor-1: var(--contribution-default-borderColor-0);
  --contribution-default-borderColor-2: var(--contribution-default-borderColor-0);
  --contribution-default-borderColor-3: var(--contribution-default-borderColor-0);
  --contribution-default-borderColor-4: var(--contribution-default-borderColor-0);
  --control-bgColor-disabled: var(--bgColor-disabled);
  --control-bgColor-selected: var(--control-bgColor-rest);
  --control-borderColor-danger: var(--borderColor-danger-emphasis);
  --control-borderColor-disabled: var(--borderColor-disabled);
  --control-borderColor-rest: var(--borderColor-default);
  --control-borderColor-success: var(--borderColor-success-emphasis);
  --control-borderColor-warning: var(--borderColor-attention-emphasis);
  --control-checked-bgColor-rest: #1f2328;
  --control-checked-borderColor-active: var(--control-checked-bgColor-active);
  --control-checked-borderColor-disabled: var(--control-checked-bgColor-disabled);
  --control-checked-borderColor-hover: var(--control-checked-bgColor-hover);
  --control-danger-bgColor-active: #ffebe966;
  --control-danger-bgColor-hover: var(--bgColor-danger-muted);
  --control-fgColor-disabled: var(--fgColor-disabled);
  --control-iconColor-rest: var(--fgColor-muted);
  --control-transparent-bgColor-disabled: var(--bgColor-disabled);
  --controlKnob-bgColor-checked: #ffffff;
  --controlKnob-bgColor-rest: #ffffff;
  --controlTrack-bgColor-disabled: var(--fgColor-disabled);
  --controlTrack-borderColor-disabled: var(--fgColor-disabled);
  --controlTrack-borderColor-rest: var(--borderColor-default);
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
  --diffBlob-deletionLine-bgColor: var(--bgColor-danger-muted);
  --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
  --diffBlob-emptyNum-bgColor: var(--bgColor-muted);
  --diffBlob-expander-iconColor: var(--fgColor-muted);
  --diffBlob-hunkLine-bgColor: var(--bgColor-accent-muted);
  --diffBlob-hunkLine-fgColor: var(--fgColor-muted);
  --diffBlob-hunkNum-bgColor-hover: var(--bgColor-accent-emphasis);
  --fgColor-black: #1f2328;
  --fgColor-default: #1f2328;
  --fgColor-draft: var(--fgColor-neutral);
  --fgColor-link: var(--fgColor-accent);
  --fgColor-onEmphasis: #ffffff;
  --fgColor-onInverse: #ffffff;
  --fgColor-open: var(--fgColor-success);
  --fgColor-upsell: var(--fgColor-done);
  --fgColor-white: #ffffff;
  --focus-outlineColor: var(--borderColor-accent-emphasis);
  --header-bgColor: var(--bgColor-muted);
  --headerSearch-bgColor: var(--bgColor-muted);
  --overlay-bgColor: #ffffff;
  --page-header-bgColor: var(--bgColor-muted);
  --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
  --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
  --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
  --progressBar-bgColor-done: var(--bgColor-done-emphasis);
  --progressBar-bgColor-neutral: var(--bgColor-neutral-emphasis);
  --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
  --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
  --progressBar-track-bgColor: var(--borderColor-default);
  --selection-bgColor: #0969da33;
  --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
  --shadow-resting-small: 0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;
  --shadow-resting-xsmall: 0px 1px 1px 0px #1f23280f;
  --sideNav-bgColor-selected: #ffffff;
  --timelineBadge-bgColor: var(--bgColor-muted);
  --tooltip-bgColor: var(--bgColor-emphasis);
  --underlineNav-iconColor-rest: var(--fgColor-muted);
  --avatar-borderColor: var(--borderColor-translucent);
  --border-closed-emphasis: var(--border-danger-emphasis);
  --border-closed-muted: var(--border-danger-muted);
  --border-muted: 0.0625rem solid #d1d9e0b3;
  --border-open-emphasis: var(--border-success-emphasis);
  --border-open-muted: var(--border-success-muted);
  --border-upsell-emphasis: 0.0625rem solid #8250df;
  --border-upsell-muted: 0.0625rem solid #c297ff66;
  --borderColor-neutral-muted: var(--borderColor-muted);
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
  --button-default-bgColor-rest: var(--bgColor-default);
  --button-default-borderColor-active: var(--control-borderColor-rest);
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
  --button-default-borderColor-rest: var(--control-borderColor-rest);
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
  --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
  --button-primary-borderColor-rest: var(--borderColor-translucent);
  --button-primary-fgColor-rest: var(--fgColor-white);
  --button-primary-iconColor-rest: #ffffffcc;
  --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
  --buttonKeybindingHint-danger-borderColor-hover: var(--borderColor-translucent);
  --buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
  --buttonKeybindingHint-danger-fgColor-hover: var(--fgColor-onEmphasis);
  --buttonKeybindingHint-danger-fgColor-rest: var(--buttonKeybindingHint-default-fgColor-rest);
  --buttonKeybindingHint-default-borderColor-disabled: var(--control-borderColor-disabled);
  --buttonKeybindingHint-default-borderColor-rest: var(--borderColor-muted);
  --buttonKeybindingHint-default-fgColor-disabled: var(--control-fgColor-disabled);
  --buttonKeybindingHint-inactive-borderColor: var(--borderColor-muted);
  --buttonKeybindingHint-invisible-borderColor-disabled: var(--control-borderColor-disabled);
  --buttonKeybindingHint-invisible-fgColor-disabled: var(--control-fgColor-disabled);
  --buttonKeybindingHint-primary-borderColor-disabled: var(--control-borderColor-disabled);
  --buttonKeybindingHint-primary-borderColor-rest: var(--borderColor-translucent);
  --buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
  --buttonKeybindingHint-primary-fgColor-rest: var(--fgColor-onEmphasis);
  --card-bgColor: var(--bgColor-default);
  --codeMirror-bgColor: var(--bgColor-default);
  --codeMirror-cursor-fgColor: var(--fgColor-default);
  --codeMirror-fgColor: var(--fgColor-default);
  --codeMirror-gutterMarker-fgColor-default: var(--bgColor-default);
  --codeMirror-gutters-bgColor: var(--bgColor-default);
  --codeMirror-lines-bgColor: var(--bgColor-default);
  --codeMirror-matchingBracket-fgColor: var(--fgColor-default);
  --control-borderColor-selected: var(--control-bgColor-selected);
  --control-checked-borderColor-rest: var(--control-checked-bgColor-rest);
  --control-checked-fgColor-disabled: var(--fgColor-onEmphasis);
  --control-checked-fgColor-rest: var(--fgColor-onEmphasis);
  --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
  --controlKnob-borderColor-rest: var(--control-borderColor-rest);
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
  --dashboard-bgColor: var(--bgColor-default);
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
  --diffBlob-additionWord-fgColor: var(--fgColor-default);
  --diffBlob-deletionLine-fgColor: var(--fgColor-default);
  --diffBlob-deletionNum-fgColor: var(--fgColor-default);
  --diffBlob-deletionWord-fgColor: var(--fgColor-default);
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
  --focus-outline: 2px solid #0969da;
  --overlay-borderColor: #d1d9e080;
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
  --tooltip-fgColor: var(--fgColor-onEmphasis);
  --underlineNav-borderColor-active: var(--fgColor-default);
  --underlineNav-borderColor-hover: var(--borderColor-muted);
  --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
  --borderColor-draft-muted: var(--borderColor-neutral-muted);
  --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
  --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
  --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
  --buttonKeybindingHint-danger-borderColor-active: var(--buttonKeybindingHint-danger-borderColor-hover);
  --buttonKeybindingHint-danger-borderColor-disabled: var(--buttonKeybindingHint-default-borderColor-disabled);
  --buttonKeybindingHint-danger-borderColor-rest: var(--buttonKeybindingHint-default-borderColor-rest);
  --buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
  --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
  --shadow-floating-medium: 0px 0px 0px 1px #d1d9e0, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14;
  --shadow-floating-small: 0px 0px 0px 1px #d1d9e080, 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
  --shadow-floating-xlarge: 0px 0px 0px 1px #d1d9e0, 0px 56px 112px 0px #25292e52;
  --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
  --button-outline-borderColor-hover: var(--button-primary-borderColor-hover);
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
}
@media (prefers-color-scheme: dark) {
  [data-color-mode][data-color-mode="auto"][data-dark-theme="light"],
  [data-color-mode][data-color-mode="auto"][data-dark-theme="light"] ::backdrop {
    --bgColor-success-emphasis: #1f883d;
    --button-outline-bgColor-active: #0757ba;
    --buttonCounter-danger-fgColor-rest: #c21c2c;
    --color-ansi-cyan: #1b7c83;
    --color-ansi-cyan-bright: #3192aa;
    --fgColor-danger: #d1242f;
    --reactionButton-selected-bgColor-hover: #caecff;
    --avatarStack-fade-bgColor-default: #c8d1da;
    --avatarStack-fade-bgColor-muted: #dae0e7;
    --bgColor-accent-emphasis: #0969da;
    --bgColor-accent-muted: #ddf4ff;
    --bgColor-attention-emphasis: #9a6700;
    --bgColor-attention-muted: #fff8c5;
    --bgColor-danger-emphasis: #cf222e;
    --bgColor-danger-muted: #ffebe9;
    --bgColor-disabled: #e6eaef;
    --bgColor-done-emphasis: #8250df;
    --bgColor-done-muted: #fbefff;
    --bgColor-emphasis: #25292e;
    --bgColor-inset: #eff2f5;
    --bgColor-inverse: #25292e;
    --bgColor-muted: #f6f8fa;
    --bgColor-neutral-emphasis: #59636e;
    --bgColor-neutral-muted: #818b981f;
    --bgColor-open-emphasis: var(--bgColor-success-emphasis);
    --bgColor-severe-emphasis: #bc4c00;
    --bgColor-severe-muted: #fff1e5;
    --bgColor-sponsors-emphasis: #bf3989;
    --bgColor-sponsors-muted: #ffeff7;
    --bgColor-success-muted: #dafbe1;
    --bgColor-transparent: #ffffff00;
    --borderColor-accent-emphasis: #0969da;
    --borderColor-accent-muted: #54aeff66;
    --borderColor-attention-emphasis: #9a6700;
    --borderColor-attention-muted: #d4a72c66;
    --borderColor-danger-emphasis: #cf222e;
    --borderColor-danger-muted: #ff818266;
    --borderColor-default: #d1d9e0;
    --borderColor-disabled: #818b981a;
    --borderColor-done-emphasis: #8250df;
    --borderColor-done-muted: #c297ff66;
    --borderColor-emphasis: #818b98;
    --borderColor-neutral-emphasis: #59636e;
    --borderColor-severe-emphasis: #bc4c00;
    --borderColor-severe-muted: #fb8f4466;
    --borderColor-sponsors-emphasis: #bf3989;
    --borderColor-sponsors-muted: #ff80c866;
    --borderColor-success-emphasis: #1a7f37;
    --borderColor-success-muted: #4ac26b66;
    --borderColor-transparent: #ffffff00;
    --button-danger-bgColor-active: #a40e26;
    --button-danger-fgColor-disabled: #d1242f80;
    --button-danger-fgColor-rest: var(--fgColor-danger);
    --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
    --button-inactive-bgColor: #e6eaef;
    --button-inactive-fgColor: #59636e;
    --button-invisible-bgColor-disabled: #ffffff00;
    --button-invisible-borderColor-disabled: #ffffff00;
    --button-outline-shadow-selected: inset 0px 1px 0px 0px #00215533;
    --button-primary-bgColor-active: #454c54;
    --button-primary-bgColor-disabled: #e6eaef;
    --button-primary-bgColor-hover: #393f46;
    --button-primary-shadow-selected: inset 0px 1px 0px 0px #002d114d;
    --button-star-iconColor: #eac54f;
    --buttonCounter-danger-fgColor-disabled: #d1242f80;
    --buttonCounter-outline-fgColor-rest: #0550ae;
    --buttonCounter-primary-bgColor-rest: #002d1133;
    --buttonKeybindingHint-danger-bgColor-active: #1f232866;
    --buttonKeybindingHint-danger-bgColor-hover: #1f232833;
    --buttonKeybindingHint-default-bgColor-rest: #eff2f5;
    --buttonKeybindingHint-inactive-bgColor: #eff2f5;
    --buttonKeybindingHint-invisible-borderColor-rest: #ffffff00;
    --codeMirror-syntax-fgColor-constant: #0550ae;
    --codeMirror-syntax-fgColor-entity: #8250df;
    --codeMirror-syntax-fgColor-keyword: #cf222e;
    --codeMirror-syntax-fgColor-storage: #cf222e;
    --codeMirror-syntax-fgColor-string: #0a3069;
    --codeMirror-syntax-fgColor-support: #0550ae;
    --codeMirror-syntax-fgColor-variable: #953800;
    --color-ansi-black-bright: #393f46;
    --color-ansi-blue: #0969da;
    --color-ansi-blue-bright: #218bff;
    --color-ansi-gray: #59636e;
    --color-ansi-green: #116329;
    --color-ansi-green-bright: #1a7f37;
    --color-ansi-magenta: #8250df;
    --color-ansi-magenta-bright: #a475f9;
    --color-ansi-red: #cf222e;
    --color-ansi-red-bright: #a40e26;
    --color-ansi-white: #59636e;
    --color-ansi-white-bright: #818b98;
    --color-ansi-yellow: #4d2d00;
    --color-ansi-yellow-bright: #633c01;
    --color-prettylights-syntax-brackethighlighter-angle: #59636e;
    --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
    --color-prettylights-syntax-carriage-return-bg: #cf222e;
    --color-prettylights-syntax-carriage-return-text: #f6f8fa;
    --color-prettylights-syntax-comment: #59636e;
    --color-prettylights-syntax-constant: #0550ae;
    --color-prettylights-syntax-constant-other-reference-link: #0a3069;
    --color-prettylights-syntax-entity: #6639ba;
    --color-prettylights-syntax-entity-tag: #0550ae;
    --color-prettylights-syntax-invalid-illegal-text: var(--fgColor-danger);
    --color-prettylights-syntax-keyword: #cf222e;
    --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
    --color-prettylights-syntax-markup-changed-text: #953800;
    --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
    --color-prettylights-syntax-markup-deleted-text: #82071e;
    --color-prettylights-syntax-markup-heading: #0550ae;
    --color-prettylights-syntax-markup-ignored-bg: #0550ae;
    --color-prettylights-syntax-markup-ignored-text: #d1d9e0;
    --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
    --color-prettylights-syntax-markup-inserted-text: #116329;
    --color-prettylights-syntax-markup-list: #3b2300;
    --color-prettylights-syntax-meta-diff-range: #8250df;
    --color-prettylights-syntax-string: #0a3069;
    --color-prettylights-syntax-string-regexp: #116329;
    --color-prettylights-syntax-sublimelinter-gutter-mark: #818b98;
    --color-prettylights-syntax-variable: #953800;
    --contribution-default-bgColor-0: #eff2f5;
    --contribution-default-bgColor-1: #aceebb;
    --contribution-default-bgColor-2: #4ac26b;
    --contribution-default-bgColor-3: #2da44e;
    --contribution-default-bgColor-4: #116329;
    --contribution-default-borderColor-0: #1f23280d;
    --contribution-halloween-bgColor-1: #fae17d;
    --contribution-halloween-bgColor-2: #fae17d;
    --contribution-halloween-bgColor-3: #fb8f44;
    --contribution-halloween-bgColor-4: #1f2328;
    --contribution-winter-bgColor-1: #b6e3ff;
    --contribution-winter-bgColor-2: #54aeff;
    --contribution-winter-bgColor-3: #0969da;
    --contribution-winter-bgColor-4: #0a3069;
    --control-bgColor-active: #e6eaef;
    --control-bgColor-hover: #eff2f5;
    --control-bgColor-rest: #f6f8fa;
    --control-borderColor-emphasis: #a5aeb9;
    --control-checked-bgColor-active: #454c54;
    --control-checked-bgColor-disabled: #e6eaef;
    --control-checked-bgColor-hover: #393f46;
    --control-danger-fgColor-hover: var(--fgColor-danger);
    --control-danger-fgColor-rest: var(--fgColor-danger);
    --control-fgColor-placeholder: #a5aeb9;
    --control-fgColor-rest: #25292e;
    --control-transparent-bgColor-active: #818b9826;
    --control-transparent-bgColor-hover: #818b981a;
    --control-transparent-bgColor-rest: #ffffff00;
    --control-transparent-bgColor-selected: #818b9826;
    --control-transparent-borderColor-active: #ffffff00;
    --control-transparent-borderColor-hover: #ffffff00;
    --control-transparent-borderColor-rest: #ffffff00;
    --controlTrack-bgColor-active: #dae0e7;
    --controlTrack-bgColor-hover: #e0e6eb;
    --controlTrack-bgColor-rest: #e6eaef;
    --controlTrack-fgColor-rest: #59636e;
    --counter-borderColor: #ffffff00;
    --diffBlob-additionNum-bgColor: #aceebb;
    --diffBlob-additionWord-bgColor: #aceebb;
    --diffBlob-deletionNum-bgColor: #ffcecb;
    --diffBlob-deletionWord-bgColor: #ffcecb;
    --diffBlob-hunkNum-bgColor-rest: #b6e3ff;
    --fgColor-accent: #0969da;
    --fgColor-attention: #9a6700;
    --fgColor-closed: var(--fgColor-danger);
    --fgColor-disabled: #818b98;
    --fgColor-done: #8250df;
    --fgColor-muted: #59636e;
    --fgColor-neutral: #59636e;
    --fgColor-severe: #bc4c00;
    --fgColor-sponsors: #bf3989;
    --fgColor-success: #1a7f37;
    --header-borderColor-divider: #e6eaef;
    --header-fgColor-default: #454c54;
    --header-fgColor-logo: #454c54;
    --headerSearch-borderColor: #e6eaef;
    --highlight-neutral-bgColor: #fff8c5;
    --label-blue-bgColor-active: #80ccff;
    --label-blue-bgColor-hover: #b6e3ff;
    --label-blue-bgColor-rest: #ddf4ff;
    --label-blue-borderColor: #ffffff00;
    --label-blue-fgColor-active: #0a3069;
    --label-blue-fgColor-hover: #033d8b;
    --label-blue-fgColor-rest: #0550ae;
    --label-coral-bgColor-active: #ffb4a1;
    --label-coral-bgColor-hover: #ffd6cc;
    --label-coral-bgColor-rest: #fff0eb;
    --label-coral-borderColor: #ffffff00;
    --label-coral-fgColor-active: #691105;
    --label-coral-fgColor-hover: #801f0f;
    --label-coral-fgColor-rest: #9e2f1c;
    --label-green-bgColor-active: #6fdd8b;
    --label-green-bgColor-hover: #aceebb;
    --label-green-bgColor-rest: #dafbe1;
    --label-green-borderColor: #ffffff00;
    --label-green-fgColor-active: #003d16;
    --label-green-fgColor-hover: #044f1e;
    --label-green-fgColor-rest: #116329;
    --label-orange-bgColor-active: #ffb77c;
    --label-orange-bgColor-hover: #ffd8b5;
    --label-orange-bgColor-rest: #fff1e5;
    --label-orange-borderColor: #ffffff00;
    --label-orange-fgColor-active: #5c2200;
    --label-orange-fgColor-hover: #762c00;
    --label-orange-fgColor-rest: #953800;
    --label-pink-bgColor-active: #ffadda;
    --label-pink-bgColor-hover: #ffd3eb;
    --label-pink-bgColor-rest: #ffeff7;
    --label-pink-borderColor: #ffffff00;
    --label-pink-fgColor-active: #611347;
    --label-pink-fgColor-hover: #772057;
    --label-pink-fgColor-rest: #99286e;
    --label-purple-bgColor-active: #d8b9ff;
    --label-purple-bgColor-hover: #ecd8ff;
    --label-purple-bgColor-rest: #fbefff;
    --label-purple-borderColor: #ffffff00;
    --label-purple-fgColor-active: #3e1f79;
    --label-purple-fgColor-hover: #512a97;
    --label-purple-fgColor-rest: #6639ba;
    --label-red-bgColor-active: #ffaba8;
    --label-red-bgColor-hover: #ffcecb;
    --label-red-bgColor-rest: #ffebe9;
    --label-red-borderColor: #ffffff00;
    --label-red-fgColor-active: #660018;
    --label-red-fgColor-hover: #82071e;
    --label-red-fgColor-rest: #a40e26;
    --label-yellow-bgColor-active: #eac54f;
    --label-yellow-bgColor-hover: #fae17d;
    --label-yellow-bgColor-rest: #fff8c5;
    --label-yellow-borderColor: #ffffff00;
    --label-yellow-fgColor-active: #4d2d00;
    --label-yellow-fgColor-hover: #633c01;
    --label-yellow-fgColor-rest: #7d4e00;
    --menu-bgColor-active: #ffffff00;
    --overlay-backdrop-bgColor: #c8d1da66;
    --progressBar-bgColor-success: var(--bgColor-success-emphasis);
    --progressBar-track-borderColor: #ffffff00;
    --reactionButton-selected-bgColor-rest: #ddf4ff;
    --reactionButton-selected-fgColor-hover: #0550ae;
    --selectMenu-bgColor-active: #b6e3ff;
    --selectMenu-borderColor: #ffffff00;
    --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
    --shadow-resting-medium: 0px 1px 1px 0px #25292e1a, 0px 3px 6px 0px #25292e1f;
    --skeletonLoader-bgColor: #818b981a;
    --topicTag-borderColor: #ffffff00;
    --treeViewItem-leadingVisual-iconColor-rest: #54aeff;
    --avatar-bgColor: #ffffff;
    --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
    --bgColor-black: #1f2328;
    --bgColor-closed-emphasis: var(--bgColor-danger-emphasis);
    --bgColor-closed-muted: var(--bgColor-danger-muted);
    --bgColor-default: #ffffff;
    --bgColor-draft-emphasis: var(--bgColor-neutral-emphasis);
    --bgColor-draft-muted: var(--bgColor-neutral-muted);
    --bgColor-open-muted: var(--bgColor-success-muted);
    --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
    --bgColor-upsell-muted: var(--bgColor-done-muted);
    --bgColor-white: #ffffff;
    --border-accent-emphasis: 0.0625rem solid #0969da;
    --border-accent-muted: 0.0625rem solid #54aeff66;
    --border-attention-emphasis: 0.0625rem solid #9a6700;
    --border-attention-muted: 0.0625rem solid #d4a72c66;
    --border-danger-emphasis: 0.0625rem solid #cf222e;
    --border-danger-muted: 0.0625rem solid #ff818266;
    --border-default: 0.0625rem solid #d1d9e0;
    --border-disabled: 0.0625rem solid #818b981a;
    --border-done-emphasis: 0.0625rem solid #8250df;
    --border-done-muted: 0.0625rem solid #c297ff66;
    --border-emphasis: 0.0625rem solid #818b98;
    --border-neutral-emphasis: 0.0625rem solid #59636e;
    --border-severe-emphasis: 0.0625rem solid #bc4c00;
    --border-severe-muted: 0.0625rem solid #fb8f4466;
    --border-sponsors-emphasis: 0.0625rem solid #bf3989;
    --border-sponsors-muted: 0.0625rem solid #ff80c866;
    --border-success-emphasis: 0.0625rem solid #1a7f37;
    --border-success-muted: 0.0625rem solid #4ac26b66;
    --border-transparent: 0.0625rem solid #ffffff00;
    --borderColor-closed-emphasis: var(--borderColor-danger-emphasis);
    --borderColor-closed-muted: var(--borderColor-danger-muted);
    --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis);
    --borderColor-muted: #d1d9e0b3;
    --borderColor-open-emphasis: var(--borderColor-success-emphasis);
    --borderColor-open-muted: var(--borderColor-success-muted);
    --borderColor-translucent: #1f232826;
    --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
    --borderColor-upsell-muted: var(--borderColor-done-muted);
    --button-danger-bgColor-hover: var(--bgColor-danger-emphasis);
    --button-danger-bgColor-rest: var(--control-bgColor-rest);
    --button-danger-fgColor-active: #ffffff;
    --button-danger-fgColor-hover: #ffffff;
    --button-danger-iconColor-hover: #ffffff;
    --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
    --button-default-bgColor-active: var(--bgColor-inset);
    --button-default-bgColor-disabled: var(--bgColor-disabled);
    --button-default-bgColor-hover: var(--bgColor-inset);
    --button-default-bgColor-selected: var(--bgColor-muted);
    --button-default-fgColor-rest: var(--control-fgColor-rest);
    --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
    --button-invisible-bgColor-active: var(--control-transparent-bgColor-active);
    --button-invisible-bgColor-hover: var(--control-transparent-bgColor-hover);
    --button-invisible-bgColor-rest: var(--control-transparent-bgColor-rest);
    --button-invisible-borderColor-hover: var(--control-transparent-borderColor-hover);
    --button-invisible-borderColor-rest: var(--control-transparent-borderColor-rest);
    --button-invisible-fgColor-active: var(--control-fgColor-rest);
    --button-invisible-fgColor-hover: var(--control-fgColor-rest);
    --button-invisible-fgColor-rest: var(--control-fgColor-rest);
    --button-invisible-iconColor-hover: var(--fgColor-muted);
    --button-invisible-iconColor-rest: var(--fgColor-muted);
    --button-outline-bgColor-hover: var(--bgColor-accent-emphasis);
    --button-outline-bgColor-rest: var(--control-bgColor-rest);
    --button-outline-fgColor-active: #ffffff;
    --button-outline-fgColor-disabled: #0969da80;
    --button-outline-fgColor-hover: #ffffff;
    --button-outline-fgColor-rest: var(--fgColor-accent);
    --button-primary-bgColor-rest: #1f2328;
    --button-primary-borderColor-disabled: var(--button-primary-bgColor-disabled);
    --button-primary-fgColor-disabled: #ffffffcc;
    --buttonCounter-danger-bgColor-disabled: #cf222e0d;
    --buttonCounter-danger-bgColor-hover: #ffffff33;
    --buttonCounter-danger-bgColor-rest: #cf222e1a;
    --buttonCounter-danger-fgColor-hover: #ffffff;
    --buttonCounter-default-bgColor-rest: var(--bgColor-neutral-muted);
    --buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
    --buttonCounter-outline-bgColor-disabled: #0969da0d;
    --buttonCounter-outline-bgColor-hover: #ffffff33;
    --buttonCounter-outline-bgColor-rest: #0969da1a;
    --buttonCounter-outline-fgColor-disabled: #0969da80;
    --buttonCounter-outline-fgColor-hover: #ffffff;
    --buttonKeybindingHint-danger-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
    --buttonKeybindingHint-default-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-rest);
    --buttonKeybindingHint-default-fgColor-rest: var(--fgColor-muted);
    --buttonKeybindingHint-inactive-fgColor: var(--button-inactive-fgColor);
    --buttonKeybindingHint-invisible-bgColor-active: var(--control-transparent-bgColor-active);
    --buttonKeybindingHint-invisible-bgColor-disabled: var(--button-invisible-bgColor-disabled);
    --buttonKeybindingHint-invisible-bgColor-hover: var(--control-transparent-bgColor-hover);
    --buttonKeybindingHint-invisible-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
    --buttonKeybindingHint-invisible-fgColor-rest: var(--fgColor-muted);
    --buttonKeybindingHint-primary-bgColor-disabled: #002d111a;
    --buttonKeybindingHint-primary-bgColor-rest: var(--buttonCounter-primary-bgColor-rest);
    --codeMirror-activeline-bgColor: var(--bgColor-neutral-muted);
    --codeMirror-gutterMarker-fgColor-muted: var(--fgColor-muted);
    --codeMirror-lineNumber-fgColor: var(--fgColor-muted);
    --codeMirror-selection-bgColor: var(--borderColor-accent-muted);
    --codeMirror-syntax-fgColor-comment: #1f2328;
    --color-ansi-black: #1f2328;
    --color-prettylights-syntax-invalid-illegal-bg: var(--bgColor-danger-muted);
    --color-prettylights-syntax-markup-bold: #1f2328;
    --color-prettylights-syntax-markup-italic: #1f2328;
    --color-prettylights-syntax-storage-modifier-import: #1f2328;
    --contribution-default-borderColor-1: var(--contribution-default-borderColor-0);
    --contribution-default-borderColor-2: var(--contribution-default-borderColor-0);
    --contribution-default-borderColor-3: var(--contribution-default-borderColor-0);
    --contribution-default-borderColor-4: var(--contribution-default-borderColor-0);
    --control-bgColor-disabled: var(--bgColor-disabled);
    --control-bgColor-selected: var(--control-bgColor-rest);
    --control-borderColor-danger: var(--borderColor-danger-emphasis);
    --control-borderColor-disabled: var(--borderColor-disabled);
    --control-borderColor-rest: var(--borderColor-default);
    --control-borderColor-success: var(--borderColor-success-emphasis);
    --control-borderColor-warning: var(--borderColor-attention-emphasis);
    --control-checked-bgColor-rest: #1f2328;
    --control-checked-borderColor-active: var(--control-checked-bgColor-active);
    --control-checked-borderColor-disabled: var(--control-checked-bgColor-disabled);
    --control-checked-borderColor-hover: var(--control-checked-bgColor-hover);
    --control-danger-bgColor-active: #ffebe966;
    --control-danger-bgColor-hover: var(--bgColor-danger-muted);
    --control-fgColor-disabled: var(--fgColor-disabled);
    --control-iconColor-rest: var(--fgColor-muted);
    --control-transparent-bgColor-disabled: var(--bgColor-disabled);
    --controlKnob-bgColor-checked: #ffffff;
    --controlKnob-bgColor-rest: #ffffff;
    --controlTrack-bgColor-disabled: var(--fgColor-disabled);
    --controlTrack-borderColor-disabled: var(--fgColor-disabled);
    --controlTrack-borderColor-rest: var(--borderColor-default);
    --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
    --counter-bgColor-muted: var(--bgColor-neutral-muted);
    --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
    --diffBlob-deletionLine-bgColor: var(--bgColor-danger-muted);
    --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
    --diffBlob-emptyNum-bgColor: var(--bgColor-muted);
    --diffBlob-expander-iconColor: var(--fgColor-muted);
    --diffBlob-hunkLine-bgColor: var(--bgColor-accent-muted);
    --diffBlob-hunkLine-fgColor: var(--fgColor-muted);
    --diffBlob-hunkNum-bgColor-hover: var(--bgColor-accent-emphasis);
    --fgColor-black: #1f2328;
    --fgColor-default: #1f2328;
    --fgColor-draft: var(--fgColor-neutral);
    --fgColor-link: var(--fgColor-accent);
    --fgColor-onEmphasis: #ffffff;
    --fgColor-onInverse: #ffffff;
    --fgColor-open: var(--fgColor-success);
    --fgColor-upsell: var(--fgColor-done);
    --fgColor-white: #ffffff;
    --focus-outlineColor: var(--borderColor-accent-emphasis);
    --header-bgColor: var(--bgColor-muted);
    --headerSearch-bgColor: var(--bgColor-muted);
    --overlay-bgColor: #ffffff;
    --page-header-bgColor: var(--bgColor-muted);
    --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
    --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
    --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
    --progressBar-bgColor-done: var(--bgColor-done-emphasis);
    --progressBar-bgColor-neutral: var(--bgColor-neutral-emphasis);
    --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
    --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
    --progressBar-track-bgColor: var(--borderColor-default);
    --selection-bgColor: #0969da33;
    --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
    --shadow-resting-small: 0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;
    --shadow-resting-xsmall: 0px 1px 1px 0px #1f23280f;
    --sideNav-bgColor-selected: #ffffff;
    --timelineBadge-bgColor: var(--bgColor-muted);
    --tooltip-bgColor: var(--bgColor-emphasis);
    --underlineNav-iconColor-rest: var(--fgColor-muted);
    --avatar-borderColor: var(--borderColor-translucent);
    --border-closed-emphasis: var(--border-danger-emphasis);
    --border-closed-muted: var(--border-danger-muted);
    --border-muted: 0.0625rem solid #d1d9e0b3;
    --border-open-emphasis: var(--border-success-emphasis);
    --border-open-muted: var(--border-success-muted);
    --border-upsell-emphasis: 0.0625rem solid #8250df;
    --border-upsell-muted: 0.0625rem solid #c297ff66;
    --borderColor-neutral-muted: var(--borderColor-muted);
    --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
    --button-danger-borderColor-rest: var(--control-borderColor-rest);
    --button-default-bgColor-rest: var(--bgColor-default);
    --button-default-borderColor-active: var(--control-borderColor-rest);
    --button-default-borderColor-disabled: var(--control-borderColor-disabled);
    --button-default-borderColor-rest: var(--control-borderColor-rest);
    --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
    --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
    --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
    --button-primary-borderColor-rest: var(--borderColor-translucent);
    --button-primary-fgColor-rest: var(--fgColor-white);
    --button-primary-iconColor-rest: #ffffffcc;
    --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
    --buttonKeybindingHint-danger-borderColor-hover: var(--borderColor-translucent);
    --buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
    --buttonKeybindingHint-danger-fgColor-hover: var(--fgColor-onEmphasis);
    --buttonKeybindingHint-danger-fgColor-rest: var(--buttonKeybindingHint-default-fgColor-rest);
    --buttonKeybindingHint-default-borderColor-disabled: var(--control-borderColor-disabled);
    --buttonKeybindingHint-default-borderColor-rest: var(--borderColor-muted);
    --buttonKeybindingHint-default-fgColor-disabled: var(--control-fgColor-disabled);
    --buttonKeybindingHint-inactive-borderColor: var(--borderColor-muted);
    --buttonKeybindingHint-invisible-borderColor-disabled: var(--control-borderColor-disabled);
    --buttonKeybindingHint-invisible-fgColor-disabled: var(--control-fgColor-disabled);
    --buttonKeybindingHint-primary-borderColor-disabled: var(--control-borderColor-disabled);
    --buttonKeybindingHint-primary-borderColor-rest: var(--borderColor-translucent);
    --buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
    --buttonKeybindingHint-primary-fgColor-rest: var(--fgColor-onEmphasis);
    --card-bgColor: var(--bgColor-default);
    --codeMirror-bgColor: var(--bgColor-default);
    --codeMirror-cursor-fgColor: var(--fgColor-default);
    --codeMirror-fgColor: var(--fgColor-default);
    --codeMirror-gutterMarker-fgColor-default: var(--bgColor-default);
    --codeMirror-gutters-bgColor: var(--bgColor-default);
    --codeMirror-lines-bgColor: var(--bgColor-default);
    --codeMirror-matchingBracket-fgColor: var(--fgColor-default);
    --control-borderColor-selected: var(--control-bgColor-selected);
    --control-checked-borderColor-rest: var(--control-checked-bgColor-rest);
    --control-checked-fgColor-disabled: var(--fgColor-onEmphasis);
    --control-checked-fgColor-rest: var(--fgColor-onEmphasis);
    --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
    --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
    --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
    --controlKnob-borderColor-rest: var(--control-borderColor-rest);
    --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
    --dashboard-bgColor: var(--bgColor-default);
    --diffBlob-additionLine-fgColor: var(--fgColor-default);
    --diffBlob-additionNum-fgColor: var(--fgColor-default);
    --diffBlob-additionWord-fgColor: var(--fgColor-default);
    --diffBlob-deletionLine-fgColor: var(--fgColor-default);
    --diffBlob-deletionNum-fgColor: var(--fgColor-default);
    --diffBlob-deletionWord-fgColor: var(--fgColor-default);
    --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
    --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
    --focus-outline: 2px solid #0969da;
    --overlay-borderColor: #d1d9e080;
    --reactionButton-selected-fgColor-rest: var(--fgColor-link);
    --tooltip-fgColor: var(--fgColor-onEmphasis);
    --underlineNav-borderColor-active: var(--fgColor-default);
    --underlineNav-borderColor-hover: var(--borderColor-muted);
    --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
    --borderColor-draft-muted: var(--borderColor-neutral-muted);
    --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
    --button-default-borderColor-hover: var(--button-default-borderColor-rest);
    --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
    --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
    --buttonKeybindingHint-danger-borderColor-active: var(--buttonKeybindingHint-danger-borderColor-hover);
    --buttonKeybindingHint-danger-borderColor-disabled: var(--buttonKeybindingHint-default-borderColor-disabled);
    --buttonKeybindingHint-danger-borderColor-rest: var(--buttonKeybindingHint-default-borderColor-rest);
    --buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
    --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
    --shadow-floating-medium: 0px 0px 0px 1px #d1d9e0, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14;
    --shadow-floating-small: 0px 0px 0px 1px #d1d9e080, 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
    --shadow-floating-xlarge: 0px 0px 0px 1px #d1d9e0, 0px 56px 112px 0px #25292e52;
    --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
    --button-outline-borderColor-hover: var(--button-primary-borderColor-hover);
    --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
  }
}
[data-color-mode="dark"][data-dark-theme="dark"],
[data-color-mode="dark"][data-dark-theme="dark"] ::backdrop,
[data-color-mode="auto"][data-light-theme="dark"],
[data-color-mode="auto"][data-light-theme="dark"] ::backdrop {
  --button-danger-fgColor-rest: #fa5e55;
  --color-ansi-cyan: #39c5cf;
  --color-ansi-cyan-bright: #56d4dd;
  --fgColor-accent: #4493f8;
  --reactionButton-selected-bgColor-hover: #3a8cfd5c;
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
  --avatarStack-fade-bgColor-default: #3d444d;
  --avatarStack-fade-bgColor-muted: #2a313c;
  --bgColor-accent-emphasis: #1f6feb;
  --bgColor-accent-muted: #388bfd1a;
  --bgColor-attention-emphasis: #9e6a03;
  --bgColor-attention-muted: #bb800926;
  --bgColor-danger-emphasis: #da3633;
  --bgColor-danger-muted: #f851491a;
  --bgColor-default: #0d1117;
  --bgColor-disabled: #212830;
  --bgColor-done-emphasis: #8957e5;
  --bgColor-done-muted: #ab7df826;
  --bgColor-emphasis: #3d444d;
  --bgColor-muted: #151b23;
  --bgColor-neutral-emphasis: #656c76;
  --bgColor-neutral-muted: #656c7633;
  --bgColor-severe-emphasis: #bd561d;
  --bgColor-severe-muted: #db6d281a;
  --bgColor-sponsors-emphasis: #bf4b8a;
  --bgColor-sponsors-muted: #db61a21a;
  --bgColor-success-emphasis: #238636;
  --bgColor-success-muted: #2ea04326;
  --bgColor-transparent: #00000000;
  --borderColor-accent-emphasis: #1f6feb;
  --borderColor-accent-muted: #388bfd66;
  --borderColor-attention-emphasis: #9e6a03;
  --borderColor-attention-muted: #bb800966;
  --borderColor-danger-emphasis: #da3633;
  --borderColor-danger-muted: #f8514966;
  --borderColor-default: #3d444d;
  --borderColor-disabled: #656c761a;
  --borderColor-done-emphasis: #8957e5;
  --borderColor-done-muted: #ab7df866;
  --borderColor-emphasis: #656c76;
  --borderColor-severe-emphasis: #bd561d;
  --borderColor-severe-muted: #db6d2866;
  --borderColor-sponsors-emphasis: #bf4b8a;
  --borderColor-sponsors-muted: #db61a266;
  --borderColor-success-emphasis: #238636;
  --borderColor-success-muted: #2ea04366;
  --borderColor-transparent: #00000000;
  --button-danger-bgColor-hover: #b62324;
  --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
  --button-inactive-bgColor: #262c36;
  --button-inactive-fgColor: #9198a1;
  --button-invisible-bgColor-disabled: #00000000;
  --button-invisible-borderColor-disabled: #00000000;
  --button-outline-bgColor-active: #0d419d;
  --button-outline-bgColor-rest: #f0f6fc;
  --button-outline-fgColor-disabled: #4493f880;
  --button-outline-fgColor-hover: #58a6ff;
  --button-outline-fgColor-rest: #388bfd;
  --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
  --button-primary-bgColor-active: #212830;
  --button-primary-bgColor-disabled: #151b23;
  --button-primary-bgColor-hover: #151b23;
  --button-primary-bgColor-rest: #0d1117;
  --button-primary-borderColor-disabled: #236146;
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
  --button-star-iconColor: #e3b341;
  --buttonCounter-danger-bgColor-rest: #49020233;
  --buttonCounter-default-bgColor-rest: #2f3742;
  --buttonCounter-outline-bgColor-hover: #051d4d33;
  --buttonCounter-outline-bgColor-rest: #051d4d33;
  --buttonCounter-outline-fgColor-disabled: #4493f880;
  --buttonCounter-outline-fgColor-hover: #58a6ff;
  --buttonCounter-outline-fgColor-rest: #388bfd;
  --buttonCounter-primary-bgColor-rest: #04260f33;
  --buttonKeybindingHint-danger-bgColor-active: #01040966;
  --buttonKeybindingHint-danger-bgColor-hover: #01040933;
  --buttonKeybindingHint-danger-borderColor-hover: #0104091a;
  --buttonKeybindingHint-default-bgColor-rest: #2a313c;
  --buttonKeybindingHint-inactive-bgColor: #2a313c;
  --buttonKeybindingHint-invisible-borderColor-rest: #00000000;
  --codeMirror-syntax-fgColor-comment: #656c76;
  --codeMirror-syntax-fgColor-constant: #79c0ff;
  --codeMirror-syntax-fgColor-entity: #d2a8ff;
  --codeMirror-syntax-fgColor-keyword: #ff7b72;
  --codeMirror-syntax-fgColor-storage: #ff7b72;
  --codeMirror-syntax-fgColor-string: #a5d6ff;
  --codeMirror-syntax-fgColor-support: #79c0ff;
  --codeMirror-syntax-fgColor-variable: #ffa657;
  --color-ansi-black: #2f3742;
  --color-ansi-black-bright: #656c76;
  --color-ansi-blue: #58a6ff;
  --color-ansi-blue-bright: #79c0ff;
  --color-ansi-gray: #656c76;
  --color-ansi-green: #3fb950;
  --color-ansi-green-bright: #56d364;
  --color-ansi-magenta: #be8fff;
  --color-ansi-magenta-bright: #d2a8ff;
  --color-ansi-red: #ff7b72;
  --color-ansi-red-bright: #ffa198;
  --color-ansi-white: #f0f6fc;
  --color-ansi-yellow: #d29922;
  --color-ansi-yellow-bright: #e3b341;
  --color-prettylights-syntax-brackethighlighter-angle: #9198a1;
  --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
  --color-prettylights-syntax-carriage-return-bg: #b62324;
  --color-prettylights-syntax-carriage-return-text: #f0f6fc;
  --color-prettylights-syntax-comment: #9198a1;
  --color-prettylights-syntax-constant: #79c0ff;
  --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
  --color-prettylights-syntax-entity: #d2a8ff;
  --color-prettylights-syntax-entity-tag: #7ee787;
  --color-prettylights-syntax-keyword: #ff7b72;
  --color-prettylights-syntax-markup-bold: #f0f6fc;
  --color-prettylights-syntax-markup-changed-bg: #5a1e02;
  --color-prettylights-syntax-markup-changed-text: #ffdfb6;
  --color-prettylights-syntax-markup-deleted-bg: #67060c;
  --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
  --color-prettylights-syntax-markup-heading: #1f6feb;
  --color-prettylights-syntax-markup-ignored-bg: #1158c7;
  --color-prettylights-syntax-markup-ignored-text: #f0f6fc;
  --color-prettylights-syntax-markup-inserted-bg: #033a16;
  --color-prettylights-syntax-markup-inserted-text: #aff5b4;
  --color-prettylights-syntax-markup-italic: #f0f6fc;
  --color-prettylights-syntax-markup-list: #f2cc60;
  --color-prettylights-syntax-meta-diff-range: #d2a8ff;
  --color-prettylights-syntax-storage-modifier-import: #f0f6fc;
  --color-prettylights-syntax-string: #a5d6ff;
  --color-prettylights-syntax-string-regexp: #7ee787;
  --color-prettylights-syntax-sublimelinter-gutter-mark: #3d444d;
  --color-prettylights-syntax-variable: #ffa657;
  --contribution-default-bgColor-0: #151b23;
  --contribution-default-bgColor-1: #033a16;
  --contribution-default-bgColor-2: #196c2e;
  --contribution-default-bgColor-3: #2ea043;
  --contribution-default-bgColor-4: #56d364;
  --contribution-default-borderColor-0: #0104090d;
  --contribution-halloween-bgColor-1: #3d1300;
  --contribution-halloween-bgColor-2: #bd561d;
  --contribution-halloween-bgColor-3: #db6d28;
  --contribution-halloween-bgColor-4: #341a00;
  --contribution-winter-bgColor-1: #0c2d6b;
  --contribution-winter-bgColor-2: #1158c7;
  --contribution-winter-bgColor-3: #58a6ff;
  --contribution-winter-bgColor-4: #cae8ff;
  --control-bgColor-active: #2a313c;
  --control-bgColor-hover: #262c36;
  --control-bgColor-rest: #212830;
  --control-borderColor-emphasis: #7b828b;
  --control-borderColor-selected: #f0f6fc;
  --control-checked-bgColor-active: #212830;
  --control-checked-bgColor-disabled: #151b23;
  --control-checked-bgColor-hover: #151b23;
  --control-checked-bgColor-rest: #0d1117;
  --control-danger-fgColor-hover: #ff7b72;
  --control-fgColor-placeholder: #7b828b;
  --control-transparent-bgColor-active: #656c7640;
  --control-transparent-bgColor-hover: #656c7633;
  --control-transparent-bgColor-rest: #00000000;
  --control-transparent-bgColor-selected: #656c7633;
  --control-transparent-borderColor-active: #00000000;
  --control-transparent-borderColor-hover: #00000000;
  --control-transparent-borderColor-rest: #00000000;
  --controlTrack-bgColor-active: #2f3742;
  --controlTrack-bgColor-hover: #2a313c;
  --controlTrack-bgColor-rest: #262c36;
  --counter-borderColor: #00000000;
  --diffBlob-additionNum-bgColor: #3fb9504d;
  --diffBlob-additionWord-bgColor: #2ea04366;
  --diffBlob-deletionNum-bgColor: #f851494d;
  --diffBlob-deletionWord-bgColor: #f8514966;
  --diffBlob-hunkNum-bgColor-rest: #0c2d6b;
  --fgColor-attention: #d29922;
  --fgColor-danger: #f85149;
  --fgColor-default: #f0f6fc;
  --fgColor-disabled: #656c76;
  --fgColor-done: #ab7df8;
  --fgColor-link: var(--fgColor-accent);
  --fgColor-muted: #9198a1;
  --fgColor-neutral: #9198a1;
  --fgColor-severe: #db6d28;
  --fgColor-sponsors: #db61a2;
  --fgColor-success: #3fb950;
  --header-bgColor: #151b23;
  --header-borderColor-divider: #656c76;
  --header-fgColor-logo: #f0f6fc;
  --headerSearch-bgColor: #0d1117;
  --headerSearch-borderColor: #2a313c;
  --highlight-neutral-bgColor: #d2992266;
  --label-blue-bgColor-active: #79c0ff;
  --label-blue-bgColor-hover: #a5d6ff;
  --label-blue-bgColor-rest: #cae8ff;
  --label-blue-borderColor: #00000000;
  --label-blue-fgColor-active: #0c2d6b;
  --label-blue-fgColor-hover: #0d419d;
  --label-blue-fgColor-rest: #1158c7;
  --label-coral-bgColor-active: #ffa28b;
  --label-coral-bgColor-hover: #ffc2b2;
  --label-coral-bgColor-rest: #ffddd2;
  --label-coral-borderColor: #00000000;
  --label-coral-fgColor-active: #640d04;
  --label-coral-fgColor-hover: #872012;
  --label-coral-fgColor-rest: #ac3220;
  --label-green-bgColor-active: #56d364;
  --label-green-bgColor-hover: #7ee787;
  --label-green-bgColor-rest: #aff5b4;
  --label-green-borderColor: #00000000;
  --label-green-fgColor-active: #033a16;
  --label-green-fgColor-hover: #0f5323;
  --label-green-fgColor-rest: #196c2e;
  --label-orange-bgColor-active: #ffa657;
  --label-orange-bgColor-hover: #ffc680;
  --label-orange-bgColor-rest: #ffdfb6;
  --label-orange-borderColor: #00000000;
  --label-orange-fgColor-active: #5a1e02;
  --label-orange-fgColor-hover: #762d0a;
  --label-orange-fgColor-rest: #9b4215;
  --label-pink-bgColor-active: #ff9bce;
  --label-pink-bgColor-hover: #ffbedd;
  --label-pink-bgColor-rest: #ffdaec;
  --label-pink-borderColor: #00000000;
  --label-pink-fgColor-active: #5e103e;
  --label-pink-fgColor-hover: #7d2457;
  --label-pink-fgColor-rest: #9e3670;
  --label-purple-bgColor-active: #d2a8ff;
  --label-purple-bgColor-hover: #e2c5ff;
  --label-purple-bgColor-rest: #eddeff;
  --label-purple-borderColor: #00000000;
  --label-purple-fgColor-active: #3c1e70;
  --label-purple-fgColor-hover: #553098;
  --label-purple-fgColor-rest: #6e40c9;
  --label-red-bgColor-active: #ffa198;
  --label-red-bgColor-hover: #ffc1ba;
  --label-red-bgColor-rest: #ffdcd7;
  --label-red-borderColor: #00000000;
  --label-red-fgColor-active: #67060c;
  --label-red-fgColor-hover: #8e1519;
  --label-red-fgColor-rest: #b62324;
  --label-yellow-bgColor-active: #e3b341;
  --label-yellow-bgColor-hover: #f2cc60;
  --label-yellow-bgColor-rest: #f8e3a1;
  --label-yellow-borderColor: #00000000;
  --label-yellow-fgColor-active: #4b2900;
  --label-yellow-fgColor-hover: #693e00;
  --label-yellow-fgColor-rest: #845306;
  --menu-bgColor-active: #151b23;
  --overlay-backdrop-bgColor: #21283066;
  --progressBar-track-borderColor: #00000000;
  --reactionButton-selected-bgColor-rest: #388bfd33;
  --reactionButton-selected-fgColor-hover: #79c0ff;
  --selectMenu-bgColor-active: #0c2d6b;
  --sideNav-bgColor-selected: #212830;
  --skeletonLoader-bgColor: #656c7633;
  --timelineBadge-bgColor: #212830;
  --topicTag-borderColor: #00000000;
  --avatar-bgColor: #ffffff1a;
  --bgColor-black: #010409;
  --bgColor-closed-emphasis: var(--bgColor-danger-emphasis);
  --bgColor-closed-muted: var(--bgColor-danger-muted);
  --bgColor-draft-emphasis: var(--bgColor-neutral-emphasis);
  --bgColor-draft-muted: var(--bgColor-neutral-muted);
  --bgColor-inset: #010409;
  --bgColor-inverse: #ffffff;
  --bgColor-open-emphasis: var(--bgColor-success-emphasis);
  --bgColor-open-muted: var(--bgColor-success-muted);
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
  --bgColor-upsell-muted: var(--bgColor-done-muted);
  --bgColor-white: #ffffff;
  --border-accent-emphasis: 0.0625rem solid #1f6feb;
  --border-accent-muted: 0.0625rem solid #388bfd66;
  --border-attention-emphasis: 0.0625rem solid #9e6a03;
  --border-attention-muted: 0.0625rem solid #bb800966;
  --border-danger-emphasis: 0.0625rem solid #da3633;
  --border-danger-muted: 0.0625rem solid #f8514966;
  --border-default: 0.0625rem solid #3d444d;
  --border-disabled: 0.0625rem solid #656c761a;
  --border-done-emphasis: 0.0625rem solid #8957e5;
  --border-done-muted: 0.0625rem solid #ab7df866;
  --border-emphasis: 0.0625rem solid #656c76;
  --border-severe-emphasis: 0.0625rem solid #bd561d;
  --border-severe-muted: 0.0625rem solid #db6d2866;
  --border-sponsors-emphasis: 0.0625rem solid #bf4b8a;
  --border-sponsors-muted: 0.0625rem solid #db61a266;
  --border-success-emphasis: 0.0625rem solid #238636;
  --border-success-muted: 0.0625rem solid #2ea04366;
  --border-transparent: 0.0625rem solid #00000000;
  --borderColor-closed-emphasis: var(--borderColor-danger-emphasis);
  --borderColor-closed-muted: var(--borderColor-danger-muted);
  --borderColor-muted: #3d444db3;
  --borderColor-neutral-emphasis: var(--borderColor-emphasis);
  --borderColor-open-emphasis: var(--borderColor-success-emphasis);
  --borderColor-open-muted: var(--borderColor-success-muted);
  --borderColor-translucent: #ffffff26;
  --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
  --borderColor-upsell-muted: var(--borderColor-done-muted);
  --button-danger-bgColor-active: var(--bgColor-danger-emphasis);
  --button-danger-bgColor-rest: var(--control-bgColor-rest);
  --button-danger-fgColor-active: #ffffff;
  --button-danger-fgColor-disabled: #f8514980;
  --button-danger-fgColor-hover: #ffffff;
  --button-danger-iconColor-hover: #ffffff;
  --button-default-bgColor-active: var(--control-bgColor-active);
  --button-default-bgColor-hover: var(--control-bgColor-hover);
  --button-default-bgColor-rest: var(--control-bgColor-rest);
  --button-default-bgColor-selected: var(--control-bgColor-active);
  --button-invisible-bgColor-active: var(--control-transparent-bgColor-active);
  --button-invisible-bgColor-hover: var(--control-transparent-bgColor-hover);
  --button-invisible-bgColor-rest: var(--control-transparent-bgColor-rest);
  --button-invisible-borderColor-hover: var(--control-transparent-borderColor-hover);
  --button-invisible-borderColor-rest: var(--control-transparent-borderColor-rest);
  --button-invisible-iconColor-hover: var(--fgColor-muted);
  --button-invisible-iconColor-rest: var(--fgColor-muted);
  --button-outline-bgColor-hover: var(--control-bgColor-hover);
  --button-outline-fgColor-active: #ffffff;
  --button-primary-fgColor-disabled: #ffffff66;
  --buttonCounter-danger-bgColor-disabled: #da36330d;
  --buttonCounter-danger-bgColor-hover: #ffffff33;
  --buttonCounter-danger-fgColor-disabled: #f8514980;
  --buttonCounter-danger-fgColor-hover: #ffffff;
  --buttonCounter-danger-fgColor-rest: var(--fgColor-danger);
  --buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
  --buttonCounter-outline-bgColor-disabled: #1f6feb0d;
  --buttonKeybindingHint-danger-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
  --buttonKeybindingHint-danger-borderColor-active: var(--buttonKeybindingHint-danger-borderColor-hover);
  --buttonKeybindingHint-default-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-rest);
  --buttonKeybindingHint-default-fgColor-rest: var(--fgColor-muted);
  --buttonKeybindingHint-inactive-fgColor: var(--button-inactive-fgColor);
  --buttonKeybindingHint-invisible-bgColor-active: var(--control-transparent-bgColor-active);
  --buttonKeybindingHint-invisible-bgColor-disabled: var(--button-invisible-bgColor-disabled);
  --buttonKeybindingHint-invisible-bgColor-hover: var(--control-transparent-bgColor-hover);
  --buttonKeybindingHint-invisible-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
  --buttonKeybindingHint-invisible-fgColor-rest: var(--fgColor-muted);
  --buttonKeybindingHint-primary-bgColor-disabled: #04260f1a;
  --buttonKeybindingHint-primary-bgColor-rest: var(--buttonCounter-primary-bgColor-rest);
  --buttonKeybindingHint-primary-borderColor-rest: #04260f1a;
  --card-bgColor: var(--bgColor-muted);
  --codeMirror-activeline-bgColor: var(--bgColor-neutral-muted);
  --codeMirror-bgColor: var(--bgColor-default);
  --codeMirror-cursor-fgColor: var(--fgColor-default);
  --codeMirror-fgColor: var(--fgColor-default);
  --codeMirror-gutterMarker-fgColor-default: var(--bgColor-default);
  --codeMirror-gutterMarker-fgColor-muted: var(--fgColor-muted);
  --codeMirror-gutters-bgColor: var(--bgColor-default);
  --codeMirror-lineNumber-fgColor: var(--fgColor-muted);
  --codeMirror-lines-bgColor: var(--bgColor-default);
  --codeMirror-matchingBracket-fgColor: var(--fgColor-default);
  --codeMirror-selection-bgColor: var(--borderColor-accent-muted);
  --color-ansi-white-bright: #ffffff;
  --color-prettylights-syntax-invalid-illegal-bg: var(--bgColor-danger-muted);
  --color-prettylights-syntax-invalid-illegal-text: var(--fgColor-danger);
  --contribution-default-borderColor-1: var(--contribution-default-borderColor-0);
  --contribution-default-borderColor-2: var(--contribution-default-borderColor-0);
  --contribution-default-borderColor-3: var(--contribution-default-borderColor-0);
  --contribution-default-borderColor-4: var(--contribution-default-borderColor-0);
  --control-bgColor-disabled: var(--bgColor-disabled);
  --control-bgColor-selected: var(--control-bgColor-rest);
  --control-borderColor-danger: var(--borderColor-danger-emphasis);
  --control-borderColor-disabled: var(--borderColor-disabled);
  --control-borderColor-rest: var(--borderColor-default);
  --control-borderColor-success: var(--borderColor-success-emphasis);
  --control-borderColor-warning: var(--borderColor-attention-emphasis);
  --control-checked-borderColor-active: var(--control-checked-bgColor-active);
  --control-checked-borderColor-disabled: var(--control-checked-bgColor-disabled);
  --control-checked-borderColor-hover: var(--control-checked-bgColor-hover);
  --control-checked-borderColor-rest: var(--control-checked-bgColor-rest);
  --control-checked-fgColor-disabled: #010409;
  --control-danger-bgColor-active: #f8514966;
  --control-danger-bgColor-hover: var(--bgColor-danger-muted);
  --control-danger-fgColor-rest: var(--fgColor-danger);
  --control-fgColor-disabled: var(--fgColor-disabled);
  --control-fgColor-rest: var(--fgColor-default);
  --control-iconColor-rest: var(--fgColor-muted);
  --control-transparent-bgColor-disabled: var(--bgColor-disabled);
  --controlKnob-bgColor-checked: #ffffff;
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
  --controlTrack-bgColor-disabled: var(--fgColor-disabled);
  --controlTrack-borderColor-disabled: var(--fgColor-disabled);
  --controlTrack-borderColor-rest: var(--borderColor-default);
  --controlTrack-fgColor-rest: var(--fgColor-muted);
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
  --diffBlob-additionWord-fgColor: var(--fgColor-default);
  --diffBlob-deletionLine-bgColor: var(--bgColor-danger-muted);
  --diffBlob-deletionLine-fgColor: var(--fgColor-default);
  --diffBlob-deletionNum-fgColor: var(--fgColor-default);
  --diffBlob-deletionWord-fgColor: var(--fgColor-default);
  --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
  --diffBlob-emptyNum-bgColor: var(--bgColor-muted);
  --diffBlob-expander-iconColor: var(--fgColor-muted);
  --diffBlob-hunkLine-bgColor: var(--bgColor-accent-muted);
  --diffBlob-hunkLine-fgColor: var(--fgColor-muted);
  --diffBlob-hunkNum-bgColor-hover: var(--bgColor-accent-emphasis);
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
  --fgColor-black: #010409;
  --fgColor-closed: var(--fgColor-danger);
  --fgColor-draft: var(--fgColor-neutral);
  --fgColor-onEmphasis: #ffffff;
  --fgColor-onInverse: #010409;
  --fgColor-open: var(--fgColor-success);
  --fgColor-upsell: var(--fgColor-done);
  --fgColor-white: #ffffff;
  --focus-outlineColor: var(--borderColor-accent-emphasis);
  --header-fgColor-default: #ffffff;
  --overlay-bgColor: #010409;
  --page-header-bgColor: var(--bgColor-default);
  --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
  --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
  --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
  --progressBar-bgColor-done: var(--bgColor-done-emphasis);
  --progressBar-bgColor-neutral: var(--bgColor-neutral-emphasis);
  --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
  --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
  --progressBar-bgColor-success: var(--bgColor-success-emphasis);
  --progressBar-track-bgColor: var(--borderColor-default);
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
  --selectMenu-borderColor: var(--borderColor-default);
  --selection-bgColor: #1f6febb3;
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
  --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
  --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
  --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
  --tooltip-bgColor: var(--bgColor-emphasis);
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
  --underlineNav-borderColor-active: var(--fgColor-default);
  --underlineNav-iconColor-rest: var(--fgColor-muted);
  --avatar-borderColor: var(--borderColor-translucent);
  --border-closed-emphasis: var(--border-danger-emphasis);
  --border-closed-muted: var(--border-danger-muted);
  --border-muted: 0.0625rem solid #3d444db3;
  --border-neutral-emphasis: 0.0625rem solid #656c76;
  --border-open-emphasis: var(--border-success-emphasis);
  --border-open-muted: var(--border-success-muted);
  --border-upsell-emphasis: 0.0625rem solid #8957e5;
  --border-upsell-muted: 0.0625rem solid #ab7df866;
  --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis);
  --borderColor-neutral-muted: var(--borderColor-muted);
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
  --button-default-borderColor-rest: var(--control-borderColor-rest);
  --button-default-fgColor-rest: var(--control-fgColor-rest);
  --button-invisible-fgColor-active: var(--control-fgColor-rest);
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
  --button-invisible-fgColor-hover: var(--control-fgColor-rest);
  --button-invisible-fgColor-rest: var(--control-fgColor-rest);
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
  --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
  --button-primary-borderColor-rest: var(--borderColor-translucent);
  --button-primary-fgColor-rest: var(--fgColor-white);
  --button-primary-iconColor-rest: var(--fgColor-white);
  --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
  --buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
  --buttonKeybindingHint-danger-fgColor-hover: var(--fgColor-onEmphasis);
  --buttonKeybindingHint-danger-fgColor-rest: var(--buttonKeybindingHint-default-fgColor-rest);
  --buttonKeybindingHint-default-borderColor-disabled: var(--control-borderColor-disabled);
  --buttonKeybindingHint-default-borderColor-rest: var(--borderColor-muted);
  --buttonKeybindingHint-default-fgColor-disabled: var(--control-fgColor-disabled);
  --buttonKeybindingHint-inactive-borderColor: var(--borderColor-muted);
  --buttonKeybindingHint-invisible-borderColor-disabled: var(--control-borderColor-disabled);
  --buttonKeybindingHint-invisible-fgColor-disabled: var(--control-fgColor-disabled);
  --buttonKeybindingHint-primary-borderColor-disabled: var(--control-borderColor-disabled);
  --buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
  --buttonKeybindingHint-primary-fgColor-rest: var(--fgColor-onEmphasis);
  --control-checked-fgColor-rest: var(--fgColor-onEmphasis);
  --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
  --controlKnob-bgColor-rest: var(--bgColor-inset);
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
  --controlKnob-borderColor-rest: var(--control-borderColor-rest);
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
  --dashboard-bgColor: var(--bgColor-inset);
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
  --focus-outline: 2px solid #1f6feb;
  --overlay-borderColor: var(--borderColor-muted);
  --tooltip-fgColor: var(--fgColor-onEmphasis);
  --border-neutral-muted: 0.0625rem solid #3d444db3;
  --borderColor-draft-muted: var(--borderColor-neutral-muted);
  --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
  --button-default-borderColor-active: var(--button-default-borderColor-rest);
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
  --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
  --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
  --buttonKeybindingHint-danger-borderColor-disabled: var(--buttonKeybindingHint-default-borderColor-disabled);
  --buttonKeybindingHint-danger-borderColor-rest: var(--buttonKeybindingHint-default-borderColor-rest);
  --buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
  --shadow-floating-large: 0px 0px 0px 1px #3d444d, 0px 24px 48px 0px #010409;
  --shadow-floating-medium: 0px 0px 0px 1px #3d444d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
  --shadow-floating-small: 0px 0px 0px 1px #3d444d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
  --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
  --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
}
@media (prefers-color-scheme: dark) {
  [data-color-mode][data-color-mode="auto"][data-dark-theme="dark"],
  [data-color-mode][data-color-mode="auto"][data-dark-theme="dark"] ::backdrop {
    --button-danger-fgColor-rest: #fa5e55;
    --color-ansi-cyan: #39c5cf;
    --color-ansi-cyan-bright: #56d4dd;
    --fgColor-accent: #4493f8;
    --reactionButton-selected-bgColor-hover: #3a8cfd5c;
    --avatar-shadow: 0px 0px 0px 2px #0d1117;
    --avatarStack-fade-bgColor-default: #3d444d;
    --avatarStack-fade-bgColor-muted: #2a313c;
    --bgColor-accent-emphasis: #1f6feb;
    --bgColor-accent-muted: #388bfd1a;
    --bgColor-attention-emphasis: #9e6a03;
    --bgColor-attention-muted: #bb800926;
    --bgColor-danger-emphasis: #da3633;
    --bgColor-danger-muted: #f851491a;
    --bgColor-default: #0d1117;
    --bgColor-disabled: #212830;
    --bgColor-done-emphasis: #8957e5;
    --bgColor-done-muted: #ab7df826;
    --bgColor-emphasis: #3d444d;
    --bgColor-muted: #151b23;
    --bgColor-neutral-emphasis: #656c76;
    --bgColor-neutral-muted: #656c7633;
    --bgColor-severe-emphasis: #bd561d;
    --bgColor-severe-muted: #db6d281a;
    --bgColor-sponsors-emphasis: #bf4b8a;
    --bgColor-sponsors-muted: #db61a21a;
    --bgColor-success-emphasis: #238636;
    --bgColor-success-muted: #2ea04326;
    --bgColor-transparent: #00000000;
    --borderColor-accent-emphasis: #1f6feb;
    --borderColor-accent-muted: #388bfd66;
    --borderColor-attention-emphasis: #9e6a03;
    --borderColor-attention-muted: #bb800966;
    --borderColor-danger-emphasis: #da3633;
    --borderColor-danger-muted: #f8514966;
    --borderColor-default: #3d444d;
    --borderColor-disabled: #656c761a;
    --borderColor-done-emphasis: #8957e5;
    --borderColor-done-muted: #ab7df866;
    --borderColor-emphasis: #656c76;
    --borderColor-severe-emphasis: #bd561d;
    --borderColor-severe-muted: #db6d2866;
    --borderColor-sponsors-emphasis: #bf4b8a;
    --borderColor-sponsors-muted: #db61a266;
    --borderColor-success-emphasis: #238636;
    --borderColor-success-muted: #2ea04366;
    --borderColor-transparent: #00000000;
    --button-danger-bgColor-hover: #b62324;
    --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
    --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
    --button-default-shadow-resting: 0px 0px 0px 0px #000000;
    --button-inactive-bgColor: #262c36;
    --button-inactive-fgColor: #9198a1;
    --button-invisible-bgColor-disabled: #00000000;
    --button-invisible-borderColor-disabled: #00000000;
    --button-outline-bgColor-active: #0d419d;
    --button-outline-bgColor-rest: #f0f6fc;
    --button-outline-fgColor-disabled: #4493f880;
    --button-outline-fgColor-hover: #58a6ff;
    --button-outline-fgColor-rest: #388bfd;
    --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
    --button-primary-bgColor-active: #212830;
    --button-primary-bgColor-disabled: #151b23;
    --button-primary-bgColor-hover: #151b23;
    --button-primary-bgColor-rest: #0d1117;
    --button-primary-borderColor-disabled: #236146;
    --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
    --button-star-iconColor: #e3b341;
    --buttonCounter-danger-bgColor-rest: #49020233;
    --buttonCounter-default-bgColor-rest: #2f3742;
    --buttonCounter-outline-bgColor-hover: #051d4d33;
    --buttonCounter-outline-bgColor-rest: #051d4d33;
    --buttonCounter-outline-fgColor-disabled: #4493f880;
    --buttonCounter-outline-fgColor-hover: #58a6ff;
    --buttonCounter-outline-fgColor-rest: #388bfd;
    --buttonCounter-primary-bgColor-rest: #04260f33;
    --buttonKeybindingHint-danger-bgColor-active: #01040966;
    --buttonKeybindingHint-danger-bgColor-hover: #01040933;
    --buttonKeybindingHint-danger-borderColor-hover: #0104091a;
    --buttonKeybindingHint-default-bgColor-rest: #2a313c;
    --buttonKeybindingHint-inactive-bgColor: #2a313c;
    --buttonKeybindingHint-invisible-borderColor-rest: #00000000;
    --codeMirror-syntax-fgColor-comment: #656c76;
    --codeMirror-syntax-fgColor-constant: #79c0ff;
    --codeMirror-syntax-fgColor-entity: #d2a8ff;
    --codeMirror-syntax-fgColor-keyword: #ff7b72;
    --codeMirror-syntax-fgColor-storage: #ff7b72;
    --codeMirror-syntax-fgColor-string: #a5d6ff;
    --codeMirror-syntax-fgColor-support: #79c0ff;
    --codeMirror-syntax-fgColor-variable: #ffa657;
    --color-ansi-black: #2f3742;
    --color-ansi-black-bright: #656c76;
    --color-ansi-blue: #58a6ff;
    --color-ansi-blue-bright: #79c0ff;
    --color-ansi-gray: #656c76;
    --color-ansi-green: #3fb950;
    --color-ansi-green-bright: #56d364;
    --color-ansi-magenta: #be8fff;
    --color-ansi-magenta-bright: #d2a8ff;
    --color-ansi-red: #ff7b72;
    --color-ansi-red-bright: #ffa198;
    --color-ansi-white: #f0f6fc;
    --color-ansi-yellow: #d29922;
    --color-ansi-yellow-bright: #e3b341;
    --color-prettylights-syntax-brackethighlighter-angle: #9198a1;
    --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
    --color-prettylights-syntax-carriage-return-bg: #b62324;
    --color-prettylights-syntax-carriage-return-text: #f0f6fc;
    --color-prettylights-syntax-comment: #9198a1;
    --color-prettylights-syntax-constant: #79c0ff;
    --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
    --color-prettylights-syntax-entity: #d2a8ff;
    --color-prettylights-syntax-entity-tag: #7ee787;
    --color-prettylights-syntax-keyword: #ff7b72;
    --color-prettylights-syntax-markup-bold: #f0f6fc;
    --color-prettylights-syntax-markup-changed-bg: #5a1e02;
    --color-prettylights-syntax-markup-changed-text: #ffdfb6;
    --color-prettylights-syntax-markup-deleted-bg: #67060c;
    --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
    --color-prettylights-syntax-markup-heading: #1f6feb;
    --color-prettylights-syntax-markup-ignored-bg: #1158c7;
    --color-prettylights-syntax-markup-ignored-text: #f0f6fc;
    --color-prettylights-syntax-markup-inserted-bg: #033a16;
    --color-prettylights-syntax-markup-inserted-text: #aff5b4;
    --color-prettylights-syntax-markup-italic: #f0f6fc;
    --color-prettylights-syntax-markup-list: #f2cc60;
    --color-prettylights-syntax-meta-diff-range: #d2a8ff;
    --color-prettylights-syntax-storage-modifier-import: #f0f6fc;
    --color-prettylights-syntax-string: #a5d6ff;
    --color-prettylights-syntax-string-regexp: #7ee787;
    --color-prettylights-syntax-sublimelinter-gutter-mark: #3d444d;
    --color-prettylights-syntax-variable: #ffa657;
    --contribution-default-bgColor-0: #151b23;
    --contribution-default-bgColor-1: #033a16;
    --contribution-default-bgColor-2: #196c2e;
    --contribution-default-bgColor-3: #2ea043;
    --contribution-default-bgColor-4: #56d364;
    --contribution-default-borderColor-0: #0104090d;
    --contribution-halloween-bgColor-1: #3d1300;
    --contribution-halloween-bgColor-2: #bd561d;
    --contribution-halloween-bgColor-3: #db6d28;
    --contribution-halloween-bgColor-4: #341a00;
    --contribution-winter-bgColor-1: #0c2d6b;
    --contribution-winter-bgColor-2: #1158c7;
    --contribution-winter-bgColor-3: #58a6ff;
    --contribution-winter-bgColor-4: #cae8ff;
    --control-bgColor-active: #2a313c;
    --control-bgColor-hover: #262c36;
    --control-bgColor-rest: #212830;
    --control-borderColor-emphasis: #7b828b;
    --control-borderColor-selected: #f0f6fc;
    --control-checked-bgColor-active: #212830;
    --control-checked-bgColor-disabled: #151b23;
    --control-checked-bgColor-hover: #151b23;
    --control-checked-bgColor-rest: #0d1117;
    --control-danger-fgColor-hover: #ff7b72;
    --control-fgColor-placeholder: #7b828b;
    --control-transparent-bgColor-active: #656c7640;
    --control-transparent-bgColor-hover: #656c7633;
    --control-transparent-bgColor-rest: #00000000;
    --control-transparent-bgColor-selected: #656c7633;
    --control-transparent-borderColor-active: #00000000;
    --control-transparent-borderColor-hover: #00000000;
    --control-transparent-borderColor-rest: #00000000;
    --controlTrack-bgColor-active: #2f3742;
    --controlTrack-bgColor-hover: #2a313c;
    --controlTrack-bgColor-rest: #262c36;
    --counter-borderColor: #00000000;
    --diffBlob-additionNum-bgColor: #3fb9504d;
    --diffBlob-additionWord-bgColor: #2ea04366;
    --diffBlob-deletionNum-bgColor: #f851494d;
    --diffBlob-deletionWord-bgColor: #f8514966;
    --diffBlob-hunkNum-bgColor-rest: #0c2d6b;
    --fgColor-attention: #d29922;
    --fgColor-danger: #f85149;
    --fgColor-default: #f0f6fc;
    --fgColor-disabled: #656c76;
    --fgColor-done: #ab7df8;
    --fgColor-link: var(--fgColor-accent);
    --fgColor-muted: #9198a1;
    --fgColor-neutral: #9198a1;
    --fgColor-severe: #db6d28;
    --fgColor-sponsors: #db61a2;
    --fgColor-success: #3fb950;
    --header-bgColor: #151b23;
    --header-borderColor-divider: #656c76;
    --header-fgColor-logo: #f0f6fc;
    --headerSearch-bgColor: #0d1117;
    --headerSearch-borderColor: #2a313c;
    --highlight-neutral-bgColor: #d2992266;
    --label-blue-bgColor-active: #79c0ff;
    --label-blue-bgColor-hover: #a5d6ff;
    --label-blue-bgColor-rest: #cae8ff;
    --label-blue-borderColor: #00000000;
    --label-blue-fgColor-active: #0c2d6b;
    --label-blue-fgColor-hover: #0d419d;
    --label-blue-fgColor-rest: #1158c7;
    --label-coral-bgColor-active: #ffa28b;
    --label-coral-bgColor-hover: #ffc2b2;
    --label-coral-bgColor-rest: #ffddd2;
    --label-coral-borderColor: #00000000;
    --label-coral-fgColor-active: #640d04;
    --label-coral-fgColor-hover: #872012;
    --label-coral-fgColor-rest: #ac3220;
    --label-green-bgColor-active: #56d364;
    --label-green-bgColor-hover: #7ee787;
    --label-green-bgColor-rest: #aff5b4;
    --label-green-borderColor: #00000000;
    --label-green-fgColor-active: #033a16;
    --label-green-fgColor-hover: #0f5323;
    --label-green-fgColor-rest: #196c2e;
    --label-orange-bgColor-active: #ffa657;
    --label-orange-bgColor-hover: #ffc680;
    --label-orange-bgColor-rest: #ffdfb6;
    --label-orange-borderColor: #00000000;
    --label-orange-fgColor-active: #5a1e02;
    --label-orange-fgColor-hover: #762d0a;
    --label-orange-fgColor-rest: #9b4215;
    --label-pink-bgColor-active: #ff9bce;
    --label-pink-bgColor-hover: #ffbedd;
    --label-pink-bgColor-rest: #ffdaec;
    --label-pink-borderColor: #00000000;
    --label-pink-fgColor-active: #5e103e;
    --label-pink-fgColor-hover: #7d2457;
    --label-pink-fgColor-rest: #9e3670;
    --label-purple-bgColor-active: #d2a8ff;
    --label-purple-bgColor-hover: #e2c5ff;
    --label-purple-bgColor-rest: #eddeff;
    --label-purple-borderColor: #00000000;
    --label-purple-fgColor-active: #3c1e70;
    --label-purple-fgColor-hover: #553098;
    --label-purple-fgColor-rest: #6e40c9;
    --label-red-bgColor-active: #ffa198;
    --label-red-bgColor-hover: #ffc1ba;
    --label-red-bgColor-rest: #ffdcd7;
    --label-red-borderColor: #00000000;
    --label-red-fgColor-active: #67060c;
    --label-red-fgColor-hover: #8e1519;
    --label-red-fgColor-rest: #b62324;
    --label-yellow-bgColor-active: #e3b341;
    --label-yellow-bgColor-hover: #f2cc60;
    --label-yellow-bgColor-rest: #f8e3a1;
    --label-yellow-borderColor: #00000000;
    --label-yellow-fgColor-active: #4b2900;
    --label-yellow-fgColor-hover: #693e00;
    --label-yellow-fgColor-rest: #845306;
    --menu-bgColor-active: #151b23;
    --overlay-backdrop-bgColor: #21283066;
    --progressBar-track-borderColor: #00000000;
    --reactionButton-selected-bgColor-rest: #388bfd33;
    --reactionButton-selected-fgColor-hover: #79c0ff;
    --selectMenu-bgColor-active: #0c2d6b;
    --sideNav-bgColor-selected: #212830;
    --skeletonLoader-bgColor: #656c7633;
    --timelineBadge-bgColor: #212830;
    --topicTag-borderColor: #00000000;
    --avatar-bgColor: #ffffff1a;
    --bgColor-black: #010409;
    --bgColor-closed-emphasis: var(--bgColor-danger-emphasis);
    --bgColor-closed-muted: var(--bgColor-danger-muted);
    --bgColor-draft-emphasis: var(--bgColor-neutral-emphasis);
    --bgColor-draft-muted: var(--bgColor-neutral-muted);
    --bgColor-inset: #010409;
    --bgColor-inverse: #ffffff;
    --bgColor-open-emphasis: var(--bgColor-success-emphasis);
    --bgColor-open-muted: var(--bgColor-success-muted);
    --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
    --bgColor-upsell-muted: var(--bgColor-done-muted);
    --bgColor-white: #ffffff;
    --border-accent-emphasis: 0.0625rem solid #1f6feb;
    --border-accent-muted: 0.0625rem solid #388bfd66;
    --border-attention-emphasis: 0.0625rem solid #9e6a03;
    --border-attention-muted: 0.0625rem solid #bb800966;
    --border-danger-emphasis: 0.0625rem solid #da3633;
    --border-danger-muted: 0.0625rem solid #f8514966;
    --border-default: 0.0625rem solid #3d444d;
    --border-disabled: 0.0625rem solid #656c761a;
    --border-done-emphasis: 0.0625rem solid #8957e5;
    --border-done-muted: 0.0625rem solid #ab7df866;
    --border-emphasis: 0.0625rem solid #656c76;
    --border-severe-emphasis: 0.0625rem solid #bd561d;
    --border-severe-muted: 0.0625rem solid #db6d2866;
    --border-sponsors-emphasis: 0.0625rem solid #bf4b8a;
    --border-sponsors-muted: 0.0625rem solid #db61a266;
    --border-success-emphasis: 0.0625rem solid #238636;
    --border-success-muted: 0.0625rem solid #2ea04366;
    --border-transparent: 0.0625rem solid #00000000;
    --borderColor-closed-emphasis: var(--borderColor-danger-emphasis);
    --borderColor-closed-muted: var(--borderColor-danger-muted);
    --borderColor-muted: #3d444db3;
    --borderColor-neutral-emphasis: var(--borderColor-emphasis);
    --borderColor-open-emphasis: var(--borderColor-success-emphasis);
    --borderColor-open-muted: var(--borderColor-success-muted);
    --borderColor-translucent: #ffffff26;
    --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
    --borderColor-upsell-muted: var(--borderColor-done-muted);
    --button-danger-bgColor-active: var(--bgColor-danger-emphasis);
    --button-danger-bgColor-rest: var(--control-bgColor-rest);
    --button-danger-fgColor-active: #ffffff;
    --button-danger-fgColor-disabled: #f8514980;
    --button-danger-fgColor-hover: #ffffff;
    --button-danger-iconColor-hover: #ffffff;
    --button-default-bgColor-active: var(--control-bgColor-active);
    --button-default-bgColor-hover: var(--control-bgColor-hover);
    --button-default-bgColor-rest: var(--control-bgColor-rest);
    --button-default-bgColor-selected: var(--control-bgColor-active);
    --button-invisible-bgColor-active: var(--control-transparent-bgColor-active);
    --button-invisible-bgColor-hover: var(--control-transparent-bgColor-hover);
    --button-invisible-bgColor-rest: var(--control-transparent-bgColor-rest);
    --button-invisible-borderColor-hover: var(--control-transparent-borderColor-hover);
    --button-invisible-borderColor-rest: var(--control-transparent-borderColor-rest);
    --button-invisible-iconColor-hover: var(--fgColor-muted);
    --button-invisible-iconColor-rest: var(--fgColor-muted);
    --button-outline-bgColor-hover: var(--control-bgColor-hover);
    --button-outline-fgColor-active: #ffffff;
    --button-primary-fgColor-disabled: #ffffff66;
    --buttonCounter-danger-bgColor-disabled: #da36330d;
    --buttonCounter-danger-bgColor-hover: #ffffff33;
    --buttonCounter-danger-fgColor-disabled: #f8514980;
    --buttonCounter-danger-fgColor-hover: #ffffff;
    --buttonCounter-danger-fgColor-rest: var(--fgColor-danger);
    --buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
    --buttonCounter-outline-bgColor-disabled: #1f6feb0d;
    --buttonKeybindingHint-danger-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
    --buttonKeybindingHint-danger-borderColor-active: var(--buttonKeybindingHint-danger-borderColor-hover);
    --buttonKeybindingHint-default-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-rest);
    --buttonKeybindingHint-default-fgColor-rest: var(--fgColor-muted);
    --buttonKeybindingHint-inactive-fgColor: var(--button-inactive-fgColor);
    --buttonKeybindingHint-invisible-bgColor-active: var(--control-transparent-bgColor-active);
    --buttonKeybindingHint-invisible-bgColor-disabled: var(--button-invisible-bgColor-disabled);
    --buttonKeybindingHint-invisible-bgColor-hover: var(--control-transparent-bgColor-hover);
    --buttonKeybindingHint-invisible-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
    --buttonKeybindingHint-invisible-fgColor-rest: var(--fgColor-muted);
    --buttonKeybindingHint-primary-bgColor-disabled: #04260f1a;
    --buttonKeybindingHint-primary-bgColor-rest: var(--buttonCounter-primary-bgColor-rest);
    --buttonKeybindingHint-primary-borderColor-rest: #04260f1a;
    --card-bgColor: var(--bgColor-muted);
    --codeMirror-activeline-bgColor: var(--bgColor-neutral-muted);
    --codeMirror-bgColor: var(--bgColor-default);
    --codeMirror-cursor-fgColor: var(--fgColor-default);
    --codeMirror-fgColor: var(--fgColor-default);
    --codeMirror-gutterMarker-fgColor-default: var(--bgColor-default);
    --codeMirror-gutterMarker-fgColor-muted: var(--fgColor-muted);
    --codeMirror-gutters-bgColor: var(--bgColor-default);
    --codeMirror-lineNumber-fgColor: var(--fgColor-muted);
    --codeMirror-lines-bgColor: var(--bgColor-default);
    --codeMirror-matchingBracket-fgColor: var(--fgColor-default);
    --codeMirror-selection-bgColor: var(--borderColor-accent-muted);
    --color-ansi-white-bright: #ffffff;
    --color-prettylights-syntax-invalid-illegal-bg: var(--bgColor-danger-muted);
    --color-prettylights-syntax-invalid-illegal-text: var(--fgColor-danger);
    --contribution-default-borderColor-1: var(--contribution-default-borderColor-0);
    --contribution-default-borderColor-2: var(--contribution-default-borderColor-0);
    --contribution-default-borderColor-3: var(--contribution-default-borderColor-0);
    --contribution-default-borderColor-4: var(--contribution-default-borderColor-0);
    --control-bgColor-disabled: var(--bgColor-disabled);
    --control-bgColor-selected: var(--control-bgColor-rest);
    --control-borderColor-danger: var(--borderColor-danger-emphasis);
    --control-borderColor-disabled: var(--borderColor-disabled);
    --control-borderColor-rest: var(--borderColor-default);
    --control-borderColor-success: var(--borderColor-success-emphasis);
    --control-borderColor-warning: var(--borderColor-attention-emphasis);
    --control-checked-borderColor-active: var(--control-checked-bgColor-active);
    --control-checked-borderColor-disabled: var(--control-checked-bgColor-disabled);
    --control-checked-borderColor-hover: var(--control-checked-bgColor-hover);
    --control-checked-borderColor-rest: var(--control-checked-bgColor-rest);
    --control-checked-fgColor-disabled: #010409;
    --control-danger-bgColor-active: #f8514966;
    --control-danger-bgColor-hover: var(--bgColor-danger-muted);
    --control-danger-fgColor-rest: var(--fgColor-danger);
    --control-fgColor-disabled: var(--fgColor-disabled);
    --control-fgColor-rest: var(--fgColor-default);
    --control-iconColor-rest: var(--fgColor-muted);
    --control-transparent-bgColor-disabled: var(--bgColor-disabled);
    --controlKnob-bgColor-checked: #ffffff;
    --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
    --controlTrack-bgColor-disabled: var(--fgColor-disabled);
    --controlTrack-borderColor-disabled: var(--fgColor-disabled);
    --controlTrack-borderColor-rest: var(--borderColor-default);
    --controlTrack-fgColor-rest: var(--fgColor-muted);
    --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
    --counter-bgColor-muted: var(--bgColor-neutral-muted);
    --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
    --diffBlob-additionLine-fgColor: var(--fgColor-default);
    --diffBlob-additionNum-fgColor: var(--fgColor-default);
    --diffBlob-additionWord-fgColor: var(--fgColor-default);
    --diffBlob-deletionLine-bgColor: var(--bgColor-danger-muted);
    --diffBlob-deletionLine-fgColor: var(--fgColor-default);
    --diffBlob-deletionNum-fgColor: var(--fgColor-default);
    --diffBlob-deletionWord-fgColor: var(--fgColor-default);
    --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
    --diffBlob-emptyNum-bgColor: var(--bgColor-muted);
    --diffBlob-expander-iconColor: var(--fgColor-muted);
    --diffBlob-hunkLine-bgColor: var(--bgColor-accent-muted);
    --diffBlob-hunkLine-fgColor: var(--fgColor-muted);
    --diffBlob-hunkNum-bgColor-hover: var(--bgColor-accent-emphasis);
    --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
    --fgColor-black: #010409;
    --fgColor-closed: var(--fgColor-danger);
    --fgColor-draft: var(--fgColor-neutral);
    --fgColor-onEmphasis: #ffffff;
    --fgColor-onInverse: #010409;
    --fgColor-open: var(--fgColor-success);
    --fgColor-upsell: var(--fgColor-done);
    --fgColor-white: #ffffff;
    --focus-outlineColor: var(--borderColor-accent-emphasis);
    --header-fgColor-default: #ffffff;
    --overlay-bgColor: #010409;
    --page-header-bgColor: var(--bgColor-default);
    --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
    --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
    --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
    --progressBar-bgColor-done: var(--bgColor-done-emphasis);
    --progressBar-bgColor-neutral: var(--bgColor-neutral-emphasis);
    --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
    --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
    --progressBar-bgColor-success: var(--bgColor-success-emphasis);
    --progressBar-track-bgColor: var(--borderColor-default);
    --reactionButton-selected-fgColor-rest: var(--fgColor-link);
    --selectMenu-borderColor: var(--borderColor-default);
    --selection-bgColor: #1f6febb3;
    --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
    --shadow-inset: inset 0px 1px 0px 0px #0104093d;
    --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
    --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
    --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
    --tooltip-bgColor: var(--bgColor-emphasis);
    --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
    --underlineNav-borderColor-active: var(--fgColor-default);
    --underlineNav-iconColor-rest: var(--fgColor-muted);
    --avatar-borderColor: var(--borderColor-translucent);
    --border-closed-emphasis: var(--border-danger-emphasis);
    --border-closed-muted: var(--border-danger-muted);
    --border-muted: 0.0625rem solid #3d444db3;
    --border-neutral-emphasis: 0.0625rem solid #656c76;
    --border-open-emphasis: var(--border-success-emphasis);
    --border-open-muted: var(--border-success-muted);
    --border-upsell-emphasis: 0.0625rem solid #8957e5;
    --border-upsell-muted: 0.0625rem solid #ab7df866;
    --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis);
    --borderColor-neutral-muted: var(--borderColor-muted);
    --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
    --button-danger-borderColor-rest: var(--control-borderColor-rest);
    --button-default-bgColor-disabled: var(--control-bgColor-disabled);
    --button-default-borderColor-disabled: var(--control-borderColor-disabled);
    --button-default-borderColor-rest: var(--control-borderColor-rest);
    --button-default-fgColor-rest: var(--control-fgColor-rest);
    --button-invisible-fgColor-active: var(--control-fgColor-rest);
    --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
    --button-invisible-fgColor-hover: var(--control-fgColor-rest);
    --button-invisible-fgColor-rest: var(--control-fgColor-rest);
    --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
    --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
    --button-primary-borderColor-rest: var(--borderColor-translucent);
    --button-primary-fgColor-rest: var(--fgColor-white);
    --button-primary-iconColor-rest: var(--fgColor-white);
    --buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
    --buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
    --buttonKeybindingHint-danger-fgColor-hover: var(--fgColor-onEmphasis);
    --buttonKeybindingHint-danger-fgColor-rest: var(--buttonKeybindingHint-default-fgColor-rest);
    --buttonKeybindingHint-default-borderColor-disabled: var(--control-borderColor-disabled);
    --buttonKeybindingHint-default-borderColor-rest: var(--borderColor-muted);
    --buttonKeybindingHint-default-fgColor-disabled: var(--control-fgColor-disabled);
    --buttonKeybindingHint-inactive-borderColor: var(--borderColor-muted);
    --buttonKeybindingHint-invisible-borderColor-disabled: var(--control-borderColor-disabled);
    --buttonKeybindingHint-invisible-fgColor-disabled: var(--control-fgColor-disabled);
    --buttonKeybindingHint-primary-borderColor-disabled: var(--control-borderColor-disabled);
    --buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
    --buttonKeybindingHint-primary-fgColor-rest: var(--fgColor-onEmphasis);
    --control-checked-fgColor-rest: var(--fgColor-onEmphasis);
    --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
    --controlKnob-bgColor-rest: var(--bgColor-inset);
    --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
    --controlKnob-borderColor-rest: var(--control-borderColor-rest);
    --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
    --dashboard-bgColor: var(--bgColor-inset);
    --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
    --focus-outline: 2px solid #1f6feb;
    --overlay-borderColor: var(--borderColor-muted);
    --tooltip-fgColor: var(--fgColor-onEmphasis);
    --border-neutral-muted: 0.0625rem solid #3d444db3;
    --borderColor-draft-muted: var(--borderColor-neutral-muted);
    --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
    --button-default-borderColor-active: var(--button-default-borderColor-rest);
    --button-default-borderColor-hover: var(--button-default-borderColor-rest);
    --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
    --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
    --buttonKeybindingHint-danger-borderColor-disabled: var(--buttonKeybindingHint-default-borderColor-disabled);
    --buttonKeybindingHint-danger-borderColor-rest: var(--buttonKeybindingHint-default-borderColor-rest);
    --buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
    --shadow-floating-large: 0px 0px 0px 1px #3d444d, 0px 24px 48px 0px #010409;
    --shadow-floating-medium: 0px 0px 0px 1px #3d444d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
    --shadow-floating-small: 0px 0px 0px 1px #3d444d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
    --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
    --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
    --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
    --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
    --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./node_modules/@ismaelespa88/react/dist/brand-peakly.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************/
[data-color-mode="light"][data-light-theme="light"],
[data-color-mode="light"][data-light-theme="light"] ::backdrop,
[data-color-mode="auto"][data-light-theme="light"],
[data-color-mode="auto"][data-light-theme="light"] ::backdrop {
  --bgColor-accent-emphasis: #d62e00;
  --bgColor-accent-muted: #f0d8d1;
  --bgColor-brand-emphasis: #d62e00;
  --bgColor-brand-muted: #f0d8d1;
  --borderColor-accent-emphasis: #d62e00;
  --borderColor-accent-muted: #ed7d5e66;
  --button-primary-bgColor-active: #454c54;
  --button-primary-bgColor-disabled: #e6eaef;
  --button-primary-bgColor-hover: #393f46;
  --button-primary-borderColor-disabled: #e6eaef;
  --fgColor-accent: #d62e00;
  --fgColor-brand: #d62e00;
  --fgColor-link: #d62e00;
  --button-primary-bgColor-rest: #1f2328;
}
@media (prefers-color-scheme: dark) {
  [data-color-mode][data-color-mode="auto"][data-dark-theme="light"],
  [data-color-mode][data-color-mode="auto"][data-dark-theme="light"] ::backdrop {
    --bgColor-accent-emphasis: #d62e00;
    --bgColor-accent-muted: #f0d8d1;
    --bgColor-brand-emphasis: #d62e00;
    --bgColor-brand-muted: #f0d8d1;
    --borderColor-accent-emphasis: #d62e00;
    --borderColor-accent-muted: #ed7d5e66;
    --button-primary-bgColor-active: #454c54;
    --button-primary-bgColor-disabled: #e6eaef;
    --button-primary-bgColor-hover: #393f46;
    --button-primary-borderColor-disabled: #e6eaef;
    --fgColor-accent: #d62e00;
    --fgColor-brand: #d62e00;
    --fgColor-link: #d62e00;
    --button-primary-bgColor-rest: #1f2328;
  }
}
[data-color-mode="dark"][data-dark-theme="dark"],
[data-color-mode="dark"][data-dark-theme="dark"] ::backdrop,
[data-color-mode="auto"][data-light-theme="dark"],
[data-color-mode="auto"][data-light-theme="dark"] ::backdrop {
  --bgColor-accent-emphasis: #f94310;
  --bgColor-accent-muted: #a92804;
  --bgColor-brand-emphasis: #f94310;
  --bgColor-brand-muted: #a92804;
  --borderColor-accent-emphasis: #f94310;
  --borderColor-accent-muted: #f9431066;
  --button-primary-bgColor-active: #212830;
  --button-primary-bgColor-disabled: #151b23;
  --button-primary-bgColor-hover: #151b23;
  --button-primary-bgColor-rest: #0d1117;
  --button-primary-borderColor-disabled: #151b23;
  --fgColor-accent: #f94310;
  --fgColor-brand: #f94310;
  --fgColor-link: #f94310;
}
@media (prefers-color-scheme: dark) {
  [data-color-mode][data-color-mode="auto"][data-dark-theme="dark"],
  [data-color-mode][data-color-mode="auto"][data-dark-theme="dark"] ::backdrop {
    --bgColor-accent-emphasis: #f94310;
    --bgColor-accent-muted: #a92804;
    --bgColor-brand-emphasis: #f94310;
    --bgColor-brand-muted: #a92804;
    --borderColor-accent-emphasis: #f94310;
    --borderColor-accent-muted: #f9431066;
    --button-primary-bgColor-active: #212830;
    --button-primary-bgColor-disabled: #151b23;
    --button-primary-bgColor-hover: #151b23;
    --button-primary-bgColor-rest: #0d1117;
    --button-primary-borderColor-disabled: #151b23;
    --fgColor-accent: #f94310;
    --fgColor-brand: #f94310;
    --fgColor-link: #f94310;
  }
}

/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/app/globals.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme {
  :root, :host {
    --color-orange-500: oklch(70.5% 0.213 47.604);
    --color-orange-600: oklch(64.6% 0.222 41.116);
    --color-slate-50: oklch(98.4% 0.003 247.858);
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-slate-500: oklch(55.4% 0.046 257.417);
    --color-slate-600: oklch(44.6% 0.043 257.281);
    --color-slate-950: oklch(12.9% 0.042 264.695);
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --tracking-tight: -0.025em;
    --tracking-wide: 0.025em;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
}
@layer utilities {
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .isolate {
    isolation: isolate;
  }
  .order-1 {
    order: 1;
  }
  .order-2 {
    order: 2;
  }
  .row-1 {
    grid-row: 1;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .w-full {
    width: 100%;
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .resize {
    resize: both;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .justify-center {
    justify-content: center;
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-slate-200 {
    border-color: var(--color-slate-200);
  }
  .bg-orange-500 {
    background-color: var(--color-orange-500);
  }
  .bg-orange-600 {
    background-color: var(--color-orange-600);
  }
  .bg-slate-50 {
    background-color: var(--color-slate-50);
  }
  .bg-slate-950 {
    background-color: var(--color-slate-950);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .text-slate-500 {
    color: var(--color-slate-500);
  }
  .text-slate-600 {
    color: var(--color-slate-600);
  }
  .text-slate-950 {
    color: var(--color-slate-950);
  }
  .text-white {
    color: var(--color-white);
  }
  .lowercase {
    text-transform: lowercase;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .md\:grid-cols-3 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
}
@layer base {
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  html,
  body {
    min-height: 100%;
    margin: 0;
    font-family: var(
      --fontStack-system,
      Inter,
      ui-sans-serif,
      system-ui,
      sans-serif
    );
    background: var(--bgColor-default, #ffffff);
    color: var(--fgColor-default, #111827);
  }
  a {
    color: inherit;
    text-decoration: none;
  }
}
@layer base {
  *,
  *::before,
  *::after {
    margin: 0;
    padding: 0;
  }
  html,
  body {
    height: 100%;
    font-family: var(--fontStack-system);
    background-color: var(--bgColor-default);
    color: var(--fgColor-default);
  }
}
[data-color-mode] {
  scrollbar-width: thin;
  scrollbar-color: var(--borderColor-default) var(--bgColor-muted);
}
[data-color-mode] ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
[data-color-mode] ::-webkit-scrollbar-track {
  background: var(--bgColor-muted);
  border-radius: 6px;
}
[data-color-mode] ::-webkit-scrollbar-thumb {
  background: var(--borderColor-default);
  border-radius: 6px;
}
.peakly-data-surface {
  background-color: var(--bgColor-default);
  border: 1px solid var(--borderColor-muted);
  border-radius: var(--borderRadius-medium);
  overflow: hidden;
}
.prc-src-BaseStyles-dl-St {
  --fgColor-accent: var(--fgColor-brand);
  --fgColor-link: var(--fgColor-brand);
}
.peakly-profile-sideapp {
  width: 100%;
  height: 100%;
  --appsidebar-width: 240px;
}
.peakly-profile-sideapp__header {
  display: flex;
  min-height: 56px;
  align-items: center;
  gap: var(--stack-gap-condensed);
  padding: var(--stack-padding-normal);
}
.peakly-profile-sideapp__body {
  flex: 1;
  overflow-x: hidden;
  overflow-y: auto;
  --actionlist-item-gap: var(--base-size-4);
  --actionlist-active-bgColor: transparent;
  --actionlist-active-hover-bgColor: transparent;
  --actionlist-active-paddingInlineStart: calc(
    var(--borderWidth-thicker) + var(--base-size-4)
  );
  --actionlist-active-indicator-display: block;
  --actionlist-active-indicator-color: var(--fgColor-brand);
  --actionlist-active-content-bgColor: var(
    --control-transparent-bgColor-selected
  );
  --actionlist-active-content-borderRadius: var(--borderRadius-medium);
  --actionlist-active-content-hover-bgColor: var(
    --control-transparent-bgColor-hover
  );
}
.peakly-profile-sideapp__brand,
.peakly-profile-sideapp__link {
  color: inherit;
  text-decoration: none;
}
.peakly-profile-sideapp__brand {
  display: inline-flex;
  min-width: 0;
  align-items: center;
}
.peakly-dashboard-main:has(.peakly-contact-app-shell) > header {
  margin-left: 240px;
  padding-left: var(--base-size-12) !important;
}
.peakly-dashboard-main:has(
    .peakly-contact-app-shell[data-sidebar-collapsed="true"]
  )
  > header {
  margin-left: 56px;
}
.peakly-dashboard-main:has(.peakly-contact-app-shell)
  .peakly-dashboard-header-brand {
  display: none;
}
.peakly-dashboard-main:has(.peakly-contact-app-shell)
  > .peakly-dashboard-content {
  max-width: none !important;
  margin: 0 !important;
}
.peakly-profile-sideapp-rail {
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 19;
}
.peakly-contact-app-shell__content {
  transition: margin-left var(--base-duration-300) var(--base-easing-easeInOut);
}
.peakly-contact-sidebar-search {
  position: relative;
  padding: var(--base-size-4) var(--base-size-8) var(--base-size-8);
}
.peakly-contact-sidebar-search__menu {
  --peakly-contact-sidebar-search-row-height: 3.25rem;
  position: absolute;
  top: calc(100% - var(--base-size-4));
  left: var(--base-size-8);
  right: var(--base-size-8);
  z-index: 30;
  margin: 0;
  padding: var(--base-size-4);
  list-style: none;
  border: 1px solid var(--borderColor-muted);
  border-radius: var(--borderRadius-medium);
  background: var(--bgColor-default);
  box-shadow: var(--shadow-floating-small, 0 8px 24px rgba(0, 0, 0, 0.12));
}
.peakly-contact-sidebar-search__menu--scrollable {
  max-height: calc(
    var(--peakly-contact-sidebar-search-row-height) * 8 + var(--base-size-8)
  );
  overflow-y: scroll;
  scrollbar-gutter: stable;
}
.peakly-contact-sidebar-search__option {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--base-size-2);
  width: 100%;
  padding: var(--base-size-8);
  border: 0;
  border-radius: var(--borderRadius-small);
  background: transparent;
  color: var(--fgColor-default);
  text-align: left;
  cursor: pointer;
}
.peakly-contact-sidebar-search__option:hover,
.peakly-contact-sidebar-search__option[data-active] {
  background: var(--bgColor-neutral-muted);
}
.peakly-contact-sidebar-search__option-name {
  font-size: var(--text-body-size-small);
  line-height: var(--text-body-lineHeight-small);
  font-weight: var(--base-text-weight-medium);
}
.peakly-contact-sidebar-search__option-meta {
  font-size: var(--text-caption-size);
  line-height: var(--text-caption-lineHeight);
  color: var(--fgColor-muted);
}
.peakly-contact-sidebar-search__empty {
  padding: var(--base-size-8);
  color: var(--fgColor-muted);
}
.peakly-contact-sidebar-divider {
  height: 1px;
  margin: var(--base-size-8) var(--base-size-8);
  background: var(--borderColor-muted);
}
.peakly-contact-sidebar-card {
  margin: var(--base-size-4) var(--base-size-8) var(--base-size-8);
  padding: var(--base-size-8);
  border: 1px solid var(--borderColor-muted);
  border-radius: var(--borderRadius-medium);
  background: var(--bgColor-default);
}
.peakly-contact-sidebar-card__header {
  display: flex;
  align-items: flex-start;
  gap: var(--base-size-8);
  justify-content: space-between;
}
.peakly-contact-sidebar-card__name {
  margin: 0;
  overflow: hidden;
  color: var(--fgColor-default);
  font-size: var(--text-body-size-small);
  font-weight: var(--base-text-weight-semibold);
  line-height: var(--text-body-lineHeight-small);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.peakly-contact-sidebar-card__meta {
  margin: var(--base-size-2) 0 0;
  color: var(--fgColor-muted);
  font-size: var(--text-body-size-small);
  line-height: var(--text-body-lineHeight-small);
}
.peakly-contact-sidebar-card__clear {
  width: 24px;
  height: 24px;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  color: var(--fgColor-muted);
  border-radius: var(--borderRadius-medium);
  text-decoration: none;
}
.peakly-contact-sidebar-card__clear:hover {
  color: var(--fgColor-default);
  background: var(--control-transparent-bgColor-hover);
}
.peakly-contact-sidebar-card__all {
  display: inline-flex;
  margin-top: var(--base-size-8);
  color: var(--fgColor-accent);
  font-size: var(--text-body-size-small);
  font-weight: var(--base-text-weight-medium);
  text-decoration: none;
}
.peakly-contact-sidebar-card__header {
  min-height: 28px;
  align-items: center;
}
.peakly-contact-sidebar-card {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.peakly-contact-sidebar-card__header {
  min-height: 32px;
  padding: var(--base-size-4) var(--base-size-8);
  border-radius: var(--borderRadius-medium);
}
.peakly-contact-sidebar-card__clear {
  width: 24px;
  height: 24px;
  padding: 0;
  color: var(--fgColor-muted);
  background: transparent;
  border: 0;
  cursor: pointer;
}
.peakly-contact-sidebar-card {
  margin-inline: var(--base-size-8);
}
.peakly-contact-sidebar-card__header {
  padding-inline: var(--base-size-8);
}
.peakly-contact-sidebar-card {
  margin: var(--base-size-4) var(--base-size-8) var(--base-size-8);
  padding: var(--base-size-4);
  border: 1px solid var(--borderColor-muted);
  border-radius: var(--borderRadius-medium);
  background: var(--bgColor-default);
}
.peakly-contact-sidebar-card__header {
  padding: var(--base-size-4) var(--base-size-8);
}
.peakly-contact-sidebar-card {
  margin: var(--base-size-2) var(--base-size-8);
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.peakly-contact-sidebar-card__header {
  min-height: 28px;
  padding: var(--base-size-4) var(--base-size-8);
  border-radius: var(--borderRadius-medium);
  background: var(--bgColor-default);
  box-shadow: inset 0 0 0 1px var(--borderColor-muted);
  transition: background-color var(--base-duration-100) var(--base-easing-easeInOut),
    box-shadow var(--base-duration-100) var(--base-easing-easeInOut);
}
.peakly-contact-sidebar-card__header:hover {
  background: var(--control-transparent-bgColor-hover);
  box-shadow: inset 0 0 0 1px var(--borderColor-default);
}
.peakly-contact-sidebar-card__name {
  font-size: var(--text-body-size-small);
  font-weight: var(--base-text-weight-semibold);
  line-height: var(--text-body-lineHeight-small);
}
.peakly-contact-sidebar-card__open {
  flex: 1;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
  color: inherit;
  font-family: inherit;
  font-size: var(--text-body-size-small);
  font-weight: var(--base-text-weight-semibold);
  line-height: var(--text-body-lineHeight-small);
}
.peakly-contact-sidebar-card__open:hover {
  color: var(--fgColor-accent);
  text-decoration: underline;
}
.peakly-contact-sidebar-card--creating .peakly-contact-sidebar-card__header {
  background: var(--bgColor-attention-muted);
  box-shadow: inset 0 0 0 1px var(--borderColor-attention-muted);
}
.peakly-contact-sidebar-card__badge {
  display: block;
  margin-top: var(--base-size-2);
  color: var(--fgColor-attention);
  font-size: var(--text-caption-size);
  font-weight: var(--base-text-weight-medium);
  line-height: var(--text-caption-lineHeight);
}
.peakly-quote-table-row__number {
  display: inline-flex;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--fgColor-default);
  font: inherit;
  font-weight: var(--base-text-weight-semibold);
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}
.peakly-quote-table-row__number:link,
.peakly-quote-table-row__number:visited,
.peakly-quote-table-row__number:active {
  color: var(--fgColor-default);
}
.peakly-quote-table-row__number:hover,
.peakly-quote-table-row__number:focus-visible {
  color: var(--fgColor-accent);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.peakly-quote-table-row__number:focus-visible {
  outline: 2px solid var(--focus-outlineColor);
  outline-offset: var(--base-size-2);
  border-radius: var(--borderRadius-small);
}
.peakly-sales-table-cell-stack--tight[data-direction="vertical"][data-gap="condensed"] {
  --stack-gap: calc(var(--stack-gap-condensed, 0.5rem) / 2);
}
.peakly-sales-order-status-select {
  min-width: 11rem;
  max-width: 100%;
  font: inherit;
}
.peakly-sales-order-status-select select {
  font: inherit;
  line-height: inherit;
}
.peakly-purchase-table-action-form {
  display: inline-flex;
  justify-content: flex-start;
  width: fit-content;
  max-width: 100%;
}
.peakly-purchase-request-convert-button {
  min-width: 16.75rem;
  white-space: nowrap;
}
.peakly-purchase-order-receipt-button {
  white-space: nowrap;
}
.peakly-purchase-receipt-handoff-button {
  width: fit-content;
  min-width: 0;
  max-width: 100%;
  white-space: nowrap;
}
.peakly-purchase-table-actions-placeholder {
  display: block;
  width: fit-content;
  min-width: 0;
}
.peakly-contact-section-card__meta {
  color: var(--fgColor-accent);
  font-weight: var(--base-text-weight-medium);
}
.peakly-contact-profile-hero {
  padding: var(--base-size-16);
}
.peakly-contact-profile-hero__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--base-size-12);
  min-width: 0;
}
.peakly-contact-profile-code {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  min-height: var(--base-size-28);
  padding: var(--base-size-6) var(--base-size-12);
  color: var(--fgColor-muted);
  font-size: var(--text-body-size-small);
  font-weight: var(--base-text-weight-semibold);
  line-height: var(--text-body-lineHeight-small);
  white-space: nowrap;
  background: var(--bgColor-muted);
  border: 1px solid var(--borderColor-muted);
  border-radius: var(--borderRadius-full);
}
.peakly-contact-dashboard-panel {
  padding: var(--base-size-16);
}
.peakly-contact-dashboard-panel--compact {
  padding: var(--base-size-12);
}
.peakly-contact-dashboard-panel__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--base-size-16);
  min-width: 0;
}
.peakly-contact-dashboard-panel__heading {
  min-width: 0;
}
.peakly-contact-dashboard-panel__actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-end;
  gap: var(--base-size-8);
}
.peakly-contact-empty-state__visual {
  display: inline-flex;
  width: var(--base-size-32);
  height: var(--base-size-32);
  align-items: center;
  justify-content: center;
  color: var(--fgColor-muted);
  background: var(--bgColor-muted);
  border: 1px solid var(--borderColor-muted);
  border-radius: var(--borderRadius-full);
}
.peakly-contact-inline-note {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--base-size-12);
  align-items: start;
  padding: var(--base-size-12);
  background: var(--bgColor-muted);
  border: 1px solid var(--borderColor-muted);
  border-radius: var(--borderRadius-medium);
}
.peakly-contact-inline-note__icon {
  display: inline-flex;
  width: var(--base-size-28);
  height: var(--base-size-28);
  align-items: center;
  justify-content: center;
  color: var(--fgColor-muted);
  background: var(--bgColor-inset);
  border: 1px solid var(--borderColor-muted);
  border-radius: var(--borderRadius-full);
}
.peakly-contact-inline-note__title {
  margin: 0;
  font-weight: var(--base-text-weight-semibold);
}
.peakly-contact-inline-note__description {
  margin: var(--base-size-4) 0 0;
  color: var(--fgColor-muted);
}
.peakly-purchase-detail-exit {
  opacity: 0.72;
  pointer-events: none;
  transition: opacity 0.4s ease;
}
.peakly-contact-resumen-dashboard {
  min-width: 0;
}
.peakly-contact-resumen-toolbar {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: var(--base-size-8);
}
.peakly-contact-resumen-toolbar__filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: var(--base-size-12);
  min-width: 0;
}
.peakly-contact-resumen-analytics {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 2.7fr);
  gap: var(--base-size-16);
  align-items: stretch;
  min-width: 0;
}
.peakly-contact-resumen-kpi-column {
  display: flex;
  flex-direction: column;
  gap: calc(var(--base-size-12) * 0.9);
  min-width: 0;
  max-width: 100%;
}
.peakly-contact-resumen-chart-panel {
  min-width: 0;
  height: 100%;
}
.peakly-contact-resumen-chart-panel [class*="ChartViewport"] {
  width: 100%;
  min-width: 0;
}
.peakly-contact-resumen-chart-panel .peakly-contact-detail-section__body {
  flex: 1;
  min-height: 0;
}
.peakly-contact-resumen-chart-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--base-size-8);
  min-height: 16rem;
  flex: 1;
}
.peakly-contact-resumen-chart-empty__icon {
  display: inline-flex;
  color: var(--fgColor-muted);
  opacity: 0.55;
}
.peakly-contact-resumen-kpi-card {
  min-width: 0;
  padding: calc(var(--base-size-16) * 0.9);
  border-radius: var(--borderRadius-large);
  border: 1px solid var(--borderColor-muted);
  background-color: var(--bgColor-default);
}
.peakly-contact-resumen-kpi-card--interactive {
  cursor: pointer;
  text-align: left;
  width: 100%;
  font: inherit;
  color: inherit;
  transition: border-color 0.15s ease,
    box-shadow 0.15s ease,
    background-color 0.15s ease;
}
.peakly-contact-resumen-kpi-card--interactive:hover {
  border-color: var(--borderColor-default);
  background-color: var(--bgColor-muted);
}
.peakly-contact-resumen-kpi-card--selected {
  border-color: var(--borderColor-default);
  box-shadow: inset 0 0 0 1px var(--borderColor-default);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--borderColor-default) 55%, transparent);
  }
  background-color: var(--bgColor-muted);
}
.peakly-contact-resumen-kpi-card--selected:hover {
  border-color: var(--borderColor-default);
  background-color: var(--bgColor-muted);
}
.peakly-contact-resumen-kpi-card__head {
  display: flex;
  align-items: center;
  gap: var(--base-size-8);
  min-width: 0;
}
.peakly-contact-resumen-kpi-card__icon {
  display: inline-flex;
  flex-shrink: 0;
  color: var(--fgColor-muted);
}
.peakly-contact-resumen-kpi-card__label {
  min-width: 0;
  font-size: calc(var(--text-body-size-small) * 0.9) !important;
}
.peakly-contact-resumen-kpi-card__value {
  font-size: calc(var(--text-title-size-medium) * 0.9) !important;
  font-weight: var(--base-text-weight-semibold);
  margin-top: calc(var(--base-size-8) * 0.9) !important;
  margin-bottom: 0 !important;
  font-variant-numeric: tabular-nums;
}
.peakly-contact-resumen-kpi-card__value--empty {
  color: var(--fgColor-muted) !important;
}
.peakly-contact-resumen-kpi-card__meta {
  font-size: calc(var(--text-body-size-small) * 0.9) !important;
  color: var(--fgColor-muted);
  display: block;
}
.peakly-contact-resumen-kpi-card__meta--caption {
  margin-top: calc(var(--base-size-4) * 0.9) !important;
}
.peakly-contact-resumen-kpi-card__meta--period {
  margin-top: calc(var(--base-size-2) * 0.9) !important;
}
.peakly-contact-resumen-kpi-card__growth {
  font-size: calc(var(--text-body-size-small) * 0.9) !important;
  margin-top: calc(var(--base-size-4) * 0.9) !important;
  display: block;
}
.peakly-contact-resumen-main {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 3fr);
  gap: var(--base-size-16);
  align-items: stretch;
  min-width: 0;
}
.peakly-contact-resumen-main__primary {
  display: flex;
  flex-direction: column;
  gap: var(--base-size-16);
  min-width: 0;
}
.peakly-contact-resumen-main__traceability {
  min-width: 0;
}
.peakly-contact-resumen-main__traceability {
  display: flex;
  flex-direction: column;
  align-self: stretch;
}
.peakly-contact-resumen-data-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--base-size-12);
  min-width: 0;
  align-items: stretch;
}
.peakly-contact-resumen-data-grid > .peakly-contact-detail-section {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-self: stretch;
  margin: 0;
}
.peakly-contact-resumen-data-grid > .peakly-contact-detail-section .peakly-contact-detail-section__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-self: stretch;
  min-height: 0;
}
.peakly-contact-resumen-data-grid__stack {
  display: flex;
  flex-direction: column;
  gap: var(--base-size-12);
  min-width: 0;
  flex: 1;
}
.peakly-contact-data-grid--compact {
  grid-template-columns: minmax(0, 1fr);
  gap: var(--base-size-8);
}
.peakly-contact-notes-history-frame--resumen {
  flex: 1;
  min-height: 12rem;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.peakly-contact-notes-history-frame--resumen.peakly-contact-detail-section {
  height: 100%;
}
.peakly-contact-notes-history-frame--resumen .peakly-contact-detail-section__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.peakly-contact-notes-history-frame--detail-section__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 0;
  min-width: 0;
}
.peakly-contact-notes-empty-state--detail-section {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--base-size-8);
  width: 100%;
  min-height: 10rem;
  padding: var(--base-size-16);
  text-align: center;
  box-sizing: border-box;
}
.peakly-contact-notes-empty-state--detail-section .peakly-contact-empty-state__visual {
  background: var(--bgColor-default);
}
.peakly-contact-notes-empty-state__title {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  color: var(--fgColor-default);
}
.peakly-contact-notes-empty-state__description {
  margin: 0;
  max-width: 22rem;
  font-size: 14px;
  line-height: 1.45;
  color: var(--fgColor-muted);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--fgColor-muted) 82%, transparent);
  }
}
.peakly-contact-traceability-view-all {
  flex-shrink: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--fgColor-muted);
  font-size: var(--text-body-size-small);
  font-weight: var(--base-text-weight-normal);
  line-height: var(--text-body-lineHeight-small);
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
}
.peakly-contact-traceability-view-all:hover {
  color: var(--fgColor-default);
}
.peakly-chart-mount {
  width: 100%;
  min-width: 0;
}
.peakly-chart-mount--pending {
  width: 100%;
  min-height: 18rem;
  height: 18rem;
  flex: 0 0 auto;
}
.peakly-chart-mount [class*="ChartCard"] {
  width: 100%;
  min-width: 0;
}
.peakly-chart-mount [class*="ChartCardBody"] {
  width: 100%;
  min-width: 0;
}
.peakly-chart-mount [class*="ChartViewport"] {
  position: relative;
  width: 100%;
  min-width: 0;
  flex: 1;
  min-height: 0;
}
.peakly-chart-mount--teardown {
  visibility: hidden;
  pointer-events: none;
}
@media (max-width: 1200px) {
  .peakly-contact-resumen-analytics,
  .peakly-contact-resumen-main {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }
  .peakly-contact-resumen-main__traceability {
    align-self: auto;
  }
}
@media (max-width: 768px) {
  .peakly-contact-resumen-data-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.peakly-contact-specifications-panel {
  min-width: 0;
}
.peakly-contact-specifications-panel .peakly-contact-data-section {
  margin-top: var(--base-size-16);
}
.peakly-contact-data-form {
  min-width: 0;
}
.peakly-contact-data-layout {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--base-size-16);
  min-width: 0;
  align-items: start;
}
.peakly-contact-data-layout > .peakly-contact-data-section .peakly-contact-data-grid {
  grid-template-columns: minmax(0, 1fr);
}
.peakly-contact-data-grid--address,
.peakly-contact-data-layout
  > .peakly-contact-data-section
  .peakly-contact-data-grid--address {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.peakly-contact-data-grid--identity,
.peakly-contact-data-layout
  > .peakly-contact-data-section
  .peakly-contact-data-grid--identity {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.peakly-contact-data-grid.peakly-contact-data-grid--commercial {
  grid-template-columns: minmax(8.5rem, 1.15fr)
    minmax(4.75rem, 0.62fr)
    minmax(9rem, 1.25fr)
    minmax(4.25rem, 0.52fr)
    minmax(4.75rem, 0.58fr);
  gap: var(--base-size-8);
  align-items: end;
}
.peakly-contact-data-grid.peakly-contact-data-grid--commercial .peakly-contact-data-field {
  min-width: 0;
}
.peakly-contact-country-control {
  display: flex;
  align-items: center;
  gap: var(--base-size-8);
  min-width: 0;
}
.peakly-contact-country-control > :last-child {
  flex: 1;
  min-width: 0;
}
.peakly-contact-country-flag {
  flex-shrink: 0;
  font-size: 1.35rem;
  line-height: 1;
}
.peakly-contact-country-autocomplete-overlay [role="listbox"] [class*="ActionListContent"] {
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "content";
}
.peakly-contact-country-autocomplete-overlay
  [role="listbox"]
  [class*="ActionListContent"]
  > *:not([class*="ActionListSubContent"]) {
  display: none;
}
.peakly-contact-country-autocomplete-overlay [role="listbox"] [class*="ActionListSubContent"] {
  grid-area: content;
}
.peakly-contact-commercial-empty-cta {
  min-width: 0;
}
.peakly-contact-bank-accounts-list {
  width: 100%;
  min-width: 0;
}
.peakly-contact-bank-account-row {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.peakly-contact-delivery-locations-list {
  width: 100%;
  min-width: 0;
}
.peakly-contact-collection-add-action {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  min-width: 0;
  padding: var(--base-size-8) var(--base-size-16) var(--base-size-12);
}
.peakly-contact-collection-add-action > button {
  width: auto;
  max-width: 100%;
}
.peakly-contact-data-detail-section {
  display: flex;
  flex-direction: column;
  gap: var(--base-size-8);
  width: 100%;
  min-width: 0;
}
.peakly-contact-collection-add-action--below-card {
  padding: 0;
  justify-content: flex-end;
}
.peakly-contact-delivery-location-row {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.peakly-contact-setup-card__body
  .peakly-contact-data-form--wizard-step
  > .peakly-contact-data-section {
  width: 100%;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.peakly-contact-setup-card__body
  .peakly-contact-data-form--wizard-step
  .peakly-contact-collection-empty-row {
  width: 100%;
  box-sizing: border-box;
}
.peakly-contact-data-grid--bank-account {
  width: 100%;
  grid-template-columns: minmax(0, 1fr)
    minmax(0, 1.1fr)
    minmax(0, 1.6fr)
    minmax(0, 0.9fr);
  gap: var(--base-size-12);
  align-items: start;
}
@media (max-width: 900px) {
  .peakly-contact-data-grid--bank-account {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .peakly-contact-data-grid--bank-account {
    grid-template-columns: minmax(0, 1fr);
  }
}
.peakly-contact-dashboard-panel--setup {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--base-size-16) var(--base-size-24) var(--base-size-32);
}
.peakly-contact-setup-shell {
  width: 100%;
  max-width: 520px;
  min-width: 0;
}
.peakly-contact-setup-shell--step-wide {
  max-width: min(960px, 100%);
}
.peakly-contact-setup-stepper {
  width: 100%;
  flex-wrap: wrap;
  row-gap: var(--base-size-8);
}
.peakly-contact-setup-stepper__item {
  display: inline-flex;
  flex: 0 1 auto;
  align-items: center;
  gap: var(--base-size-4);
  margin: 0;
  padding: var(--base-size-4) var(--base-size-6);
  border: none;
  border-radius: var(--borderRadius-medium);
  background: transparent;
  font: inherit;
  color: inherit;
  cursor: pointer;
  transition: background-color var(--base-duration-100) var(--base-easing-easeInOut);
}
.peakly-contact-setup-stepper__item:hover:not(:disabled) {
  background: var(--bgColor-neutral-muted);
}
.peakly-contact-setup-stepper__item:disabled {
  cursor: default;
}
.peakly-contact-setup-stepper__item:focus-visible {
  outline: var(--focus-outlineWidth) solid var(--focus-outlineColor);
  outline-offset: 2px;
}
.peakly-contact-setup-stepper__dot {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: var(--bgColor-inset);
  color: var(--fgColor-muted);
  transition: background-color var(--base-duration-100) var(--base-easing-easeInOut),
    color var(--base-duration-100) var(--base-easing-easeInOut);
}
.peakly-contact-setup-stepper__dot[data-current="true"] {
  background: var(--bgColor-accent-emphasis);
  color: var(--fgColor-onEmphasis);
}
.peakly-contact-setup-stepper__dot[data-done="true"] {
  background: var(--bgColor-success-emphasis);
  color: var(--fgColor-onEmphasis);
}
.peakly-contact-setup-stepper__dot[data-skipped="true"] {
  background: var(--bgColor-attention-muted);
  color: var(--fgColor-attention);
  box-shadow: inset 0 0 0 1px var(--borderColor-attention-muted);
}
.peakly-contact-setup-shell
  .peakly-contact-data-field--required
  label
  > span
  > span:last-child {
  color: var(--fgColor-muted);
}
.peakly-contact-setup-shell
  .peakly-contact-data-field--required-missing
  label
  > span
  > span:last-child {
  color: var(--fgColor-danger);
}
.peakly-contact-setup-card {
  width: 100%;
  display: grid;
  gap: var(--base-size-16);
  padding: var(--base-size-16) var(--base-size-20);
  border-radius: 24px;
  border: var(--borderWidth-thin) solid var(--borderColor-default);
  background: var(--bgColor-default);
  box-shadow: 0 18px 48px rgba(31, 35, 40, 0.08);
}
.peakly-contact-setup-card__body {
  min-width: 0;
}
.peakly-contact-setup-card__body .peakly-contact-specifications-panel .peakly-contact-data-section {
  margin-top: 0;
  gap: 0;
}
.peakly-contact-setup-card__body .peakly-contact-data-section {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.peakly-contact-setup-card__body .peakly-contact-data-section__heading {
  display: none;
}
.peakly-contact-setup-card
  .peakly-contact-data-grid:not(.peakly-contact-data-grid--delivery-location):not(
    .peakly-contact-data-grid--commercial-wizard
  ):not(.peakly-contact-data-grid--bank-account),
.peakly-contact-setup-card .peakly-contact-data-grid--identity,
.peakly-contact-setup-card .peakly-contact-data-grid--address {
  width: 100%;
  grid-template-columns: minmax(0, 1fr);
}
.peakly-contact-setup-card .peakly-contact-data-grid--commercial-wizard {
  width: 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.peakly-contact-setup-card
  .peakly-contact-data-grid--commercial-wizard
  > .peakly-contact-data-field--language,
.peakly-contact-setup-card
  .peakly-contact-data-grid--commercial-wizard
  > .peakly-contact-data-field--currency-locked,
.peakly-contact-setup-card
  .peakly-contact-data-grid--commercial-wizard
  > .peakly-contact-data-field--commercial-discount {
  min-width: 0;
}
.peakly-contact-setup-card
  .peakly-contact-data-grid--commercial-wizard
  > .peakly-contact-data-field--commercial-discount {
  grid-column: 1;
}
.peakly-contact-setup-card
  .peakly-contact-data-grid--commercial-wizard
  .peakly-contact-data-field--currency-locked
  input {
  cursor: default;
}
@media (max-width: 400px) {
  .peakly-contact-setup-card .peakly-contact-data-grid--commercial-wizard {
    grid-template-columns: minmax(0, 1fr);
  }
  .peakly-contact-setup-card
    .peakly-contact-data-grid--commercial-wizard
    > .peakly-contact-data-field--commercial-discount {
    grid-column: auto;
  }
}
.peakly-contact-setup-card__body .peakly-contact-data-section__body {
  width: 100%;
  align-self: stretch;
}
.peakly-contact-setup-card__body .peakly-contact-data-form--wizard-step {
  width: 100%;
  min-width: 0;
}
.peakly-contact-setup-card__body .peakly-contact-bank-accounts-list,
.peakly-contact-setup-card__body .peakly-contact-delivery-locations-list {
  align-self: stretch;
}
.peakly-contact-data-grid.peakly-contact-data-grid--delivery-location {
  width: 100%;
  grid-template-columns: minmax(0, 1fr)
    minmax(0, 1.5fr)
    minmax(0, 1fr)
    minmax(0, 0.8fr);
  gap: var(--base-size-12);
  align-items: start;
}
.peakly-contact-setup-card .peakly-contact-data-grid.peakly-contact-data-grid--delivery-location {
  grid-template-columns: minmax(0, 1fr)
    minmax(0, 1.5fr)
    minmax(0, 1fr)
    minmax(0, 0.8fr);
}
.peakly-contact-data-grid.peakly-contact-data-grid--delivery-location > * {
  min-width: 0;
}
.peakly-contact-data-grid.peakly-contact-data-grid--delivery-location
  .peakly-contact-data-field--delivery-notes {
  grid-column: 1 / -1;
}
@media (max-width: 900px) {
  .peakly-contact-data-grid.peakly-contact-data-grid--delivery-location,
  .peakly-contact-setup-card .peakly-contact-data-grid.peakly-contact-data-grid--delivery-location {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .peakly-contact-data-grid.peakly-contact-data-grid--delivery-location
    .peakly-contact-data-field--delivery-notes {
    grid-column: 1 / -1;
  }
}
.peakly-contact-setup-nav {
  width: 100%;
  max-width: 520px;
}
.peakly-contact-setup-shell--step-wide .peakly-contact-setup-nav {
  max-width: min(960px, 100%);
}
@media (max-width: 640px) {
  .peakly-contact-data-grid.peakly-contact-data-grid--delivery-location,
  .peakly-contact-setup-card .peakly-contact-data-grid.peakly-contact-data-grid--delivery-location {
    grid-template-columns: minmax(0, 1fr);
  }
}
.peakly-contact-data-form--wizard-step .peakly-contact-data-layout {
  display: block;
}
.peakly-contact-collection-empty-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--base-size-12);
  padding: var(--base-size-12);
  border: 1px dashed var(--borderColor-default);
  border-radius: var(--borderRadius-medium);
  background: var(--bgColor-muted);
}
.peakly-contact-collection-empty-row__message {
  flex: 1;
  min-width: 0;
  margin: 0;
  color: var(--fgColor-muted);
  font-size: var(--text-body-size-small);
  line-height: var(--text-body-lineHeight-small);
}
.peakly-contact-collection-empty-row .prc-Button-ButtonBase {
  flex-shrink: 0;
  width: auto;
}
.peakly-contact-datos-panel__content {
  width: 100%;
  min-width: 0;
}
.peakly-contact-datos-read-view {
  width: 100%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--base-size-16);
}
.peakly-contact-datos-panel__sections {
  display: flex;
  flex-direction: column;
  gap: var(--base-size-16);
  width: 100%;
  min-width: 0;
}
.peakly-contact-datos-edit-view {
  width: 100%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--base-size-16);
}
.peakly-contact-datos-edit-view > .peakly-contact-detail-section {
  margin: 0;
}
.peakly-contact-datos-edit-view .peakly-contact-data-layout {
  display: flex;
  flex-direction: column;
  gap: var(--base-size-16);
}
.peakly-contact-datos-edit-view .peakly-contact-data-section,
.peakly-contact-datos-edit-view .peakly-contact-specifications-panel .peakly-contact-data-section {
  display: block;
  gap: 0;
  padding: 0;
  border: 1px solid var(--borderColor-muted);
  border-radius: var(--borderRadius-large);
  background: var(--bgColor-default);
  overflow: hidden;
  align-self: stretch;
}
.peakly-contact-datos-edit-view .peakly-contact-data-section__heading {
  margin: 0;
  padding: var(--base-size-12) var(--base-size-16);
  border-bottom: 1px solid var(--borderColor-muted);
  background: var(--bgColor-muted);
}
.peakly-contact-datos-edit-view .peakly-contact-data-section__heading-icon {
  color: var(--fgColor-muted);
}
.peakly-contact-datos-edit-view .peakly-contact-data-section__title {
  font-size: 12px;
  font-weight: var(--base-text-weight-semibold);
  color: var(--fgColor-muted);
  letter-spacing: 0.05em;
}
.peakly-contact-datos-edit-view .peakly-contact-data-section__body {
  padding: var(--base-size-16);
}
.peakly-contact-datos-edit-view .peakly-contact-specifications-panel {
  display: block;
}
.peakly-contact-datos-edit-view > .peakly-contact-data-form--wizard-step,
.peakly-contact-datos-edit-view
  > .peakly-contact-data-form:not(.peakly-contact-data-form--wizard-step) {
  display: flex;
  flex-direction: column;
  gap: var(--base-size-16);
}
.peakly-contact-datos-edit-view .peakly-contact-data-form > .peakly-contact-data-section {
  margin: 0;
}
.peakly-contact-datos-edit-view .peakly-contact-bank-account-row,
.peakly-contact-datos-edit-view .peakly-contact-delivery-location-row {
  border: 1px solid var(--borderColor-default);
  border-radius: var(--borderRadius-medium);
  background: var(--bgColor-muted);
}
.peakly-contact-detail-section {
  border: 1px solid var(--borderColor-muted);
  border-radius: var(--borderRadius-large);
  background: var(--bgColor-default);
  overflow: hidden;
  min-width: 0;
}
.peakly-contact-detail-section__header {
  padding: var(--base-size-12) var(--base-size-16);
  border-bottom: 1px solid var(--borderColor-muted);
  background: var(--bgColor-muted);
}
.peakly-contact-detail-section__header--spacious {
  padding: var(--base-size-12) var(--base-size-20);
}
.peakly-contact-detail-section__header-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--base-size-8);
  min-width: 0;
}
.peakly-contact-detail-section__header-inner {
  display: inline-flex;
  align-items: center;
  gap: var(--base-size-8);
  color: var(--fgColor-muted);
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
}
.peakly-contact-detail-section__header-actions {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: var(--base-size-8);
}
.peakly-contact-detail-section__header-note {
  display: flex;
  align-items: flex-start;
  gap: var(--base-size-8);
  margin-top: var(--base-size-8);
  padding-top: var(--base-size-8);
  border-top: 1px solid var(--borderColor-muted);
  color: var(--fgColor-muted);
  min-width: 0;
}
.peakly-contact-detail-section__header-note svg {
  flex-shrink: 0;
  margin-top: 2px;
  color: var(--fgColor-attention);
}
.peakly-contact-detail-section__header-note--inline {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
  align-items: center;
  justify-content: flex-end;
  text-align: right;
  min-width: 0;
}
.peakly-contact-detail-section__header-actions:has(
    .peakly-contact-detail-section__header-note--inline
  ) {
  flex: 1 1 auto;
  min-width: 0;
  justify-content: flex-end;
}
.peakly-contact-detail-info-group .peakly-contact-data-grid,
.peakly-contact-detail-info-group .peakly-contact-data-grid--identity,
.peakly-contact-detail-info-group .peakly-contact-data-grid--address {
  width: 100%;
  min-width: 0;
}
.peakly-contact-detail-section__body > .peakly-contact-detail-muted-lead {
  margin: 0 0 var(--base-size-12);
  color: var(--fgColor-muted);
  font-size: var(--text-body-size-small);
  line-height: 1.45;
}
.peakly-contact-detail-section__title {
  margin: 0;
  font-size: 12px;
  font-weight: var(--base-text-weight-semibold);
  color: var(--fgColor-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.peakly-contact-detail-section__body {
  padding: var(--base-size-16);
  display: flex;
  flex-direction: column;
  gap: var(--base-size-12);
  min-width: 0;
}
.peakly-contact-detail-section__body:has(> .peakly-contact-detail-main-grid) {
  padding: 0;
  gap: 0;
}
.peakly-contact-detail-section__body--spacious {
  padding: var(--base-size-20) var(--base-size-24);
}
.peakly-contact-detail-section--table-only {
  border: 1px solid var(--borderColor-muted);
  border-radius: var(--borderRadius-large);
  background: var(--bgColor-default);
  overflow: hidden;
  min-width: 0;
}
.peakly-contact-detail-section--table-only > .peakly-contact-detail-section__body {
  padding: 0;
  gap: 0;
  overflow-x: auto;
}
.peakly-contact-detail-section--table-only .peakly-contact-detail-embedded-table {
  border: none;
  border-radius: 0;
}
.peakly-contact-detail-main-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) minmax(0, 1.5fr);
  gap: 0;
  width: 100%;
  align-items: stretch;
}
.peakly-contact-detail-main-grid > .peakly-contact-detail-info-group {
  padding: var(--base-size-16);
  min-height: 0;
  border: none;
  border-radius: 0;
  border-right: 1px solid var(--borderColor-muted);
  background: var(--bgColor-default);
  gap: var(--base-size-8);
  box-sizing: border-box;
}
.peakly-contact-detail-main-grid
  > .peakly-contact-detail-info-group--no-heading {
  gap: 0;
}
.peakly-contact-detail-main-grid > .peakly-contact-detail-info-group:last-child {
  border-right: none;
}
.peakly-contact-detail-main-grid .peakly-contact-detail-info-group__heading {
  padding: 0;
  gap: var(--base-size-8);
}
.peakly-contact-detail-main-grid .peakly-contact-detail-info-group__heading svg {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
.peakly-contact-detail-main-grid .peakly-contact-detail-info-group__body {
  padding: 0;
  gap: var(--base-size-12);
}
.peakly-contact-detail-info-group {
  border: 1px solid var(--borderColor-muted);
  border-radius: var(--borderRadius-medium);
  padding: var(--base-size-12);
  display: flex;
  flex-direction: column;
  gap: var(--base-size-12);
  min-height: 112px;
  min-width: 0;
  box-sizing: border-box;
  background: var(--bgColor-inset, var(--bgColor-default));
}
.peakly-contact-detail-info-group__heading {
  display: flex;
  align-items: center;
  gap: var(--base-size-6);
  color: var(--fgColor-muted);
}
.peakly-contact-detail-info-group__title {
  margin: 0;
  font-size: 11px;
  font-weight: 700;
  color: var(--fgColor-muted);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.peakly-contact-detail-info-group__body {
  display: flex;
  flex-direction: column;
  gap: var(--base-size-14);
  min-width: 0;
}
.peakly-contact-detail-inline-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--base-size-12);
  min-width: 0;
}
.peakly-contact-detail-read-field {
  display: flex;
  flex-direction: column;
  gap: var(--base-size-4);
  min-width: 0;
}
.peakly-contact-detail-read-field--full {
  grid-column: 1 / -1;
}
.peakly-contact-detail-read-field__label {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;
  color: var(--fgColor-muted);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--fgColor-muted) 82%, transparent);
  }
}
.peakly-contact-detail-read-field__value {
  min-width: 0;
}
.peakly-contact-detail-read-value {
  color: var(--fgColor-default);
  font-size: 14px;
  line-height: 1.4;
  font-weight: 500;
}
.peakly-contact-detail-read-value--empty {
  color: var(--fgColor-muted);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--fgColor-muted) 70%, transparent);
  }
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
}
.peakly-contact-detail-collection-row {
  display: grid;
  gap: var(--base-size-12);
  padding: var(--base-size-12);
  border: 1px solid var(--borderColor-default);
  border-radius: var(--borderRadius-medium);
  background: var(--bgColor-muted);
  min-width: 0;
  box-sizing: border-box;
}
.peakly-contact-datos-read-view
  .peakly-contact-detail-section__body:has(.peakly-contact-detail-collection-list) {
  padding: 0;
  gap: 0;
}
.peakly-contact-datos-read-view
  .peakly-contact-detail-section__body:has(.peakly-contact-detail-collection-list)
  > :not(.peakly-contact-detail-collection-list) {
  padding: var(--base-size-12) var(--base-size-16);
  margin: 0;
}
.peakly-contact-datos-read-view .peakly-contact-detail-collection-list {
  width: 100%;
  min-width: 0;
  gap: 0 !important;
}
.peakly-contact-datos-read-view
  .peakly-contact-detail-collection-list
  > .peakly-contact-detail-collection-row {
  padding: var(--base-size-16);
  border: none;
  border-radius: 0;
  border-bottom: 1px solid var(--borderColor-muted);
  background: var(--bgColor-default);
  gap: var(--base-size-8);
}
.peakly-contact-datos-read-view
  .peakly-contact-detail-collection-list
  > .peakly-contact-detail-collection-row:last-child {
  border-bottom: none;
}
.peakly-contact-detail-fields-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--base-size-12);
  min-width: 0;
}
.peakly-contact-detail-fields-grid--commercial {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.peakly-contact-detail-fields-grid--delivery .peakly-contact-detail-read-field--full {
  grid-column: 1 / -1;
}
@media (max-width: 1100px) {
  .peakly-contact-detail-main-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .peakly-contact-detail-main-grid > .peakly-contact-detail-info-group {
    border-right: none;
    border-bottom: 1px solid var(--borderColor-muted);
  }
  .peakly-contact-detail-main-grid > .peakly-contact-detail-info-group:last-child {
    border-bottom: none;
  }
  .peakly-contact-detail-fields-grid--commercial {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .peakly-contact-detail-inline-grid,
  .peakly-contact-detail-fields-grid,
  .peakly-contact-detail-fields-grid--commercial {
    grid-template-columns: minmax(0, 1fr);
  }
}
.peakly-contact-detail-bank-grid {
  width: 100%;
  min-width: 0;
  display: grid;
  grid-template-columns: 28px
    minmax(7rem, 1fr)
    minmax(8rem, 1.05fr)
    minmax(11rem, 1.75fr)
    minmax(5.5rem, 0.85fr)
    minmax(4.5rem, max-content);
  column-gap: 0;
  row-gap: 0;
}
.peakly-contact-detail-bank-grid__row {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: subgrid;
  align-items: stretch;
  padding: 0;
  border-bottom: 1px solid var(--borderColor-muted);
  box-sizing: border-box;
}
.peakly-contact-detail-bank-grid__row > * {
  box-sizing: border-box;
  padding-top: var(--base-size-12);
  padding-bottom: var(--base-size-12);
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 44px;
}
.peakly-contact-detail-bank-grid__row > *:not(:last-child) {
  border-right: 1px solid var(--borderColor-muted);
  padding-right: var(--base-size-16);
}
.peakly-contact-detail-bank-grid__row > *:not(:first-child) {
  padding-left: var(--base-size-16);
}
.peakly-contact-detail-bank-grid__row > *:first-child {
  padding-left: var(--base-size-16);
}
.peakly-contact-detail-bank-grid__row > *:last-child {
  padding-right: var(--base-size-16);
}
.peakly-contact-detail-bank-grid__row--header {
  border-bottom: 1px solid var(--borderColor-muted);
}
.peakly-contact-detail-bank-grid:not(.peakly-contact-detail-bank-grid--edit)
  .peakly-contact-detail-bank-grid__row--header {
  background: var(--bgColor-muted);
}
.peakly-contact-detail-bank-grid__row--header > * {
  padding-top: var(--base-size-12);
  padding-bottom: var(--base-size-12);
  min-height: 40px;
}
.peakly-contact-detail-bank-grid__row:last-child {
  border-bottom: none;
}
.peakly-contact-detail-bank-grid__header-cell {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;
  color: var(--fgColor-muted);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--fgColor-muted) 82%, transparent);
  }
  white-space: nowrap;
  justify-content: center;
}
.peakly-contact-detail-bank-grid__header-cell--legend {
  position: relative;
  justify-content: flex-start;
  overflow: visible;
}
.peakly-table-column-header-legend {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.peakly-table-column-header-legend__overlay {
  min-width: min(22rem, 90vw);
  max-width: 28rem;
}
.peakly-table-column-header-legend__grid {
  display: grid;
  grid-template-columns: 9.25rem minmax(0, 1fr);
  column-gap: var(--base-size-12);
  row-gap: var(--base-size-8);
  align-items: start;
}
.peakly-table-column-header-legend__row {
  display: contents;
}
.peakly-table-column-header-legend__label {
  justify-self: start;
  max-width: 100%;
}
.peakly-table-column-header-legend__description {
  margin: 0;
  color: var(--fgColor-muted);
  line-height: 1.45;
}
.peakly-status-label--accent-emphasis[data-variant] {
  color: var(--label-blue-fgColor-rest);
  background-color: var(--label-blue-bgColor-rest);
  border-color: transparent;
}
.peakly-contact-detail-bank-grid__cell {
  min-width: 0;
}
.peakly-contact-detail-bank-grid__cell--index {
  font-size: 14px;
  line-height: 1.4;
  font-weight: 500;
  color: var(--fgColor-muted);
  text-align: left;
}
.peakly-contact-detail-bank-grid .peakly-contact-detail-read-value {
  font-weight: 400;
  word-break: break-word;
}
.peakly-contact-detail-bank-grid__cell[role="cell"]:last-child .peakly-contact-detail-read-value,
.peakly-contact-detail-bank-grid__cell[role="cell"]:last-child > span {
  white-space: nowrap;
}
.peakly-contact-detail-bank-grid__header-cell--numeric,
.peakly-contact-detail-bank-grid__cell--numeric {
  align-items: flex-end;
  text-align: right;
}
.peakly-contact-detail-bank-grid__header-cell--actions,
.peakly-contact-detail-bank-grid__cell--actions {
  align-items: flex-end;
}
.peakly-contact-detail-bank-grid__row--message {
  display: flex;
  grid-column: 1 / -1;
  justify-content: center;
  padding: var(--base-size-24);
  color: var(--fgColor-muted);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--fgColor-muted) 82%, transparent);
  }
  font-size: 14px;
  line-height: 1.45;
  border-bottom: none;
}
.peakly-contact-detail-bank-grid__row > .peakly-contact-detail-read-value,
.peakly-contact-detail-bank-grid__row > .peakly-contact-detail-read-value--empty,
.peakly-contact-detail-bank-grid__cell > .peakly-contact-detail-read-value,
.peakly-contact-detail-bank-grid__cell > .peakly-contact-detail-read-value--empty {
  font-weight: 500;
}
.peakly-contact-detail-bank-grid__cell--emphasis .peakly-contact-detail-read-value,
.peakly-contact-detail-bank-grid__cell--emphasis > a {
  font-weight: 600;
}
.peakly-contact-datos-read-view
  .peakly-contact-detail-section__body:has([data-preset="bankAccounts"]),
.peakly-contact-datos-read-view
  .peakly-contact-detail-section__body:has([data-preset="deliveryLocations"]),
.peakly-contact-datos-edit-view
  .peakly-contact-detail-section__body:has(.peakly-contact-detail-bank-grid--edit),
.peakly-contact-detail-section--editing
  .peakly-contact-detail-section__body:has(.peakly-contact-detail-bank-grid--edit) {
  padding: 0;
  gap: 0;
}
.peakly-contact-detail-bank-grid--edit,
.peakly-contact-detail-delivery-grid--edit {
  --peakly-contact-detail-field-label-bg: var(--bgColor-inset);
  @supports (color: color-mix(in lab, red, red)) {
    --peakly-contact-detail-field-label-bg: color-mix(
    in srgb,
    var(--bgColor-inset) 18%,
    var(--bgColor-default)
  );
  }
  --peakly-contact-detail-entry-separator-width: 8px;
  --peakly-contact-detail-entry-separator-color: var(--borderColor-muted);
}
.peakly-contact-detail-bank-grid--edit {
  grid-template-columns: 36px
    minmax(6rem, 0.95fr)
    minmax(7.5rem, 1.1fr)
    minmax(11rem, 1.75fr)
    minmax(5.5rem, 0.85fr)
    minmax(4.75rem, max-content)
    44px;
}
.peakly-contact-detail-bank-grid__header-cell--principal,
.peakly-contact-detail-bank-grid__cell--principal {
  text-align: center;
}
.peakly-contact-detail-bank-grid__header-cell--actions {
  padding-left: var(--base-size-8);
  padding-right: var(--base-size-8);
}
.peakly-contact-detail-bank-grid__cell--actions {
  align-items: center;
  justify-content: center;
  padding-left: var(--base-size-8);
  padding-right: var(--base-size-8);
}
.peakly-contact-detail-bank-grid__principal-radio {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  cursor: pointer;
}
.peakly-contact-detail-bank-grid__principal-radio input {
  width: 16px;
  height: 16px;
  margin: 0;
  cursor: pointer;
  accent-color: var(--fgColor-accent);
}
.peakly-contact-detail-bank-grid__field {
  width: 100%;
  min-width: 0;
  margin: 0;
  gap: 0;
}
.peakly-contact-detail-bank-grid--edit .peakly-contact-detail-bank-grid__field [data-component="TextInput"] {
  min-height: 32px;
}
.peakly-contact-detail-bank-grid--edit .peakly-contact-detail-bank-grid__row > * {
  padding: 0;
  margin: 0;
  min-height: 0;
  min-width: 0;
  justify-content: flex-start;
  align-items: stretch;
}
.peakly-contact-detail-bank-grid--edit .peakly-contact-detail-bank-grid__row > *:not(:last-child) {
  border-right: 1px solid var(--borderColor-muted);
  padding-right: 0;
}
.peakly-contact-detail-bank-grid--edit .peakly-contact-detail-bank-grid__row > *:not(:first-child) {
  padding-left: 0;
}
.peakly-contact-detail-bank-grid--edit .peakly-contact-detail-bank-grid__row > *:first-child {
  padding-left: 0;
}
.peakly-contact-detail-bank-grid--edit .peakly-contact-detail-bank-grid__row > *:last-child {
  padding-right: 0;
}
.peakly-contact-detail-bank-grid__field-block {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1;
  width: 100%;
}
.peakly-contact-detail-bank-grid__field-label {
  margin: 0;
  padding: var(--base-size-8) var(--base-size-16);
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;
  color: var(--fgColor-muted);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--fgColor-muted) 82%, transparent);
  }
  background: var(--peakly-contact-detail-field-label-bg);
  border-bottom: 1px solid var(--borderColor-muted);
  white-space: nowrap;
}
.peakly-contact-detail-bank-grid__field-input {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: var(--base-size-8) var(--base-size-16);
  background: var(--bgColor-default);
  min-height: 44px;
}
.peakly-contact-detail-bank-grid__field-input--center {
  align-items: center;
  justify-content: center;
}
.peakly-contact-detail-bank-grid__field-input--actions {
  flex: 1;
  min-height: 100%;
}
.peakly-contact-detail-bank-grid--edit .peakly-contact-detail-bank-grid__cell--index {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  padding: 0;
  text-align: center;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 500;
  color: var(--fgColor-muted);
  background: var(--bgColor-default);
  border-right: 1px solid var(--borderColor-muted);
}
.peakly-contact-detail-bank-grid--edit .peakly-contact-detail-bank-grid__cell--principal,
.peakly-contact-detail-bank-grid--edit .peakly-contact-detail-bank-grid__cell--actions,
.peakly-contact-detail-delivery-grid__cell--principal,
.peakly-contact-detail-delivery-grid__cell--actions {
  padding: 0;
  display: flex;
  flex-direction: column;
  align-self: stretch;
  min-height: 100%;
}
.peakly-contact-detail-bank-grid--edit .peakly-contact-detail-bank-grid__cell--actions,
.peakly-contact-detail-delivery-grid__cell--actions {
  background: var(--bgColor-default);
}
.peakly-contact-detail-bank-grid--edit .peakly-contact-detail-bank-grid__row {
  border-bottom: none;
}
.peakly-contact-detail-bank-grid--edit
  .peakly-contact-detail-bank-grid__row
  + .peakly-contact-detail-bank-grid__row {
  border-top: var(--peakly-contact-detail-entry-separator-width) solid
    var(--peakly-contact-detail-entry-separator-color);
}
.peakly-contact-detail-delivery-grid {
  width: 100%;
  min-width: 0;
  display: grid;
  grid-template-columns: 36px
    minmax(6rem, 0.95fr)
    minmax(7.5rem, 1.1fr)
    minmax(5rem, 0.72fr)
    minmax(4.25rem, 0.62fr)
    minmax(4.75rem, max-content)
    44px;
  column-gap: 0;
  row-gap: 0;
}
.peakly-contact-detail-delivery-grid__entry {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: subgrid;
  grid-template-rows: auto auto auto;
  box-sizing: border-box;
}
.peakly-contact-detail-delivery-grid--edit
  .peakly-contact-detail-delivery-grid__entry
  + .peakly-contact-detail-delivery-grid__entry {
  border-top: var(--peakly-contact-detail-entry-separator-width) solid
    var(--peakly-contact-detail-entry-separator-color);
}
.peakly-contact-detail-delivery-grid__entry > * {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.peakly-contact-detail-delivery-grid__entry > *:not(:last-child) {
  border-right: 1px solid var(--borderColor-muted);
}
.peakly-contact-detail-delivery-grid__field-block {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1;
}
.peakly-contact-detail-delivery-grid__field-block + .peakly-contact-detail-delivery-grid__field-block {
  border-top: 1px solid var(--borderColor-muted);
}
.peakly-contact-detail-delivery-grid__field-label {
  margin: 0;
  padding: var(--base-size-8) var(--base-size-16);
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;
  color: var(--fgColor-muted);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--fgColor-muted) 82%, transparent);
  }
  background: var(--peakly-contact-detail-field-label-bg);
  border-bottom: 1px solid var(--borderColor-muted);
  white-space: nowrap;
}
.peakly-contact-detail-delivery-grid__field-input {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: var(--base-size-8) var(--base-size-16);
  background: var(--bgColor-default);
  min-height: 44px;
}
.peakly-contact-detail-delivery-grid__field-input--center {
  align-items: center;
  justify-content: center;
}
.peakly-contact-detail-delivery-grid__field-input--actions {
  flex: 1;
  min-height: 100%;
}
.peakly-contact-detail-delivery-grid__cell--index {
  grid-column: 1;
  grid-row: 1 / 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  padding: var(--base-size-12) var(--base-size-8);
  text-align: center;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 500;
  color: var(--fgColor-muted);
  background: var(--bgColor-default);
  border-right: 1px solid var(--borderColor-muted);
}
.peakly-contact-detail-delivery-grid__cell--name-col {
  grid-column: 2;
  grid-row: 1 / 3;
}
.peakly-contact-detail-delivery-grid__cell--address {
  grid-column: 3;
  grid-row: 1;
}
.peakly-contact-detail-delivery-grid__cell--city {
  grid-column: 4;
  grid-row: 1;
}
.peakly-contact-detail-delivery-grid__cell--postal {
  grid-column: 5;
  grid-row: 1;
}
.peakly-contact-detail-delivery-grid__cell--phone {
  grid-column: 3;
  grid-row: 2;
  border-top: 1px solid var(--borderColor-muted);
}
.peakly-contact-detail-delivery-grid__cell--email {
  grid-column: 4;
  grid-row: 2;
  border-top: 1px solid var(--borderColor-muted);
}
.peakly-contact-detail-delivery-grid__cell--contact {
  grid-column: 5;
  grid-row: 2;
  border-top: 1px solid var(--borderColor-muted);
}
.peakly-contact-detail-delivery-grid__cell--notes {
  grid-column: 1 / -1;
  grid-row: 3;
  border-top: 1px solid var(--borderColor-muted);
}
.peakly-contact-detail-delivery-grid__cell--notes .peakly-contact-detail-delivery-grid__field-block {
  width: 100%;
}
.peakly-contact-detail-delivery-grid__cell--principal {
  grid-column: 6;
  grid-row: 1 / 3;
}
.peakly-contact-detail-delivery-grid__cell--actions {
  grid-column: 7;
  grid-row: 1 / 3;
}
.peakly-contact-detail-delivery-grid__principal-radio {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  cursor: pointer;
}
.peakly-contact-detail-delivery-grid__principal-radio input {
  width: 16px;
  height: 16px;
  margin: 0;
  cursor: pointer;
  accent-color: var(--fgColor-accent);
}
.peakly-contact-detail-delivery-grid__field {
  width: 100%;
  min-width: 0;
  margin: 0;
  gap: 0;
}
.peakly-contact-detail-delivery-grid--edit
  .peakly-contact-detail-delivery-grid__field
  [data-component="TextInput"] {
  min-height: 32px;
}
.peakly-contact-datos-edit-view
  .peakly-contact-detail-section__body:has(.peakly-contact-detail-delivery-grid--edit),
.peakly-contact-detail-section--editing
  .peakly-contact-detail-section__body:has(.peakly-contact-detail-delivery-grid--edit) {
  padding: 0;
  gap: 0;
}
@media (max-width: 900px) {
  .peakly-contact-detail-delivery-grid {
    display: block;
    overflow-x: auto;
  }
  .peakly-contact-detail-delivery-grid__entry {
    min-width: 880px;
  }
  .peakly-contact-detail-delivery-grid--read .peakly-contact-detail-delivery-grid__row {
    display: grid;
    grid-column: auto;
    grid-template-columns: 28px
      minmax(5.5rem, 0.9fr)
      minmax(7rem, 1.1fr)
      minmax(4.5rem, 0.7fr)
      minmax(3.75rem, 0.55fr)
      minmax(4.5rem, 0.75fr)
      minmax(4.5rem, 0.75fr)
      minmax(5rem, 0.9fr)
      minmax(5rem, 0.9fr)
      max-content;
    column-gap: 0;
    min-width: 960px;
  }
  .peakly-contact-detail-bank-grid {
    display: block;
    overflow-x: auto;
  }
  .peakly-contact-detail-bank-grid__row {
    display: grid;
    grid-column: auto;
    grid-template-columns: 28px
      minmax(6rem, 1fr)
      minmax(7rem, 1fr)
      minmax(10rem, 1.5fr)
      minmax(5rem, 0.8fr)
      max-content;
    column-gap: 0;
    min-width: 640px;
  }
  .peakly-contact-detail-bank-grid--edit .peakly-contact-detail-bank-grid__row {
    grid-template-columns: 36px
      minmax(6rem, 1fr)
      minmax(7rem, 1fr)
      minmax(10rem, 1.5fr)
      minmax(5rem, 0.8fr)
      max-content
      44px;
    min-width: 880px;
  }
  .peakly-contact-detail-bank-grid__row > *:not(:last-child) {
    border-right: 1px solid var(--borderColor-muted);
  }
}
.peakly-contact-data-section {
  display: grid;
  gap: var(--base-size-10);
  min-width: 0;
  padding: var(--base-size-12);
  border: 1px solid var(--borderColor-muted);
  border-radius: var(--borderRadius-medium);
  background: var(--bgColor-default);
  align-content: start;
  align-self: start;
  height: auto;
}
.peakly-contact-data-section__heading {
  display: flex;
  align-items: center;
  gap: var(--base-size-8);
  min-width: 0;
  margin: 0;
  padding-bottom: var(--base-size-12);
  border-bottom: 1px solid var(--borderColor-muted);
}
.peakly-contact-data-section__heading-icon {
  display: inline-flex;
  flex-shrink: 0;
  color: var(--fgColor-muted);
}
.peakly-contact-data-section__title {
  margin: 0;
  color: var(--fgColor-default);
  font-size: var(--text-title-size-small);
  line-height: var(--text-title-lineHeight-small);
  font-weight: var(--base-text-weight-semibold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.peakly-contact-data-section__body {
  min-width: 0;
  align-self: start;
}
.peakly-contact-data-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--base-size-12);
  min-width: 0;
  padding-top: var(--base-size-8);
  align-items: start;
  align-content: start;
}
.peakly-contact-datos-edit-view
  .peakly-contact-data-grid.peakly-contact-data-grid--commercial:not(
    .peakly-contact-data-grid--commercial-wizard
  ),
.peakly-contact-detail-section--editing
  .peakly-contact-data-grid.peakly-contact-data-grid--commercial:not(
    .peakly-contact-data-grid--commercial-wizard
  ) {
  grid-template-columns: minmax(8.5rem, 1.15fr)
    minmax(4.75rem, 0.62fr)
    minmax(9rem, 1.25fr)
    minmax(4.25rem, 0.52fr)
    minmax(4.75rem, 0.58fr);
}
.peakly-contact-datos-edit-view
  .peakly-contact-data-field--currency-locked
  [class*="FormControl-caption"],
.peakly-contact-datos-edit-view
  .peakly-contact-data-field--currency-locked
  .FormControl-Caption,
.peakly-contact-detail-section--editing
  .peakly-contact-data-field--currency-locked
  [class*="FormControl-caption"],
.peakly-contact-detail-section--editing
  .peakly-contact-data-field--currency-locked
  .FormControl-Caption {
  display: none;
}
.peakly-contact-data-field {
  min-width: 0;
  align-self: start;
}
.peakly-contact-data-field--full {
  grid-column: 1 / -1;
}
.peakly-contact-data-field [data-disabled="true"] input,
.peakly-contact-data-field [data-disabled="true"] textarea {
  color: var(--fgColor-default);
  -webkit-text-fill-color: var(--fgColor-default);
}
@media (max-width: 1100px) {
  .peakly-contact-data-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .peakly-contact-data-layout > .peakly-contact-data-section .peakly-contact-data-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 1200px) {
  .peakly-contact-data-grid.peakly-contact-data-grid--commercial:not(
    .peakly-contact-data-grid--commercial-wizard
  ) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .peakly-contact-datos-edit-view
    .peakly-contact-data-grid.peakly-contact-data-grid--commercial:not(
      .peakly-contact-data-grid--commercial-wizard
    ),
  .peakly-contact-detail-section--editing
    .peakly-contact-data-grid.peakly-contact-data-grid--commercial:not(
      .peakly-contact-data-grid--commercial-wizard
    ) {
    grid-template-columns: minmax(8.5rem, 1.15fr)
      minmax(4.75rem, 0.62fr)
      minmax(9rem, 1.25fr)
      minmax(4.25rem, 0.52fr)
      minmax(4.75rem, 0.58fr);
  }
}
@media (max-width: 900px) {
  .peakly-contact-datos-edit-view
    .peakly-contact-data-grid.peakly-contact-data-grid--commercial:not(
      .peakly-contact-data-grid--commercial-wizard
    ),
  .peakly-contact-detail-section--editing
    .peakly-contact-data-grid.peakly-contact-data-grid--commercial:not(
      .peakly-contact-data-grid--commercial-wizard
    ) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .peakly-contact-data-layout > .peakly-contact-data-section .peakly-contact-data-grid,
  .peakly-contact-data-grid:not(.peakly-contact-data-grid--delivery-location),
  .peakly-contact-data-grid--address,
  .peakly-contact-data-grid--identity,
  .peakly-contact-data-grid.peakly-contact-data-grid--commercial {
    grid-template-columns: minmax(0, 1fr);
  }
}
.peakly-contact-info-group {
  min-height: 132px;
  display: grid;
  align-content: start;
  gap: var(--base-size-10);
  padding: var(--base-size-12);
  border: 1px solid var(--borderColor-muted);
  border-radius: var(--borderRadius-large);
  background: var(--bgColor-default);
}
.peakly-contact-info-group__content {
  display: grid;
  gap: var(--base-size-8);
}
.peakly-contact-read-field {
  display: grid;
  gap: var(--base-size-4);
  min-width: 0;
}
.peakly-contact-read-field__label {
  color: var(--fgColor-muted);
  font-weight: var(--base-text-weight-semibold);
  line-height: var(--text-body-lineHeight-small);
}
.peakly-contact-read-field__value {
  min-width: 0;
}
.peakly-contact-read-field__text {
  display: block;
  color: var(--fgColor-default);
  font-size: var(--text-body-size-medium);
  font-weight: var(--base-text-weight-medium);
  line-height: var(--text-body-lineHeight-medium);
  overflow-wrap: anywhere;
}
.peakly-contact-read-field__text--empty {
  color: var(--fgColor-muted);
  font-weight: var(--base-text-weight-normal);
}
.peakly-contact-private-notes {
  margin: 0;
  color: var(--fgColor-default);
  font-size: var(--text-body-size-medium);
  line-height: var(--text-body-lineHeight-medium);
  white-space: pre-wrap;
}
.peakly-contact-internal-notes-layout {
  display: grid;
  grid-template-columns: minmax(0, 35fr) minmax(0, 65fr);
  align-items: start;
  gap: var(--base-size-16);
  min-width: 0;
}
.peakly-contact-internal-notes-layout--feed-only {
  grid-template-columns: minmax(0, 1fr);
}
.peakly-contact-internal-notes-layout__form,
.peakly-contact-internal-notes-layout__feed {
  min-width: 0;
}
.peakly-contact-note-category-badge {
  display: inline-flex !important;
  align-items: center;
  gap: var(--base-size-4);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  min-width: 0;
}
.peakly-contact-note-category-badge svg {
  flex-shrink: 0;
  color: currentColor;
}
.peakly-contact-notes-history-frame {
  --peakly-notes-history-visible-rows: 20;
  --peakly-notes-history-row-height: 4.25rem;
  min-width: 0;
  background-color: var(--bgColor-muted);
  border: 1px solid var(--borderColor-muted);
  border-radius: var(--borderRadius-medium);
  padding: var(--base-size-16);
}
.peakly-contact-notes-history-frame__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--base-size-8);
  margin-bottom: var(--base-size-12);
  min-width: 0;
}
.peakly-contact-notes-history-frame__header h3 {
  min-width: 0;
}
.peakly-contact-notes-history-frame__scroll--limited {
  max-height: calc(
    var(--peakly-notes-history-row-height) * var(--peakly-notes-history-visible-rows)
  );
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: var(--base-size-4);
  margin-right: calc(var(--base-size-4) * -1);
}
.peakly-contact-notes-history-frame--empty {
  display: flex;
  flex-direction: column;
  gap: var(--base-size-12);
  min-height: 12rem;
}
.peakly-contact-notes-timeline__actions {
  flex-shrink: 0;
}
.peakly-contact-notes-timeline__actions .peakly-contact-note-action--danger:hover:not(:disabled) {
  color: var(--fgColor-danger);
}
.peakly-contact-notes-timeline {
  display: flex;
  flex-direction: column;
}
.peakly-contact-notes-timeline__item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  column-gap: var(--base-size-12);
  position: relative;
}
.peakly-contact-notes-timeline__rail {
  display: flex;
  justify-content: center;
  position: relative;
}
.peakly-contact-notes-timeline__line {
  position: absolute;
  top: var(--base-size-16);
  bottom: calc(var(--base-size-16) * -1);
  width: 1px;
  background-color: var(--borderColor-muted);
}
.peakly-contact-notes-timeline__dot {
  width: var(--base-size-12);
  height: var(--base-size-12);
  border-radius: 50%;
  background-color: var(--borderColor-default);
  box-shadow: 0 0 0 4px var(--bgColor-muted);
  flex: 0 0 auto;
  margin-top: var(--base-size-4);
}
.peakly-contact-notes-timeline__item[data-category="GENERAL"] .peakly-contact-notes-timeline__dot {
  background-color: var(--fgColor-muted);
}
.peakly-contact-notes-timeline__item[data-category="SALES"] .peakly-contact-notes-timeline__dot {
  background-color: var(--fgColor-success);
}
.peakly-contact-notes-timeline__item[data-category="PURCHASES"] .peakly-contact-notes-timeline__dot {
  background-color: var(--fgColor-attention);
}
.peakly-contact-notes-timeline__item[data-category="ACCOUNTING"] .peakly-contact-notes-timeline__dot {
  background-color: var(--fgColor-done);
}
.peakly-contact-notes-timeline__author {
  display: inline-flex;
  align-items: center;
  gap: var(--base-size-4);
  min-width: 0;
}
.peakly-contact-notes-timeline__author svg {
  flex-shrink: 0;
  color: var(--fgColor-muted);
}
.peakly-contact-notes-timeline__body {
  margin: 0;
  white-space: pre-wrap;
  color: var(--fgColor-default);
}
.peakly-contact-notes-timeline__content {
  padding-bottom: var(--base-size-16);
  min-width: 0;
}
.peakly-contact-notes-timeline__item:last-child
  .peakly-contact-notes-timeline__content {
  padding-bottom: 0;
}
@media (max-width: 900px) {
  .peakly-contact-internal-notes-layout {
    grid-template-columns: minmax(0, 1fr);
  }
}
.peakly-contact-overview-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr));
  gap: var(--base-size-16);
  align-items: stretch;
}
.peakly-contact-overview-card {
  min-height: 196px;
  height: 100%;
  padding: var(--base-size-16);
}
.peakly-contact-overview-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--base-size-12);
  min-width: 0;
}
.peakly-contact-overview-card__actions {
  display: flex;
  flex: 0 0 auto;
  justify-content: flex-end;
}
.peakly-sales-trace-dialog.prc-Dialog-Dialog-luvDS,
.peakly-commercial-trace-dialog.prc-Dialog-Dialog-luvDS {
  width: min(1200px, calc(100dvw - 48px)) !important;
  max-width: calc(100dvw - 48px) !important;
}
.peakly-sales-nav-row__nav {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
}
.peakly-sales-nav-row__actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-end;
}
.peakly-contact-detail-segments {
  align-self: flex-start;
  width: fit-content;
  max-width: 100%;
  padding: var(--base-size-2);
  gap: var(--base-size-2);
  min-height: var(--base-size-36);
}
.peakly-contact-detail-segments [class*="SegmentedControl-Button"] {
  --segmented-control-button-inner-padding: 12px;
}
.peakly-contact-detail-segments [class*="SegmentedControl-Content"] {
  gap: var(--base-size-6);
  min-height: var(--base-size-28);
}
.peakly-contact-detail-segments [class*="LeadingIcon"] {
  margin-right: var(--base-size-6);
}
.peakly-contact-section-body {
  width: 100%;
  min-width: 0;
}
.peakly-contact-section-body .peakly-chart-mount,
.peakly-contact-section-body .peakly-contact-chart-panel {
  width: 100%;
  min-width: 0;
}
.peakly-sales-edit-warning-checkbox input {
  margin: 0;
}
.peakly-sales-kpi-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
  gap: var(--base-size-12);
}
.peakly-commercial-analytics {
  display: grid;
  grid-template-columns: minmax(0, 85fr) minmax(0, 15fr);
  gap: var(--base-size-16);
  align-items: stretch;
  width: 100%;
  min-width: 0;
  min-height: 24rem;
}
.peakly-commercial-analytics__chart {
  min-width: 0;
  width: 100%;
  min-height: 24rem;
  display: flex;
  flex-direction: column;
}
.peakly-commercial-analytics__chart .peakly-chart-mount {
  width: 100%;
  min-width: 0;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
}
.peakly-commercial-analytics__chart-card {
  display: flex;
  flex-direction: column;
  min-height: 24rem;
  flex: 0 0 auto;
}
.peakly-commercial-analytics__chart-card [class*="ChartCardBody"] {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
}
.peakly-commercial-analytics__chart-viewport {
  position: relative;
  width: 100%;
  min-width: 0;
  height: 18rem;
  min-height: 18rem;
  max-height: 18rem;
  flex: 0 0 auto;
  overflow: hidden;
}
.peakly-commercial-analytics__chart-viewport canvas,
.peakly-chart-mount canvas {
  display: block;
  max-width: 100%;
}
.peakly-commercial-analytics__chart .peakly-contact-chart-panel {
  min-height: 24rem;
  flex: 0 0 auto;
}
.peakly-commercial-analytics__kpis {
  display: flex;
  flex-direction: column;
  gap: var(--base-size-12);
  min-width: 0;
  height: 100%;
  min-height: 24rem;
  align-self: stretch;
}
.peakly-commercial-analytics__kpis .peakly-sales-kpi-card--sidebar {
  flex: 1 1 0;
  min-height: 0;
}
.peakly-sales-kpi-card.peakly-sales-kpi-card--sidebar {
  display: flex;
  flex-direction: column;
  height: auto;
  border: 1px solid var(--borderColor-muted);
  border-radius: var(--borderRadius-large);
  background: var(--bgColor-default);
  box-shadow: 0 1px 0 var(--borderColor-muted);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 1px 0 color-mix(in srgb, var(--borderColor-muted) 40%, transparent);
  }
}
.peakly-sales-kpi-card__body.peakly-sales-kpi-card__body--sidebar {
  flex: 1;
  height: auto;
  min-height: 0;
  padding: var(--base-size-12);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: var(--base-size-6);
}
.peakly-sales-kpi-card--sidebar .peakly-sales-kpi-card__label {
  margin: 0;
  color: var(--fgColor-muted);
  font-size: calc(var(--text-body-size-small) * 0.9);
  line-height: var(--text-body-lineHeight-small);
  font-weight: var(--base-text-weight-semibold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.peakly-sales-kpi-card--sidebar .peakly-sales-kpi-card__value {
  margin: 0;
  color: var(--fgColor-default);
  font-size: var(--text-title-size-small);
  line-height: var(--text-title-lineHeight-small);
  font-weight: var(--base-text-weight-semibold);
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
@media (max-width: 1200px) {
  .peakly-commercial-analytics {
    grid-template-columns: minmax(0, 1fr);
  }
  .peakly-commercial-analytics__kpis {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--base-size-12);
    width: 100%;
    height: auto;
    min-height: 0;
  }
  .peakly-commercial-analytics__kpis .peakly-sales-kpi-card--sidebar {
    flex: none;
  }
  .peakly-sales-kpi-card.peakly-sales-kpi-card--sidebar {
    height: auto;
  }
  .peakly-sales-kpi-card__body.peakly-sales-kpi-card__body--sidebar {
    min-height: 0;
    padding: var(--base-size-12);
  }
}
@media (max-width: 720px) {
  .peakly-commercial-analytics__kpis {
    grid-template-columns: minmax(0, 1fr);
  }
}
.peakly-sales-two-col {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: var(--base-size-16);
  align-items: start;
  min-width: 0;
  width: 100%;
}
.peakly-sales-two-col__table {
  min-width: 0;
  width: 100%;
}
.peakly-sales-two-col__frame {
  min-width: 0;
  width: 100%;
}
.peakly-sales-right-frame {
  display: flex;
  flex-direction: column;
  gap: var(--base-size-12);
  min-width: 0;
}
.peakly-sales-right-frame__kpis {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--base-size-8);
  min-width: 0;
}
.peakly-sales-right-frame__chart-card {
  flex: 0 0 auto;
  min-width: 0;
}
.peakly-sales-right-frame__chart-viewport {
  position: relative;
  width: 100%;
  min-width: 0;
  height: 14rem;
  min-height: 14rem;
  max-height: 14rem;
  flex: 0 0 auto;
  overflow: hidden;
}
@media (max-width: 1100px) {
  .peakly-sales-two-col {
    grid-template-columns: minmax(0, 1fr);
  }
  .peakly-sales-two-col__frame {
    order: -1;
  }
  .peakly-sales-right-frame__kpis {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--base-size-8);
  }
}
@media (max-width: 640px) {
  .peakly-sales-right-frame__kpis {
    grid-template-columns: minmax(0, 1fr);
  }
}
.peakly-sales-section-summary {
  display: grid;
  gap: var(--base-size-16);
}
.peakly-sales-kpi-card {
  min-width: 0;
  height: 100%;
  background: var(--bgColor-default);
}
.peakly-sales-kpi-card__body {
  display: grid;
  gap: var(--base-size-6);
  min-height: 116px;
  padding: var(--base-size-16);
}
.peakly-sales-kpi-card__label {
  color: var(--fgColor-muted);
  font-weight: var(--base-text-weight-semibold);
}
.peakly-sales-kpi-card__value {
  margin: 0;
  color: var(--fgColor-default);
  font-size: var(--text-title-size-medium);
  font-weight: var(--base-text-weight-semibold);
  line-height: var(--text-title-lineHeight-medium);
  font-variant-numeric: tabular-nums;
}
.peakly-sales-kpi-card__caption {
  color: var(--fgColor-muted);
  line-height: var(--text-body-lineHeight-small);
}
.peakly-quote-field {
  display: grid;
  min-width: 0;
  gap: var(--base-size-4);
}
.peakly-quote-field__label {
  color: var(--fgColor-muted);
  font-weight: var(--base-text-weight-semibold);
}
.peakly-quote-create-section {
  padding: var(--base-size-16);
}
.peakly-quote-create-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--base-size-16);
  margin-bottom: var(--base-size-24);
}
.peakly-quote-create-layout {
  display: grid;
  grid-template-columns: minmax(0, 55fr) minmax(360px, 45fr);
  gap: var(--base-size-24);
  align-items: start;
  min-width: 0;
}
.peakly-quote-create-form {
  display: flex;
  flex-direction: column;
  gap: var(--base-size-24);
  min-width: 0;
}
.peakly-quote-section-heading {
  margin: 0 0 var(--base-size-12);
  color: var(--fgColor-muted);
  font-size: var(--text-body-size-small);
  font-weight: var(--base-text-weight-semibold);
  line-height: var(--text-body-lineHeight-small);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.peakly-quote-meta-inline-grid {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) 160px 160px;
  gap: var(--base-size-8);
  align-items: start;
  min-width: 0;
}
.peakly-quote-selected-contact {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--base-size-12);
  padding: var(--base-size-12);
  background: var(--bgColor-muted);
  border: 1px solid var(--borderColor-muted);
  border-radius: var(--borderRadius-medium);
}
.peakly-quote-lines-editor {
  display: grid;
  gap: var(--base-size-12);
  min-width: 0;
}
.peakly-quote-lines-editor__header,
.peakly-quote-lines-editor__row {
  display: grid;
  grid-template-columns: minmax(220px, 2fr) minmax(72px, 88px) minmax(88px, 112px)
    minmax(72px, 88px) minmax(72px, 88px) 32px;
  gap: var(--base-size-8);
  align-items: start;
  min-width: 0;
}
.peakly-quote-lines-editor__header {
  padding-bottom: var(--base-size-4);
  color: var(--fgColor-muted);
  font-size: var(--text-body-size-small);
  font-weight: var(--base-text-weight-semibold);
  line-height: var(--text-body-lineHeight-small);
  border-bottom: 1px solid var(--borderColor-muted);
}
.peakly-quote-lines-editor__add {
  display: flex;
  justify-content: flex-end;
}
.peakly-receipt-create-meta__number {
  width: min(100%, 10.5rem);
  max-width: 10.5rem;
}
.peakly-receipt-create-meta__order {
  width: min(100%, 11.5rem);
  max-width: 11.5rem;
}
.peakly-receipt-lines-editor .peakly-quote-lines-editor__header,
.peakly-receipt-lines-editor .peakly-quote-lines-editor__row {
  grid-template-columns: minmax(0, 1fr) minmax(96px, 120px);
}
.peakly-receipt-lines-editor--with-actions .peakly-quote-lines-editor__row {
  grid-template-columns: minmax(0, 1fr) minmax(96px, 120px) 32px;
}
.peakly-delivery-note-panel {
  min-width: 0;
}
.peakly-delivery-note-dropzone {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--base-size-8);
  min-height: 140px;
  padding: var(--base-size-24);
  text-align: center;
  cursor: pointer;
  border-radius: var(--borderRadius-medium);
  border: 2px dashed var(--borderColor-default);
  background: var(--bgColor-inset);
  transition: border-color 150ms ease,
    background-color 150ms ease;
}
.peakly-delivery-note-dropzone:hover {
  border-color: var(--borderColor-muted);
  background: var(--bgColor-muted);
}
.peakly-delivery-note-dropzone:focus-within {
  outline: 2px solid var(--focus-outlineColor);
  outline-offset: var(--base-size-2);
}
.peakly-delivery-note-dropzone--has-file {
  min-height: 112px;
  padding: var(--base-size-12);
  border-style: solid;
  border-width: 1px;
  border-color: var(--borderColor-muted);
  background: var(--bgColor-muted);
}
.peakly-delivery-note-dropzone__input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.peakly-delivery-note-dropzone__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--fgColor-muted);
}
.peakly-sales-document-lines-grid.peakly-quote-lines-editor {
  gap: 0;
  border: 1px solid var(--borderColor-muted);
  border-radius: var(--borderRadius-medium);
  overflow-x: auto;
  overflow-y: hidden;
  background: var(--bgColor-default);
}
.peakly-sales-document-lines-grid .peakly-quote-lines-editor__header,
.peakly-sales-document-lines-grid .peakly-quote-lines-editor__row {
  gap: 0;
}
.peakly-sales-document-lines-grid .peakly-quote-lines-editor__header {
  padding: 0;
  background: var(--bgColor-muted);
  border-bottom: 1px solid var(--borderColor-muted);
}
.peakly-sales-document-lines-grid .peakly-quote-lines-editor__row {
  border-bottom: 1px solid var(--borderColor-muted);
}
.peakly-sales-document-lines-grid .peakly-quote-lines-editor__row:last-child {
  border-bottom: none;
}
.peakly-sales-document-lines-grid .peakly-quote-lines-editor__header > *,
.peakly-sales-document-lines-grid .peakly-quote-lines-editor__row > * {
  min-width: 0;
  padding: var(--base-size-8) var(--base-size-12);
  border-right: 1px solid var(--borderColor-muted);
  align-self: stretch;
  display: flex;
  align-items: center;
}
.peakly-sales-document-lines-grid .peakly-quote-lines-editor__header > *:last-child,
.peakly-sales-document-lines-grid .peakly-quote-lines-editor__row > *:last-child {
  border-right: none;
}
.peakly-sales-document-lines-grid .peakly-quote-lines-editor__header > *:nth-child(1),
.peakly-sales-document-lines-grid .peakly-quote-lines-editor__row > *:nth-child(1) {
  justify-content: center;
  text-align: center;
}
.peakly-sales-document-lines-grid .peakly-quote-lines-editor__header > *:nth-child(n + 4),
.peakly-sales-document-lines-grid .peakly-quote-lines-editor__row > *:nth-child(n + 4) {
  justify-content: flex-end;
  text-align: right;
  white-space: nowrap;
}
.peakly-sales-document-lines-grid .peakly-quote-lines-editor__header > *:nth-child(n + 4) > *,
.peakly-sales-document-lines-grid .peakly-quote-lines-editor__row > *:nth-child(n + 4) > * {
  width: 100%;
  text-align: inherit;
  white-space: inherit;
}
.peakly-quote-totals-box {
  display: grid;
  gap: var(--base-size-8);
  padding: var(--base-size-16);
  background: var(--bgColor-muted);
  border-radius: var(--borderRadius-medium);
}
.peakly-quote-total-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--base-size-12);
}
.peakly-quote-total-row--bold {
  padding-top: var(--base-size-8);
  font-weight: var(--base-text-weight-semibold);
  text-transform: uppercase;
  border-top: 2px solid var(--borderColor-default);
}
.peakly-quote-create-actions {
  display: flex;
  justify-content: flex-end;
  gap: var(--base-size-8);
  padding-top: var(--base-size-8);
  border-top: 1px solid var(--borderColor-muted);
}
.peakly-quote-payment-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--base-size-12);
  padding: var(--base-size-12);
  background: var(--bgColor-muted);
  border: 1px solid var(--borderColor-muted);
  border-radius: var(--borderRadius-medium);
}
.peakly-quote-detail-section {
  display: grid;
  gap: var(--base-size-16);
  padding-top: var(--base-size-16);
  border-top: 1px solid var(--borderColor-muted);
}
.peakly-quote-detail-section[data-standalone="true"] {
  padding-top: 0;
  border-top: 0;
}
.peakly-quote-detail-section__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--base-size-16);
}
.peakly-quote-status-form {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: var(--base-size-8);
  padding: var(--base-size-12);
  background: var(--bgColor-muted);
  border: 1px solid var(--borderColor-muted);
  border-radius: var(--borderRadius-medium);
}
.peakly-quote-status-form__field {
  display: grid;
  min-width: 220px;
  gap: var(--base-size-4);
}
.peakly-quote-detail-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  gap: var(--base-size-16);
}
.peakly-quote-detail-actions {
  display: grid;
  gap: var(--base-size-12);
}
.peakly-quote-detail-card {
  display: grid;
  gap: var(--base-size-12);
  padding: var(--base-size-12);
  background: var(--bgColor-muted);
  border: 1px solid var(--borderColor-muted);
  border-radius: var(--borderRadius-medium);
}
.peakly-quote-detail-actions .peakly-quote-status-form {
  display: grid;
  padding: 0;
  background: transparent;
  border: 0;
}
.peakly-quote-note-form {
  display: grid;
  gap: var(--base-size-8);
}
.peakly-quote-detail-readonly {
  min-width: 0;
  width: 100%;
}
.peakly-quote-readonly-form {
  display: grid;
  gap: var(--base-size-20);
  min-width: 0;
}
.peakly-quote-readonly-section {
  min-width: 0;
}
.peakly-quote-readonly-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--base-size-12);
  min-width: 0;
}
.peakly-quote-readonly-grid--meta {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.peakly-quote-readonly-field--full {
  grid-column: 1 / -1;
}
.peakly-quote-readonly-lines {
  display: grid;
  gap: var(--base-size-12);
  min-width: 0;
}
.peakly-quote-readonly-line {
  display: grid;
  gap: var(--base-size-10);
  padding: var(--base-size-12);
  background: var(--bgColor-muted);
  border: 1px solid var(--borderColor-muted);
  border-radius: var(--borderRadius-medium);
}
.peakly-quote-readonly-line__metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--base-size-8);
  min-width: 0;
}
.peakly-quote-activity-list {
  display: grid;
  gap: var(--base-size-8);
  margin: 0;
  padding: 0;
  list-style: none;
}
.peakly-quote-activity-item {
  display: grid;
  gap: var(--base-size-4);
  padding: var(--base-size-10);
  background: var(--bgColor-default);
  border: 1px solid var(--borderColor-muted);
  border-radius: var(--borderRadius-medium);
}
.peakly-quote-activity-item__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--base-size-8);
  color: var(--fgColor-muted);
}
.peakly-quote-activity-item__message {
  margin: 0;
  color: var(--fgColor-default);
  font-size: var(--text-body-size-small);
  line-height: var(--text-body-lineHeight-small);
}
.peakly-quote-activity-item__author {
  margin: 0;
  color: var(--fgColor-muted);
}
@media (max-width: 980px) {
  .peakly-quote-detail-layout {
    grid-template-columns: 1fr;
  }
  .peakly-quote-readonly-grid,
  .peakly-quote-readonly-grid--meta,
  .peakly-quote-readonly-line__metrics {
    grid-template-columns: 1fr;
  }
}
.peakly-quote-preview-column {
  min-width: 0;
  position: sticky;
  top: var(--base-size-16);
}
.peakly-quote-preview-pages {
  display: grid;
  gap: var(--base-size-16);
}
.peakly-quote-preview-card {
  display: flex;
  width: min(100%, 420px);
  aspect-ratio: 210 / 297;
  margin-inline: auto;
  flex-direction: column;
  gap: clamp(var(--base-size-12), 2.6%, var(--base-size-20));
  padding: clamp(var(--base-size-20), 7%, var(--base-size-36));
  background: var(--bgColor-default);
  border: 1px solid var(--borderColor-muted);
  border-radius: var(--borderRadius-large);
  overflow: hidden;
}
.peakly-quote-preview-card--continuation {
  justify-content: flex-start;
}
.peakly-quote-preview-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--base-size-12);
}
.peakly-quote-preview-card__eyebrow {
  margin: 0 0 var(--base-size-4);
  color: var(--fgColor-muted);
  font-size: var(--text-body-size-small);
  font-weight: var(--base-text-weight-semibold);
  line-height: var(--text-body-lineHeight-small);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.peakly-quote-preview-parties {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--base-size-12);
}
.peakly-quote-preview-party,
.peakly-quote-preview-payment {
  min-width: 0;
  padding: clamp(var(--base-size-10), 3.2%, var(--base-size-16));
  background: var(--bgColor-muted);
  border-radius: var(--borderRadius-medium);
}
.peakly-quote-preview-party__details,
.peakly-quote-preview-payment__grid {
  display: grid;
  gap: var(--base-size-8);
}
.peakly-quote-preview-detail {
  min-width: 0;
}
.peakly-quote-preview-detail__label {
  display: block;
  color: var(--fgColor-muted);
  font-size: var(--text-body-size-small);
  font-weight: var(--base-text-weight-semibold);
  line-height: var(--text-body-lineHeight-small);
}
.peakly-quote-preview-detail__value {
  display: block;
  margin-top: var(--base-size-2);
  color: var(--fgColor-default);
  font-size: var(--text-body-size-small);
  line-height: var(--text-body-lineHeight-small);
  overflow-wrap: anywhere;
}
.peakly-quote-preview-client {
  padding: clamp(var(--base-size-12), 4.4%, var(--base-size-20));
  background: var(--bgColor-muted);
  border-radius: var(--borderRadius-medium);
}
.peakly-quote-preview-client__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--base-size-12);
}
.peakly-quote-preview-lines {
  display: grid;
  gap: var(--base-size-8);
  min-height: clamp(88px, 18%, 180px);
  align-content: start;
}
.peakly-quote-preview-lines__header,
.peakly-quote-preview-lines__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 42px 64px 38px 40px 64px;
  gap: var(--base-size-8);
  font-size: var(--text-body-size-small);
  line-height: var(--text-body-lineHeight-small);
}
.peakly-quote-preview-lines__header {
  padding-bottom: var(--base-size-8);
  color: var(--fgColor-muted);
  font-weight: var(--base-text-weight-semibold);
  border-bottom: 1px solid var(--borderColor-muted);
}
.peakly-quote-preview-footer {
  display: grid;
  gap: var(--base-size-12);
  margin-top: auto;
}
.peakly-quote-preview-totals {
  display: grid;
  width: min(260px, 100%);
  justify-self: end;
  gap: var(--base-size-6);
}
.peakly-quote-preview-payment__note {
  margin: var(--base-size-8) 0 0;
  color: var(--fgColor-muted);
  line-height: var(--text-body-lineHeight-small);
  overflow-wrap: anywhere;
}
.peakly-quote-preview-observations {
  display: grid;
  gap: var(--base-size-8);
  padding-top: var(--base-size-12);
  border-top: 1px solid var(--borderColor-muted);
}
.peakly-quote-preview-observations__text {
  margin: 0;
  color: var(--fgColor-muted);
  line-height: var(--text-body-lineHeight-small);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.peakly-quote-preview-page-number {
  justify-self: end;
  margin: 0;
  color: var(--fgColor-muted);
}
@media (max-width: 1100px) {
  .peakly-contact-data-grid,
  .peakly-contact-overview-grid {
    grid-template-columns: 1fr;
  }
  .peakly-sales-trace-dialog.prc-Dialog-Dialog-luvDS,
.peakly-commercial-trace-dialog.prc-Dialog-Dialog-luvDS {
    width: min(1200px, calc(100dvw - 48px)) !important;
    max-width: calc(100dvw - 48px) !important;
  }
  .peakly-sales-nav-row__nav {
    flex: 0 1 auto;
    min-width: 0;
  }
  .peakly-sales-nav-row__actions {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-end;
  }
  .peakly-sales-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .peakly-quote-create-layout {
    grid-template-columns: 1fr;
  }
  .peakly-quote-preview-column {
    position: static;
  }
  .peakly-contact-info-group {
    min-height: auto;
  }
  .peakly-contact-profile-hero__header {
    align-items: flex-start;
    flex-direction: column;
  }
}
@media (max-width: 720px) {
  .peakly-contact-overview-card__header {
    align-items: stretch;
    flex-direction: column;
  }
  .peakly-contact-overview-card__actions {
    justify-content: flex-start;
  }
  .peakly-sales-trace-dialog.prc-Dialog-Dialog-luvDS,
.peakly-commercial-trace-dialog.prc-Dialog-Dialog-luvDS {
    width: min(1200px, calc(100dvw - 48px)) !important;
    max-width: calc(100dvw - 48px) !important;
  }
  .peakly-sales-nav-row__nav {
    flex: 0 1 auto;
    min-width: 0;
  }
  .peakly-sales-nav-row__actions {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-end;
  }
  .peakly-sales-kpi-grid {
    grid-template-columns: 1fr;
  }
  .peakly-contact-dashboard-panel__header {
    align-items: stretch;
    flex-direction: column;
  }
  .peakly-contact-dashboard-panel__actions {
    justify-content: flex-start;
  }
  .peakly-quote-create-header,
  .peakly-quote-payment-summary,
  .peakly-quote-selected-contact {
    align-items: stretch;
    flex-direction: column;
  }
  .peakly-quote-meta-inline-grid,
  .peakly-quote-lines-editor:not(.peakly-sales-document-lines-grid)
    .peakly-quote-lines-editor__header,
  .peakly-quote-lines-editor:not(.peakly-sales-document-lines-grid)
    .peakly-quote-lines-editor__row,
  .peakly-quote-payment-summary,
  .peakly-quote-preview-client__grid,
  .peakly-quote-preview-parties,
  .peakly-quote-preview-payment__grid,
  .peakly-quote-preview-lines__header,
  .peakly-quote-preview-lines__row {
    grid-template-columns: 1fr;
  }
}
.peakly-contact-embed-root,
[data-embed-setup="true"] .peakly-contact-app-shell__content {
  margin-left: 0 !important;
}
[data-embed-setup="true"]:not([data-embed-compact="true"]) .peakly-contact-dashboard-panel--setup {
  padding: var(--base-size-16) var(--base-size-24) var(--base-size-32);
}
[data-embed-setup="true"][data-embed-compact="true"] .peakly-contact-app-shell,
[data-embed-setup="true"][data-embed-compact="true"] .peakly-contact-app-shell__content {
  height: 100%;
  min-height: 0;
  overflow: hidden;
}
[data-embed-setup="true"][data-embed-compact="true"] .peakly-contact-dashboard-panel--setup {
  align-items: stretch;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0 var(--base-size-8);
  box-sizing: border-box;
}
[data-embed-setup="true"][data-embed-compact="true"] .peakly-contact-app-shell__content {
  padding: 0 !important;
}
[data-embed-setup="true"][data-embed-compact="true"] .peakly-contact-app-shell__content > div {
  height: 100%;
  min-height: 0;
}
[data-embed-setup="true"][data-embed-compact="true"] .peakly-contact-profile-embed-main {
  width: 100%;
  height: 100%;
  min-height: 0;
  margin: 0;
  gap: 0;
}
[data-embed-setup="true"][data-embed-compact="true"] .peakly-contact-setup-shell--embed-compact {
  max-width: none;
  width: 100%;
  height: 100%;
  min-height: 0;
}
[data-embed-setup="true"][data-embed-compact="true"] .peakly-contact-setup-flow {
  width: 100%;
  height: 100%;
  min-height: 0;
  align-items: stretch !important;
  justify-content: space-between;
  gap: var(--base-size-8) !important;
}
[data-embed-setup="true"][data-embed-compact="true"] .peakly-contact-setup-stepper {
  flex-wrap: nowrap;
  justify-content: flex-start;
  gap: var(--base-size-4);
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 0;
  scrollbar-width: none;
}
[data-embed-setup="true"][data-embed-compact="true"] .peakly-contact-setup-stepper::-webkit-scrollbar {
  display: none;
}
[data-embed-setup="true"][data-embed-compact="true"] .peakly-contact-setup-stepper__label {
  display: none;
}
[data-embed-setup="true"][data-embed-compact="true"] .peakly-contact-setup-stepper__item {
  padding: var(--base-size-2);
}
[data-embed-setup="true"][data-embed-compact="true"] .peakly-contact-setup-stepper__dot {
  width: 24px;
  height: 24px;
}
[data-embed-setup="true"][data-embed-compact="true"] .peakly-contact-setup-card {
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--base-size-8);
  padding: var(--base-size-12) var(--base-size-16);
  border-radius: var(--borderRadius-large);
  box-shadow: none;
  border-color: var(--borderColor-muted);
}
[data-embed-setup="true"][data-embed-compact="true"] .peakly-contact-setup-card__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}
[data-embed-setup="true"][data-embed-compact="true"] .peakly-contact-setup-card .peakly-contact-data-grid--identity,
[data-embed-setup="true"][data-embed-compact="true"] .peakly-contact-setup-card .peakly-contact-data-grid--address {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: var(--base-size-12);
  row-gap: var(--base-size-8);
}
[data-embed-setup="true"][data-embed-compact="true"] .peakly-contact-setup-card .peakly-contact-data-field label {
  margin-bottom: var(--base-size-2);
}
[data-embed-setup="true"][data-embed-compact="true"] .peakly-contact-setup-card h3 {
  font-size: var(--text-body-size-medium);
}
[data-embed-setup="true"][data-embed-compact="true"] .peakly-contact-setup-nav {
  flex-shrink: 0;
  width: 100%;
  padding-top: var(--base-size-4);
}
.peakly-contact-dashboard-panel--accounting {
  padding: 0;
}
.peakly-contact-dashboard-panel--accounting .peakly-contact-dashboard-panel__header {
  margin-bottom: var(--base-size-4);
}
.peakly-contact-accounting-section {
  display: flex;
  flex-direction: column;
  gap: var(--base-size-16);
  width: 100%;
  min-width: 0;
}
.peakly-contact-accounting-section--empty {
  gap: var(--base-size-20);
}
.peakly-contact-accounting-section__footer {
  display: flex;
  justify-content: center;
}
.peakly-contact-accounting-section__documents {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--base-size-16);
  min-width: 0;
}
.peakly-contact-accounting-kpi-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--base-size-12);
}
.peakly-contact-accounting-document-list {
  display: grid;
  gap: var(--base-size-8);
}
.peakly-contact-accounting-document-list__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--base-size-12);
  padding: var(--base-size-12);
  border: 1px solid var(--borderColor-muted);
  border-radius: var(--borderRadius-medium);
  background-color: var(--bgColor-muted);
  color: var(--fgColor-default);
  text-decoration: none;
}
.peakly-contact-accounting-section__ledger-note {
  margin: 0;
  color: var(--fgColor-muted);
  font-size: var(--text-body-size-small);
  line-height: var(--text-body-lineHeight-small);
}
.peakly-contact-accounting-section__ledger-note a {
  color: var(--fgColor-accent);
  font-weight: var(--base-text-weight-semibold);
  text-decoration: none;
}
.peakly-contact-accounting-section__ledger-note a:hover {
  text-decoration: underline;
}
@media (max-width: 900px) {
  .peakly-contact-accounting-section__documents,
  .peakly-contact-accounting-kpi-grid {
    grid-template-columns: 1fr;
  }
}
.peakly-new-doc-contact-overlay [role="listbox"] [class*="ActionListContent"] {
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "content";
}
.peakly-new-doc-contact-overlay
  [role="listbox"]
  [class*="ActionListContent"]
  > *:not([class*="ActionListSubContent"]) {
  display: none;
}
.peakly-new-doc-contact-overlay [role="listbox"] [class*="ActionListSubContent"] {
  grid-area: content;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}