@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-scan-code {
    overflow-wrap: break-word;
  }
}
@layer roles {
  .kit-role-fact-group > .kit-role-scan-code {
    flex-basis: 100%;
  }
  .kit-role-scan-code {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: var(--_kit-stack);
    inline-size: fit-content;
    max-inline-size: 100%;
  }
  .kit-role-scan-code > .kit-region-code {
    display: block;
    flex: none;
    inline-size: var(--_kit-scan-code);
    block-size: var(--_kit-scan-code);
    color-scheme: light;
    background: var(--_kit-panel);
    fill: var(--_kit-ink);
    shape-rendering: crispEdges;
    forced-color-adjust: none;
    print-color-adjust: exact;
  }
  .kit-role-scan-code > p.kit-region-value {
    margin: 0;
    overflow-wrap: anywhere;
  }
}
@layer layouts {
  .kit-layout-issued-document .kit-region-parties > .kit-role-scan-code,
  .kit-layout-issued-document .kit-region-payment > .kit-role-scan-code {
    flex: none;
    min-inline-size: 0;
  }
  .kit-layout-issued-document .kit-region-payment[data-kit-holds~=headed-region] > .kit-role-scan-code {
    flex: none;
  }
  .kit-layout-issued-document .kit-region-payment > .kit-role-headed-region > .kit-region-content > .kit-role-scan-code {
    flex: none;
    min-inline-size: 0;
  }
  .kit-layout-settings > .kit-region-form-or-list > .kit-role-scan-code {
    max-inline-size: var(--_kit-center-measure);
  }
  .kit-layout-settings > .kit-region-form-or-list > :where(.kit-region-form) > .kit-role-scan-code {
    max-inline-size: var(--_kit-center-measure);
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-stepped-flow:is([data-kit-holds~=table], [data-kit-holds~=form-row-list]) > .kit-region-current-step > .kit-role-scan-code {
        max-inline-size: calc(var(--_kit-focused-width) - 2 * var(--_kit-inset) - 2 * var(--_kit-rule));
      }
    }
  }
}