@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-image {
    overflow-wrap: break-word;
  }
}
@layer roles {
  .kit-role-form-group > .kit-region-files > .kit-region-file > span.kit-role-image:not([hidden]) {
    display: grid;
    place-items: center;
    flex: none;
    inline-size: var(--_kit-image-small);
    block-size: var(--_kit-image-small);
  }
  .kit-role-form-group > .kit-region-files > .kit-region-file > span.kit-role-image > img {
    display: block;
    inline-size: auto;
    block-size: auto;
    max-inline-size: 100%;
    max-block-size: 100%;
  }
  .kit-region-value > a.kit-role-image[href] {
    display: block;
    inline-size: fit-content;
    max-inline-size: 100%;
    padding: var(--_kit-inset-tight);
    border: var(--_kit-rule) solid var(--_kit-rule-colour);
  }
  .kit-region-value > a.kit-role-image[href] > .kit-region-picture:not([hidden]) {
    display: block;
    inline-size: min(calc(var(--kit-image-natural-width) * 1px), calc(var(--_kit-image-height) * var(--kit-image-natural-width) / var(--kit-image-natural-height)));
    block-size: auto;
    max-inline-size: 100%;
  }
  .kit-layout-showcase > .kit-region-examples > .kit-role-headed-region > .kit-region-content > a.kit-role-image[href],
  .kit-layout-record > .kit-region-facts-related-records > a.kit-role-image[href],
  .kit-layout-record > .kit-region-facts-related-records > .kit-role-headed-region > .kit-region-content > a.kit-role-image[href] {
    display: block;
    inline-size: fit-content;
    max-inline-size: 100%;
  }
  .kit-layout-showcase > .kit-region-examples > .kit-role-headed-region > .kit-region-content > a.kit-role-image[href] > .kit-region-picture:not([hidden]),
  .kit-layout-record > .kit-region-facts-related-records > a.kit-role-image[href] > .kit-region-picture:not([hidden]),
  .kit-layout-record > .kit-region-facts-related-records > .kit-role-headed-region > .kit-region-content > a.kit-role-image[href] > .kit-region-picture:not([hidden]) {
    display: block;
    inline-size: calc(var(--_kit-strip-height) * var(--kit-image-natural-width) / var(--kit-image-natural-height));
    block-size: auto;
    max-inline-size: 100%;
    border-radius: 0;
  }
  .kit-region-value > a.kit-role-image:not([href]),
  .kit-layout-showcase > .kit-region-examples > .kit-role-headed-region > .kit-region-content > a.kit-role-image:not([href]),
  .kit-layout-record > .kit-region-facts-related-records > a.kit-role-image:not([href]),
  .kit-layout-record > .kit-region-facts-related-records > .kit-role-headed-region > .kit-region-content > a.kit-role-image:not([href]) {
    text-decoration-line: none;
  }
  :is(.kit-region-paragraph, .kit-region-text-heading) > span.kit-role-image {
    display: block;
  }
  :is(.kit-region-paragraph, .kit-region-text-heading) > span.kit-role-image > .kit-region-picture:not([hidden]) {
    display: block;
    inline-size: auto;
    max-inline-size: 100%;
    block-size: auto;
    max-block-size: var(--_kit-strip-height);
  }
}
@layer layouts {
  .kit-layout-issued-document .kit-region-signatory > .kit-role-image > img {
    display: block;
    block-size: var(--_kit-image-height);
    inline-size: auto;
    padding-inline: var(--_kit-stack);
    color-scheme: light;
    background: var(--_kit-panel);
  }
}