@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-notice {
    overflow-wrap: break-word;
  }
}
@layer spacing {
  .kit-role-notice {
    --_kit-stack-gap: inherit;
  }
  .kit-role-notice + .kit-role-notice {
    margin-block-start: calc(var(--_kit-stack) - var(--_kit-stack-gap, var(--_kit-stack)));
  }
}
@layer actions {
  .kit-role-notice > .kit-region-action[data-kit-holds~=words] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--_kit-cluster-gap);
  }
  .kit-role-notice > .kit-region-action[data-kit-holds~=words] > .kit-region-words {
    order: 5;
    inline-size: 100%;
    margin-block: 0;
  }
  .kit-role-notice > .kit-region-action[data-kit-holds~=words] > :where(.kit-region-action-form:not([hidden])) > .kit-region-words {
    order: 5;
    inline-size: 100%;
    margin-block: 0;
  }
  .kit-role-notice > .kit-region-action[data-kit-holds~=words] > .kit-region-words {
    margin-block-start: var(--_kit-rhythm);
  }
}
@layer panels {
  .kit-role-notice {
    padding: var(--_kit-inset);
    color: var(--_kit-text-ink);
    background: var(--_kit-panel-surface);
    border: var(--_kit-panel-rule) solid light-dark(color-mix(in srgb, var(--_kit-text-ink) var(--_kit-panel-boundary-ink-light), var(--_kit-panel-boundary)), color-mix(in srgb, var(--_kit-text-ink) var(--_kit-panel-boundary-ink-dark), var(--_kit-panel-boundary)));
    border-radius: var(--_kit-panel-radius);
    box-shadow: var(--_kit-panel-lift);
  }
  .kit-role-notice {
    --_kit-panel-surface: var(--_kit-panel);
    --_kit-surface-beneath: var(--_kit-panel);
  }
}
@layer roles {
  .kit-role-notice {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: start;
  }
  .kit-role-notice > .kit-region-icon {
    grid-area: 1 / 1;
    align-self: center;
    inline-size: var(--_kit-control-icon);
    block-size: var(--_kit-control-icon);
    margin-inline-end: var(--_kit-inset);
    color: var(--_kit-text-ink);
  }
  .kit-role-notice > :where([data-kit-region]).kit-region-standing,
  .kit-role-notice > :where([data-kit-region]).kit-region-sentence,
  .kit-role-notice > :where([data-kit-region]).kit-region-affected,
  .kit-role-notice > :where([data-kit-region]).kit-region-steps,
  .kit-role-notice > :where([data-kit-region]).kit-region-action {
    grid-column: 2;
    margin: 0;
  }
  .kit-role-notice > .kit-region-steps {
    margin-block-start: var(--_kit-stack);
    padding-inline-start: var(--_kit-inset-wide);
    list-style-type: var(--_kit-numbering, decimal);
  }
  .kit-role-notice > .kit-region-steps > .kit-region-step + .kit-region-step {
    margin-block-start: var(--_kit-rhythm);
  }
  .kit-role-notice > .kit-region-standing {
    align-self: center;
    font-weight: var(--_kit-strong-weight);
  }
  .kit-role-notice > .kit-region-sentence {
    color: var(--_kit-text-muted);
  }
  .kit-role-notice > .kit-region-action {
    margin-block-start: var(--_kit-stack);
  }
  .kit-role-notice > .kit-region-dismiss {
    grid-area: 1 / 3;
    align-self: center;
    margin-block: calc(var(--_kit-target) / -2);
    margin-inline-start: var(--_kit-inset);
  }
  .kit-role-notice > .kit-region-words {
    grid-column: 2;
    order: 1;
    margin-block: var(--_kit-stack) 0;
  }
  .kit-role-notice[data-kit-state~=attention] {
    border-color: var(--_kit-text-ink);
  }
  @media screen and (forced-colors: none) {
    .kit-role-notice[data-kit-state~=attention] {
      border-color: var(--_kit-status-attention);
    }
    .kit-role-notice[data-kit-state~=settled] {
      border-color: var(--_kit-status-settled);
    }
    .kit-role-notice[data-kit-state~=attention] > .kit-region-icon {
      color: var(--_kit-status-attention);
    }
    .kit-role-notice[data-kit-state~=settled] > .kit-region-icon {
      color: var(--_kit-status-settled);
    }
    .kit-role-notice:is([data-kit-state~=attention], [data-kit-state~=settled]) > .kit-region-icon {
      --_kit-icon-thin-display: none;
      --_kit-icon-light-display: none;
      --_kit-icon-regular-display: none;
      --_kit-icon-bold-display: none;
      --_kit-icon-fill-display: inline;
      --_kit-icon-duotone-display: none;
    }
  }
  .kit-role-notice > .kit-region-action[data-kit-holds~=link] {
    text-box-trim: none;
  }
  .kit-role-notice > .kit-region-affected {
    margin-block-start: var(--_kit-stack);
    padding: 0;
    list-style: none;
  }
  .kit-role-notice > .kit-region-affected > li {
    text-box-trim: none;
  }
  .kit-role-notice > .kit-region-affected > li > a {
    display: inline-block;
    min-inline-size: var(--_kit-target);
    padding-block: calc(max(0px, var(--_kit-target) - 1lh) / 2);
    text-box-trim: none;
  }
  .kit-role-notice > .kit-region-action[data-kit-holds~=link] > .kit-region-link {
    display: inline-block;
    min-inline-size: var(--_kit-target);
    padding-block: calc(max(0px, var(--_kit-target) - 1lh) / 2);
    text-box-trim: none;
  }
}
@layer layouts {
  .kit-layout-calendar [data-kit-state~=loading] > .kit-role-notice {
    background: var(--_kit-wash-muted);
    border-color: transparent;
    color: transparent;
    animation: kit-wait var(--_kit-appear) var(--_kit-settle) var(--_kit-wait) backwards;
  }
  .kit-layout-calendar [data-kit-state~=loading] :is([data-kit-region], [data-kit-role])[data-kit-state~=loading]:not(form, .kit-region-filters) > .kit-role-notice {
    animation: none;
  }
  .kit-layout-calendar[data-kit-state~=loading] :is([data-kit-region], [data-kit-role])[data-kit-state~=loading]:not(form, .kit-region-filters) > .kit-role-notice {
    animation: none;
  }
  [data-kit-state~=loading] .kit-layout-calendar :is([data-kit-region], [data-kit-role])[data-kit-state~=loading]:not(form, .kit-region-filters) > .kit-role-notice {
    animation: none;
  }
  .kit-layout-field-result > .kit-region-notices > .kit-role-notice {
    text-align: start;
  }
}
@layer print {
  @media print {
    .kit-role-notice {
      break-inside: avoid;
    }
  }
}
@layer without-fills {
  @media print, (forced-colors: active) {
    .kit-role-notice[data-kit-state~=attention] > .kit-region-standing:before {
      forced-color-adjust: none;
      print-color-adjust: exact;
    }
  }
  @media (forced-colors: active) {
    .kit-role-notice[data-kit-state~=attention] {
      border-width: var(--_kit-lead-edge);
    }
  }
  @media (forced-colors: active) {
    .kit-role-notice[data-kit-state~=attention] > .kit-region-standing:before {
      color: CanvasText;
    }
  }
}