@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-field-result {
    overflow-wrap: break-word;
  }
}
@layer spacing {
  .kit-role-field-result {
    display: flex;
    flex-direction: column;
    --_kit-stack-gap: var(--_kit-region);
    row-gap: var(--_kit-stack-gap);
  }
}
@layer marks {
  .kit-role-field-result[data-kit-state~=accepted] .kit-region-result-words:before,
  .kit-role-field-result[data-kit-state~=loading] .kit-region-result-words:before,
  .kit-role-field-result[data-kit-state~=refused] .kit-region-result-words:before,
  .kit-role-field-result[data-kit-state~=conflict] .kit-region-result-words:before,
  .kit-role-field-result[data-kit-state~=processing] .kit-region-result-words:before {
    content: "";
    display: inline-block;
    --_kit-mark: var(--_kit-stamp-mark);
    inline-size: var(--_kit-mark);
    block-size: var(--_kit-mark);
    margin-inline-end: var(--_kit-stamp-gap);
    vertical-align: calc(.5cap - var(--_kit-mark) / 2);
    box-sizing: border-box;
    background: currentColor;
  }
  .kit-role-field-result[data-kit-state~=conflict] .kit-region-result-words:before {
    --_kit-mark: .5em;
    border-radius: 50%;
  }
  .kit-role-field-result[data-kit-state~=refused] .kit-region-result-words:before {
    --_kit-mark: calc(.5em * sqrt(2)) ;
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
  }
  .kit-role-field-result[data-kit-state~=processing] .kit-region-result-words:before {
    --_kit-mark: .5em;
    border: var(--_kit-stamp-ring) solid currentColor;
    border-radius: 50%;
    background: none;
  }
  .kit-role-field-result[data-kit-state~=accepted] .kit-region-result-words:before {
    mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 256 256%22 fill=%22currentColor%22%3E%3Cpath d=%22M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z%22/%3E%3C/svg%3E") center / contain no-repeat;
  }
  @media screen and (forced-colors: none) {
    .kit-role-field-result[data-kit-state~=accepted] .kit-region-result-words:before {
      color: var(--_kit-status-settled);
    }
  }
  @media screen and (forced-colors: none) {
    .kit-role-field-result[data-kit-state~=conflict] .kit-region-result-words:before {
      color: var(--_kit-status-attention);
    }
  }
  @media screen and (forced-colors: none) {
    .kit-role-field-result[data-kit-state~=refused] .kit-region-result-words:before {
      color: var(--_kit-status-alert);
    }
  }
  @media screen and (forced-colors: none) {
    .kit-role-field-result[data-kit-state~=processing] .kit-region-result-words:before {
      color: var(--_kit-status-neutral);
    }
  }
  @media screen and (forced-colors: none) {
    .kit-role-field-result[data-kit-state~=accepted] .kit-region-result-words:before {
      mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 256 256%22%3E%3Cdefs%3E%3Cmask id=%22m%22%3E%3Crect width=%22256%22 height=%22256%22 fill=%22%23fff%22/%3E%3Cpath d=%22M82 132l32 32 62-66%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%2230%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/mask%3E%3C/defs%3E%3Ccircle cx=%22128%22 cy=%22128%22 r=%22116%22 mask=%22url(%23m)%22/%3E%3C/svg%3E") center / contain no-repeat;
    }
  }
}
@layer roles {
  .kit-role-field-result .kit-region-result-words {
    font-family: var(--_kit-display-family), serif;
    word-spacing: var(--_kit-display-word-spacing);
    font-size: var(--_kit-result-size);
    margin-block-end: 0;
  }
  .kit-role-field-result[data-kit-state~=loading] .kit-region-result-words:before {
    --_kit-mark: 1em;
  }
  .kit-role-field-result[data-kit-state~=accepted] .kit-region-result-words:before {
    --_kit-mark: .75em;
  }
  .kit-role-field-result[data-kit-state~=loading] .kit-region-result-words:before {
    background: none;
  }
  .kit-role-field-result {
    padding: var(--_kit-inset);
  }
  .kit-role-field-result[data-kit-state~=accepted] {
    color: var(--_kit-text-ink);
  }
}
@layer motion {
  .kit-role-field-result {
    transition: scale var(--_kit-transition) var(--_kit-settle);
  }
  @starting-style {
    html[data-kit-shown] .kit-role-field-result {
      scale: var(--_kit-result-scale);
    }
  }
}
@layer print {
  @media print {
    .kit-role-field-result {
      break-inside: avoid;
    }
  }
}
@layer without-fills {
  @media print, (forced-colors: active) {
    .kit-role-field-result:is([data-kit-state~=accepted], [data-kit-state~=refused], [data-kit-state~=conflict], [data-kit-state~=processing]) .kit-region-result-words:before {
      forced-color-adjust: none;
      print-color-adjust: exact;
    }
  }
  @media (forced-colors: active) {
    .kit-role-field-result:is([data-kit-state~=accepted], [data-kit-state~=refused], [data-kit-state~=conflict], [data-kit-state~=processing]) .kit-region-result-words:before {
      color: CanvasText;
    }
  }
}