@layer brand, tokens, density, elements, values, brand-mark, spacing, cut-edges, actions, panels, marks, roles, headings, regions, authored-text, shell, absence, layouts, motion, states, embed, tables, truncation, print, without-fills, hidden;
@layer elements {
  .kit-role-side-panel {
    overflow-wrap: break-word;
  }
  .kit-role-side-panel > .kit-region-scroll > .kit-region-line > .kit-region-heading {
    font-family: var(--_kit-body-family);
  }
}
@layer panels {
  .kit-role-side-panel {
    --_kit-overlay-edge: color-mix(in srgb, var(--_kit-text-ink) var(--_kit-overlay-edge-ink), var(--_kit-panel-boundary));
  }
}
@layer roles {
  .kit-role-side-panel {
    --_kit-surface-beneath: var(--_kit-surface);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    inline-size: clamp(var(--_kit-pane-least), var(--kit-pane-width, var(--_kit-pane-design)), var(--_kit-pane-greatest));
    block-size: 100dvh;
    margin: 0;
    padding: 0;
    border: 0;
    border-inline-start: var(--_kit-rule) solid var(--_kit-overlay-edge);
    background: var(--_kit-surface);
    color: var(--_kit-text-ink);
    transition: opacity var(--_kit-appear) var(--_kit-settle), translate var(--_kit-appear) var(--_kit-settle);
  }
  @starting-style {
    html[data-kit-shown] .kit-role-side-panel {
      opacity: 0;
      translate: var(--_kit-side-panel-travel) 0;
    }
  }
  html[data-kit-shortcut=side-panel] .kit-role-side-panel {
    transition-duration: 0s;
  }
  .kit-role-side-panel[data-kit-leaving] {
    position: fixed;
    z-index: var(--_kit-tier-chrome);
    inset-block: 0;
    inset-inline-end: 0;
    inline-size: var(--kit-pane-width);
    opacity: 0;
    translate: var(--_kit-side-panel-travel) 0;
    pointer-events: none;
    transition: opacity var(--_kit-side-panel-leave) var(--_kit-settle), translate var(--_kit-side-panel-leave) var(--_kit-settle);
  }
  @starting-style {
    .kit-role-side-panel[data-kit-leaving] {
      opacity: 1;
      translate: none;
    }
  }
  .kit-role-side-panel > .kit-region-scroll {
    flex: 1 1 auto;
    min-block-size: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: var(--_kit-region) var(--_kit-inset-wide);
  }
  .kit-role-side-panel > .kit-region-scroll {
    display: flex;
    flex-direction: column;
    gap: var(--_kit-region);
  }
  .kit-role-side-panel > .kit-region-scroll > .kit-region-line {
    display: flex;
    align-items: center;
    gap: var(--_kit-stack);
  }
  .kit-role-side-panel > .kit-region-scroll > .kit-region-line > .kit-region-heading {
    flex: 1 1 auto;
    min-inline-size: 0;
    margin: 0;
    font-size: var(--_kit-sub-heading-size);
  }
  .kit-role-side-panel > .kit-region-scroll > .kit-region-line > .kit-region-next-previous {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: var(--_kit-stack);
  }
  .kit-role-side-panel > .kit-region-scroll > .kit-region-line > .kit-region-next-previous > .kit-region-position {
    color: var(--_kit-text-muted);
    white-space: nowrap;
  }
  .kit-role-side-panel > .kit-region-scroll > .kit-region-standing {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--_kit-stack);
    margin: calc(var(--_kit-stack) - var(--_kit-region)) 0 0;
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-role-side-panel {
        display: none;
      }
    }
  }
  .kit-role-side-panel > .kit-region-scroll > .kit-region-line[data-kit-holds~=words] {
    flex-wrap: wrap;
    > .kit-region-heading {
      flex-basis: 0;
    }
    > .kit-region-words {
      order: 1;
      flex: 0 0 100%;
      margin: 0;
    }
  }
}
@layer shell {
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-shell .kit-region-page > .kit-role-side-panel {
        grid-column: -1 / span 1;
        grid-row: 2 / -1;
        position: sticky;
        inset-block-start: calc(var(--_kit-shell-strip-height) + var(--kit-strip-growth, 0px));
        align-self: start;
        block-size: calc(100dvh - var(--_kit-shell-strip-height) - var(--kit-strip-growth, 0px));
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-shell[data-kit-holds~=rail] .kit-region-page > .kit-role-side-panel {
        grid-row: 1 / -1;
        inset-block-start: 0;
        block-size: 100dvh;
      }
    }
  }
}
@layer tables {
  @media screen {
    .kit-role-side-panel .kit-region-grid[data-kit-table=records] > :is(tbody, tfoot) > tr > td.kit-region-cell > .kit-region-fact:not([data-kit-authored-text=true], [data-kit-holds~=labelled-fact], [data-kit-holds~=row], [data-kit-holds~=meter], [data-kit-holds~=avatar], [data-kit-holds~=email], [data-kit-holds~=address], [data-kit-holds~=identifier], [data-kit-holds~=amount]) {
      display: revert-layer;
      -webkit-box-orient: revert-layer;
      -webkit-line-clamp: revert-layer;
      overflow: revert-layer;
    }
  }
  @media screen {
    .kit-role-side-panel .kit-region-grid[data-kit-table=records] > :is(tbody, tfoot) > tr > td.kit-region-cell > .kit-region-value > .kit-region-fact:not([data-kit-authored-text=true], [data-kit-holds~=labelled-fact], [data-kit-holds~=row], [data-kit-holds~=meter], [data-kit-holds~=avatar], [data-kit-holds~=email], [data-kit-holds~=address], [data-kit-holds~=identifier], [data-kit-holds~=amount]) {
      display: revert-layer;
      -webkit-box-orient: revert-layer;
      -webkit-line-clamp: revert-layer;
      overflow: revert-layer;
    }
  }
  @media screen {
    .kit-role-side-panel .kit-region-grid[data-kit-table=records] > :is(tbody, tfoot) > tr > .kit-region-cell > .kit-region-supporting:not([data-kit-holds~=identifier], [data-kit-holds~=email], [data-kit-holds~=address], [data-kit-holds~=amount]) {
      display: revert-layer;
      -webkit-box-orient: revert-layer;
      -webkit-line-clamp: revert-layer;
      overflow: revert-layer;
    }
  }
  @media screen {
    .kit-role-side-panel .kit-region-grid[data-kit-table=records] > :is(tbody, tfoot) > tr > .kit-region-cell > .kit-region-value > .kit-region-supporting:not([data-kit-holds~=identifier], [data-kit-holds~=email], [data-kit-holds~=address], [data-kit-holds~=amount]) {
      display: revert-layer;
      -webkit-box-orient: revert-layer;
      -webkit-line-clamp: revert-layer;
      overflow: revert-layer;
    }
  }
  @media screen {
    .kit-role-side-panel .kit-region-grid[data-kit-table=records] > :is(tbody, tfoot) > tr > th.kit-region-cell[data-kit-column=subject] > .kit-region-subject-link:not([data-kit-holds~=identifier]) {
      overflow: revert-layer;
      text-overflow: revert-layer;
      white-space: revert-layer;
    }
  }
  @media screen {
    .kit-role-side-panel .kit-region-grid[data-kit-table=records] > :is(tbody, tfoot) > tr > th.kit-region-cell[data-kit-column=subject] > .kit-region-value > .kit-region-subject-link:not([data-kit-holds~=identifier]) {
      overflow: revert-layer;
      text-overflow: revert-layer;
      white-space: revert-layer;
    }
  }
  @media screen {
    .kit-role-side-panel .kit-region-grid[data-kit-table=records] > :is(tbody, tfoot) > tr > th.kit-region-cell[data-kit-column=subject] > .kit-region-subject-stamp > .kit-region-subject-link {
      overflow: revert-layer;
      text-overflow: revert-layer;
      white-space: revert-layer;
    }
  }
  @media screen {
    .kit-role-side-panel .kit-region-grid[data-kit-table=records] > :is(tbody, tfoot) > tr > th.kit-region-cell[data-kit-column=subject] > .kit-region-value > .kit-region-subject-stamp > .kit-region-subject-link {
      overflow: revert-layer;
      text-overflow: revert-layer;
      white-space: revert-layer;
    }
  }
}
@layer truncation {
  @media screen {
    .kit-role-side-panel .kit-region-items[role=group] > li > a.kit-region-item > .kit-region-name {
      display: revert-layer;
      -webkit-box-orient: revert-layer;
      -webkit-line-clamp: revert-layer;
      min-inline-size: revert-layer;
      max-inline-size: revert-layer;
      overflow: revert-layer;
      text-overflow: revert-layer;
      white-space: revert-layer;
      flex-wrap: revert-layer;
    }
  }
  @media screen {
    .kit-role-side-panel .kit-region-file-name {
      display: revert-layer;
      -webkit-box-orient: revert-layer;
      -webkit-line-clamp: revert-layer;
      min-inline-size: revert-layer;
      max-inline-size: revert-layer;
      overflow: revert-layer;
      text-overflow: revert-layer;
      white-space: revert-layer;
      flex-wrap: revert-layer;
    }
  }
  @media screen {
    .kit-role-side-panel .kit-region-items[role=group] > li > a.kit-region-item > .kit-region-name :is(.kit-region-identifier, code.kit-region-address) {
      display: revert-layer;
      min-inline-size: revert-layer;
      max-inline-size: revert-layer;
      overflow: revert-layer;
      text-overflow: revert-layer;
      text-indent: revert-layer;
      white-space: revert-layer;
      baseline-source: revert-layer;
      flex: revert-layer;
      flex-shrink: revert-layer;
    }
  }
  @media screen {
    .kit-role-side-panel .kit-region-file-name :is(.kit-region-identifier, code.kit-region-address) {
      display: revert-layer;
      min-inline-size: revert-layer;
      max-inline-size: revert-layer;
      overflow: revert-layer;
      text-overflow: revert-layer;
      text-indent: revert-layer;
      white-space: revert-layer;
      baseline-source: revert-layer;
      flex: revert-layer;
      flex-shrink: revert-layer;
    }
  }
  @media screen {
    .kit-role-side-panel .kit-region-items[role=group] > li > a.kit-region-item > .kit-region-name .kit-region-email {
      display: revert-layer;
      min-inline-size: revert-layer;
      max-inline-size: revert-layer;
      overflow: revert-layer;
      text-overflow: revert-layer;
      text-indent: revert-layer;
      white-space: revert-layer;
      baseline-source: revert-layer;
      flex: revert-layer;
      flex-shrink: revert-layer;
    }
  }
  @media screen {
    .kit-role-side-panel .kit-region-file-name .kit-region-email {
      display: revert-layer;
      min-inline-size: revert-layer;
      max-inline-size: revert-layer;
      overflow: revert-layer;
      text-overflow: revert-layer;
      text-indent: revert-layer;
      white-space: revert-layer;
      baseline-source: revert-layer;
      flex: revert-layer;
      flex-shrink: revert-layer;
    }
  }
  @media screen {
    .kit-role-side-panel .kit-region-items[role=group] > li > a.kit-region-item > .kit-region-name .kit-region-address {
      display: revert-layer;
      min-inline-size: revert-layer;
      max-inline-size: revert-layer;
      overflow: revert-layer;
      text-overflow: revert-layer;
      text-indent: revert-layer;
      white-space: revert-layer;
      baseline-source: revert-layer;
      flex: revert-layer;
      flex-shrink: revert-layer;
    }
  }
  @media screen {
    .kit-role-side-panel .kit-region-file-name .kit-region-address {
      display: revert-layer;
      min-inline-size: revert-layer;
      max-inline-size: revert-layer;
      overflow: revert-layer;
      text-overflow: revert-layer;
      text-indent: revert-layer;
      white-space: revert-layer;
      baseline-source: revert-layer;
      flex: revert-layer;
      flex-shrink: revert-layer;
    }
  }
  @media screen {
    .kit-role-side-panel .kit-region-items[role=group] > li > a.kit-region-item > .kit-region-name .kit-region-head {
      display: revert-layer;
      min-inline-size: revert-layer;
      max-inline-size: revert-layer;
      overflow: revert-layer;
      text-overflow: revert-layer;
      text-indent: revert-layer;
      white-space: revert-layer;
      baseline-source: revert-layer;
      flex: revert-layer;
      flex-shrink: revert-layer;
    }
  }
  @media screen {
    .kit-role-side-panel .kit-region-file-name .kit-region-head {
      display: revert-layer;
      min-inline-size: revert-layer;
      max-inline-size: revert-layer;
      overflow: revert-layer;
      text-overflow: revert-layer;
      text-indent: revert-layer;
      white-space: revert-layer;
      baseline-source: revert-layer;
      flex: revert-layer;
      flex-shrink: revert-layer;
    }
  }
  @media screen {
    .kit-role-side-panel .kit-region-items[role=group] > li > a.kit-region-item > .kit-region-name .kit-region-tail {
      display: revert-layer;
      min-inline-size: revert-layer;
      max-inline-size: revert-layer;
      overflow: revert-layer;
      text-overflow: revert-layer;
      text-indent: revert-layer;
      white-space: revert-layer;
      baseline-source: revert-layer;
      flex: revert-layer;
      flex-shrink: revert-layer;
    }
  }
  @media screen {
    .kit-role-side-panel .kit-region-file-name .kit-region-tail {
      display: revert-layer;
      min-inline-size: revert-layer;
      max-inline-size: revert-layer;
      overflow: revert-layer;
      text-overflow: revert-layer;
      text-indent: revert-layer;
      white-space: revert-layer;
      baseline-source: revert-layer;
      flex: revert-layer;
      flex-shrink: revert-layer;
    }
  }
  @media screen {
    .kit-role-side-panel .kit-region-items[role=group] > li > a.kit-region-item > .kit-region-name .kit-region-age {
      display: revert-layer;
      min-inline-size: revert-layer;
      max-inline-size: revert-layer;
      overflow: revert-layer;
      text-overflow: revert-layer;
      text-indent: revert-layer;
      white-space: revert-layer;
      baseline-source: revert-layer;
      flex: revert-layer;
      flex-shrink: revert-layer;
    }
  }
  @media screen {
    .kit-role-side-panel .kit-region-file-name .kit-region-age {
      display: revert-layer;
      min-inline-size: revert-layer;
      max-inline-size: revert-layer;
      overflow: revert-layer;
      text-overflow: revert-layer;
      text-indent: revert-layer;
      white-space: revert-layer;
      baseline-source: revert-layer;
      flex: revert-layer;
      flex-shrink: revert-layer;
    }
  }
  @media screen {
    .kit-role-side-panel .kit-region-items[role=group] > li > a.kit-region-item > .kit-region-name .kit-region-description {
      display: revert-layer;
      min-inline-size: revert-layer;
      max-inline-size: revert-layer;
      overflow: revert-layer;
      text-overflow: revert-layer;
      text-indent: revert-layer;
      white-space: revert-layer;
      baseline-source: revert-layer;
      flex: revert-layer;
      flex-shrink: revert-layer;
    }
  }
  @media screen {
    .kit-role-side-panel .kit-region-file-name .kit-region-description {
      display: revert-layer;
      min-inline-size: revert-layer;
      max-inline-size: revert-layer;
      overflow: revert-layer;
      text-overflow: revert-layer;
      text-indent: revert-layer;
      white-space: revert-layer;
      baseline-source: revert-layer;
      flex: revert-layer;
      flex-shrink: revert-layer;
    }
  }
  @media screen {
    .kit-role-side-panel .kit-region-items[role=group] > li > a.kit-region-item > .kit-region-name .kit-region-time:before {
      content: revert-layer;
      white-space: revert-layer;
    }
  }
  @media screen {
    .kit-role-side-panel .kit-region-file-name .kit-region-time:before {
      content: revert-layer;
      white-space: revert-layer;
    }
  }
}