@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 spacing {
  .kit-role-row > .kit-region-content-column > .kit-region-subject-column > .kit-region-line + .kit-role-form-group,
  .kit-role-row > .kit-region-content-column > .kit-region-subject-column > :is(.kit-region-line, .kit-region-standing) + div:not([class*=kit-], [data-kit-embed], [hidden], [role], [aria-live]) > .kit-role-form-group:first-child {
    margin-block-start: calc(var(--_kit-stack) - var(--_kit-region));
  }
  .kit-role-row > .kit-region-content-column > .kit-region-subject-column > :is(.kit-region-standing, .kit-role-scope-line) + .kit-role-form-group {
    margin-block-start: calc(var(--_kit-stack) - var(--_kit-region));
  }
  form.kit-role-form-group:not([role=search]) {
    --_kit-center-measure: var(--_kit-focused-width);
    box-sizing: border-box;
    inline-size: 100%;
    max-inline-size: var(--_kit-center-measure);
    margin-inline: 0 auto;
  }
}
@layer roles {
  .kit-role-conditions-builder .kit-region-conditions > .kit-region-condition > .kit-role-form-group {
    inline-size: auto;
    max-inline-size: 100%;
    margin: 0;
  }
  .kit-role-conditions-builder .kit-region-conditions > .kit-region-condition > .kit-role-form-group > label,
  .kit-role-conditions-builder .kit-region-conditions > .kit-region-condition > .kit-role-form-group > fieldset > legend {
    position: absolute;
    inline-size: var(--_kit-rule);
    block-size: var(--_kit-rule);
    overflow: clip;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  @media screen and (width < 720px) {
    .kit-role-conditions-builder .kit-region-conditions > .kit-region-condition > .kit-role-form-group {
      --_kit-field-step: 100%;
      grid-column: 1;
      inline-size: 100%;
    }
  }
  .kit-role-form-group {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-self: start;
    gap: var(--_kit-stack);
    inline-size: 100%;
  }
  .kit-role-form-group > .kit-region-control {
    --_kit-held-part-size: calc(var(--_kit-control-height) - 2 * (var(--_kit-rhythm) + var(--_kit-rule)));
  }
  .kit-role-form-group > fieldset {
    min-inline-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
  }
  .kit-role-form-group > fieldset > legend {
    margin-block-end: var(--_kit-stack);
    padding: 0;
  }
  .kit-role-form-group > label,
  .kit-role-form-group > fieldset > legend {
    --_kit-text-line: var(--_kit-body-leading);
  }
  .kit-role-form-group[data-kit-width=narrow] {
    --_kit-field-step: calc(var(--_kit-field-narrow) + 2 * (var(--_kit-inset-tight) + var(--_kit-rule)));
  }
  .kit-role-form-group[data-kit-width=short] {
    --_kit-field-step: calc(var(--_kit-field-short) + 2 * (var(--_kit-inset-tight) + var(--_kit-rule)));
  }
  .kit-role-form-group[data-kit-width=medium] {
    --_kit-field-step: calc(var(--_kit-field-medium) + 2 * (var(--_kit-inset-tight) + var(--_kit-rule)));
  }
  .kit-role-form-group[data-kit-width=wide] {
    --_kit-field-step: calc(var(--_kit-field-wide) + 2 * (var(--_kit-inset-tight) + var(--_kit-rule)));
  }
  .kit-role-form-group[data-kit-width=column] {
    --_kit-field-step: 100%;
  }
  .kit-role-form-group > input,
  .kit-role-form-group > .kit-region-select > select,
  .kit-role-form-group > textarea {
    inline-size: var(--_kit-field-step, 100%);
    max-inline-size: 100%;
    min-inline-size: 0;
    min-block-size: var(--_kit-target);
    padding: var(--_kit-inset-tight);
    border: var(--_kit-rule) solid var(--_kit-field-edge);
    border-radius: var(--_kit-radius);
    background: var(--_kit-panel-surface);
    color: var(--_kit-text-ink);
    font-family: inherit;
    font-size: var(--_kit-value-size);
    font-style: inherit;
    font-weight: inherit;
  }
  .kit-role-form-group > textarea {
    field-sizing: content;
    min-block-size: calc(3lh + 2 * (var(--_kit-inset-tight) + var(--_kit-rule)));
    max-block-size: calc(12lh + 2 * (var(--_kit-inset-tight) + var(--_kit-rule)));
    overflow-y: auto;
  }
  .kit-role-form-group > .kit-region-editor {
    display: grid;
    gap: var(--_kit-stack);
    inline-size: 100%;
    max-inline-size: 100%;
    min-inline-size: 0;
  }
  .kit-role-form-group > .kit-region-editor > .kit-region-writing {
    display: grid;
    min-inline-size: 0;
  }
  .kit-role-form-group > .kit-region-editor > .kit-region-writing > .kit-region-text {
    min-inline-size: 0;
    min-block-size: calc(3lh + 2 * (var(--_kit-inset-tight) + var(--_kit-rule)));
    max-block-size: calc(12lh + 2 * (var(--_kit-inset-tight) + var(--_kit-rule)));
    overflow-y: auto;
    padding: var(--_kit-inset-tight);
    border: var(--_kit-rule) solid var(--_kit-field-edge);
    border-radius: var(--_kit-radius);
    background: var(--_kit-panel-surface);
    color: var(--_kit-text-ink);
    font-size: var(--_kit-value-size);
    overflow-wrap: break-word;
    cursor: text;
  }
  .kit-role-form-group > .kit-region-editor > .kit-region-writing > .kit-region-text .kit-region-mention {
    text-decoration-line: underline;
    text-decoration-color: var(--_kit-text-muted);
    text-decoration-thickness: var(--_kit-rule);
    text-decoration-skip-ink: none;
    text-underline-offset: var(--_kit-link-underline-offset);
  }
  .kit-role-form-group > .kit-region-editor > .kit-region-writing > .kit-region-text .kit-region-file[data-kit-state=uploading],
  .kit-role-form-group > .kit-region-editor > .kit-region-writing > .kit-region-text .kit-region-file[data-kit-state=refused] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: var(--_kit-inset-tight);
    max-inline-size: 100%;
    vertical-align: baseline;
  }
  .kit-role-form-group > .kit-region-editor > .kit-region-writing > .kit-region-text .kit-region-file > .kit-region-file-name {
    min-inline-size: 0;
    overflow-wrap: anywhere;
  }
  .kit-role-form-group > .kit-region-editor > .kit-region-writing > .kit-region-text .kit-region-file > span + span {
    color: var(--_kit-text-muted);
  }
  .kit-role-form-group > .kit-region-editor > :is(.kit-region-suggestions, .kit-region-commands) > li > .kit-region-match-name > mark {
    background: none;
    color: inherit;
    font-weight: var(--_kit-strong-weight);
  }
  .kit-role-form-group > .kit-region-editor > .kit-region-suggestions > li > .kit-region-match-fact,
  .kit-role-form-group > .kit-region-editor > .kit-region-suggestions > li > .kit-region-reason {
    color: var(--_kit-text-muted);
    font-size: var(--_kit-label-size);
  }
  .kit-role-form-group > .kit-region-editor > .kit-region-suggestions > li > .kit-region-match-fact {
    flex: 1 1 auto;
    text-align: end;
  }
  .kit-role-form-group > .kit-region-editor > .kit-region-writing > .kit-region-text[aria-disabled=true] {
    cursor: default;
  }
  .kit-role-form-group > .kit-region-editor > .kit-region-writing > .kit-region-text[contenteditable=true] li > [data-kit-icon] {
    cursor: pointer;
  }
  .kit-role-form-group > .kit-region-editor > :is(.kit-region-suggestions, .kit-region-commands) > li[role=option] {
    min-inline-size: 0;
    flex-wrap: wrap;
    row-gap: 0;
    padding-block: var(--_kit-rhythm);
  }
  .kit-role-form-group > .kit-region-editor > :is(.kit-region-suggestions, .kit-region-commands) > .kit-region-none {
    display: flex;
    align-items: center;
    min-block-size: var(--_kit-target);
    padding: 0 var(--_kit-inset-tight);
    color: var(--_kit-text-muted);
  }
  .kit-role-form-group > .kit-region-editor > .kit-region-suggestions > .kit-region-loading {
    block-size: var(--_kit-target);
    border-radius: var(--_kit-inner-radius);
    background: var(--_kit-wash-muted);
    animation: kit-wait var(--_kit-appear) var(--_kit-settle) var(--_kit-wait) backwards;
  }
  .kit-role-form-group > .kit-region-editor > .kit-region-suggestions > .kit-region-separator {
    block-size: var(--_kit-rule);
    margin: var(--_kit-rhythm) calc(-1 * var(--_kit-rhythm));
    background: var(--_kit-panel-boundary);
  }
  .kit-role-form-group > .kit-region-editor > :is(.kit-region-suggestions, .kit-region-commands) > li > .kit-region-match-name,
  .kit-role-form-group > .kit-region-editor > :is(.kit-region-suggestions, .kit-region-commands) > li > .kit-region-match-fact {
    min-inline-size: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .kit-role-form-group > .kit-region-editor > :is(.kit-region-suggestions, .kit-region-commands) > li > [data-kit-icon] {
    flex: none;
    white-space: nowrap;
  }
  .kit-role-form-group > .kit-region-editor > :is(.kit-region-suggestions, .kit-region-commands) > li > .kit-region-reason {
    flex: none;
    white-space: nowrap;
  }
  .kit-role-form-group > .kit-region-editor > .kit-region-suggestions > li > .kit-region-reason {
    margin-inline-start: auto;
  }
  .kit-role-form-group > .kit-region-editor > :is(.kit-region-suggestions, .kit-region-commands) > li > [data-kit-icon] {
    inline-size: var(--_kit-control-icon);
    block-size: var(--_kit-control-icon);
    color: var(--_kit-text-muted);
  }
  .kit-role-form-group > input,
  .kit-role-form-group > .kit-region-select > select {
    block-size: var(--_kit-control-height);
    min-block-size: var(--_kit-control-height);
    padding-block: var(--_kit-control-block-inset);
  }
  .kit-role-form-group > .kit-region-select {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    inline-size: fit-content;
    max-inline-size: 100%;
    min-inline-size: 0;
    font-size: var(--_kit-value-size);
    color: var(--_kit-text-ink);
  }
  .kit-role-form-group > .kit-region-select > select {
    grid-area: 1 / 1;
    inline-size: 100%;
    appearance: none;
    padding-inline-end: calc(2 * var(--_kit-inset-tight) + var(--_kit-control-icon));
  }
  .kit-role-form-group > .kit-region-select > [data-kit-icon] {
    grid-area: 1 / 1;
    align-self: center;
    justify-self: end;
    margin-inline-end: calc(var(--_kit-inset-tight) + var(--_kit-rule));
    inline-size: var(--_kit-control-icon);
    block-size: var(--_kit-control-icon);
    pointer-events: none;
  }
  .kit-role-form-group > .kit-region-select > select:disabled + [data-kit-icon] {
    color: var(--_kit-text-muted);
  }
  .kit-role-form-group > label > .kit-region-optional,
  .kit-role-form-group > fieldset > legend > .kit-region-optional {
    color: var(--_kit-text-muted);
  }
  .kit-role-form-group > .kit-region-control > input[type=search] {
    appearance: textfield;
  }
  .kit-role-form-group > .kit-region-control > input[type=search]::-webkit-search-cancel-button {
    display: none;
  }
  .kit-role-form-group > .kit-region-control > .kit-region-clear {
    flex: none;
    align-self: center;
    background-color: transparent;
    &[data-kit-state~=submitting],
    &[aria-busy=true],
    &[data-kit-state~=inert],
    &:disabled:where(:not([data-phx-disabled=false])) {
      background-color: var(--_kit-wash);
    }
  }
  .kit-role-form-group > .kit-region-control:has(> input[type=search]:focus-visible) {
    outline: var(--_kit-focus-edge) solid var(--_kit-text-ink);
    outline-offset: var(--_kit-focus-edge);
    box-shadow: 0 0 0 var(--_kit-focus-edge) var(--_kit-focus-halo);
  }
  .kit-role-form-group > .kit-region-control > input[type=search]:focus-visible {
    outline: none;
    box-shadow: none;
  }
  .kit-role-form-group:has(> input[type=file]) {
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: 0;
  }
  .kit-role-form-group > :is(input[type=file], input[type=file] ~ *, :has(~ input[type=file])) {
    grid-column: 1 / -1;
  }
  .kit-role-form-group > input[type=file] {
    grid-row: 2;
  }
  .kit-role-form-group:has(> input[type=file]):before,
  .kit-role-form-group:has(> input[type=file]):after {
    z-index: 1;
    grid-row: 2;
    align-self: stretch;
    align-content: center;
    margin-block: var(--_kit-rule);
    overflow: hidden;
    background: var(--_kit-panel-surface);
    white-space: nowrap;
    pointer-events: none;
  }
  .kit-role-form-group:has(> input[type=file]):before {
    content: var(--_kit-word-form-group-choose-file) / "";
    grid-column: 1;
    margin-inline-start: var(--_kit-rule);
    padding-inline: var(--_kit-inset);
    border-inline-end: var(--_kit-rule) solid var(--_kit-text-muted);
    border-start-start-radius: calc(var(--_kit-radius) - var(--_kit-rule));
    border-end-start-radius: calc(var(--_kit-radius) - var(--_kit-rule));
    color: var(--_kit-text-ink);
    font-family: var(--_kit-body-family);
    font-size: var(--_kit-label-size);
    font-weight: var(--_kit-strong-weight);
  }
  .kit-role-form-group:has(> input[type=file]:disabled):before {
    color: var(--_kit-text-muted);
    border-inline-end-color: var(--_kit-panel-boundary);
  }
  .kit-role-form-group:has(> input[type=file][multiple]):before {
    content: var(--_kit-word-form-group-choose-files) / "";
  }
  .kit-role-form-group:has(> input[type=file]):after {
    content: var(--_kit-word-form-group-drop-files) / "";
    grid-column: 2;
    margin-inline-end: var(--_kit-rule);
    padding-inline: var(--_kit-inset-tight);
    border-start-end-radius: calc(var(--_kit-radius) - var(--_kit-rule));
    border-end-end-radius: calc(var(--_kit-radius) - var(--_kit-rule));
    color: var(--_kit-text-muted);
    text-overflow: ellipsis;
  }
  @media screen {
    @container page (inline-size < 720px) {
      .kit-role-form-group:has(> input[type=file]):after {
        content: "";
      }
    }
  }
  .kit-role-form-group > ul {
    display: grid;
    gap: var(--_kit-stack);
    padding: 0;
    list-style: none;
  }
  .kit-role-form-group > ul > li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--_kit-inset-tight);
  }
  .kit-role-form-group > ul > li > .kit-region-file-name {
    flex: 1 1 0;
    max-inline-size: max-content;
  }
  .kit-role-form-group > ul > li > a.kit-region-file-name {
    min-block-size: var(--_kit-target);
    min-inline-size: var(--_kit-target);
    align-items: center;
  }
  .kit-role-form-group > ul > li > .kit-region-file-name + span,
  .kit-role-form-group > ul > li > .kit-region-file-name + span + span {
    color: var(--_kit-text-muted);
  }
  .kit-role-form-group > ul > li > .kit-region-file-name + span + span {
    flex: 1 1 0;
  }
  @media screen {
    .kit-role-form-group > ul > li {
      container-type: inline-size;
    }
    @container (inline-size < 720px) {
      .kit-role-form-group > ul > li > .kit-region-file-name + span + span {
        flex-basis: 100%;
        order: 1;
        margin-block-start: calc(-1 * var(--_kit-inset-tight));
        padding-block-end: var(--_kit-inset-tight);
      }
    }
  }
  .kit-role-form-group > .kit-region-control {
    display: flex;
    align-items: center;
    gap: var(--_kit-rhythm);
    inline-size: min(var(--_kit-field-step, 100%), 100%);
    max-inline-size: 100%;
    min-inline-size: 0;
    block-size: var(--_kit-control-height);
    min-block-size: var(--_kit-control-height);
    padding: var(--_kit-rhythm);
    border: var(--_kit-rule) solid var(--_kit-field-edge);
    border-radius: var(--_kit-radius);
    background: var(--_kit-panel-surface);
    font-size: var(--_kit-value-size);
  }
  .kit-role-form-group > .kit-region-control > input {
    flex: 1 1 0;
    align-self: stretch;
    inline-size: auto;
    min-inline-size: 0;
    padding: 0 var(--_kit-inset-tight) 0 calc(var(--_kit-inset-tight) - var(--_kit-rhythm));
    border: 0;
    background: none;
    color: var(--_kit-text-ink);
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
  }
  .kit-role-form-group > .kit-region-stream {
    display: grid;
    justify-items: end;
    gap: var(--_kit-stack);
    inline-size: 100%;
    contain: inline-size;
    max-inline-size: 100%;
    font-size: var(--_kit-value-size);
  }
  .kit-role-form-group:has(> .kit-region-stream) {
    grid-template-columns: minmax(min(100%, var(--_kit-field-step, 100%)), max-content) minmax(0, 1fr);
  }
  .kit-role-form-group > :not(.kit-region-control, .kit-region-stream):is(.kit-region-stream ~ *, :has(~ .kit-region-stream)) {
    grid-column: 1 / -1;
  }
  .kit-role-form-group > :where(.kit-region-control, .kit-region-stream):is(.kit-region-stream, .kit-region-stream ~ *, :has(~ .kit-region-stream)) {
    grid-column: 1;
  }
  .kit-role-form-group > .kit-region-stream > :where([data-kit-region]):is(.kit-region-camera, p),
  .kit-role-form-group > .kit-region-stream > :where(p):is(.kit-region-camera, p) {
    justify-self: stretch;
    inline-size: 100%;
  }
  .kit-role-form-group > .kit-region-stream > .kit-region-camera {
    display: block;
    box-sizing: border-box;
    aspect-ratio: 4 / 3;
    block-size: auto;
    border: var(--_kit-rule) solid var(--_kit-panel-boundary);
    background: var(--_kit-panel-surface);
    object-fit: cover;
  }
  .kit-role-form-group > .kit-region-stream:has(> p) {
    grid-column: 1 / -1;
  }
  .kit-role-form-group > .kit-region-stream:has(> p) > p {
    grid-column: 1 / -1;
    font-size: var(--_kit-body-size);
  }
  .kit-role-form-group > .kit-region-stream > p {
    margin-block: 0;
    color: var(--_kit-text-muted);
  }
  .kit-role-form-group > .kit-region-paste:not([hidden]) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--_kit-inset-tight);
  }
  :is(.kit-region-saved-views-filters-sort, .kit-region-filters, .kit-region-period-filters-schedule, :is(.kit-region-saved-views-filters-sort, .kit-region-filters, .kit-region-period-filters-schedule) > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > :where(fieldset).kit-role-form-group {
    inline-size: auto;
    max-inline-size: var(--_kit-focused-width);
  }
  :is(.kit-region-saved-views-filters-sort, .kit-region-filters, .kit-region-period-filters-schedule, :is(.kit-region-saved-views-filters-sort, .kit-region-filters, .kit-region-period-filters-schedule) > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region]))) > :where([data-kit-role]).kit-role-form-group {
    inline-size: auto;
    max-inline-size: var(--_kit-focused-width);
  }
  :is(.kit-region-saved-views-filters-sort, .kit-region-period-filters-schedule) .kit-role-form-group:not(.kit-role-disclosure *) > input,
  :is(.kit-region-saved-views-filters-sort, .kit-region-period-filters-schedule) .kit-role-form-group:not(.kit-role-disclosure *) > .kit-region-select,
  :is(.kit-region-saved-views-filters-sort, .kit-region-period-filters-schedule) .kit-role-form-group:not(.kit-role-disclosure *) > textarea {
    inline-size: auto;
    max-inline-size: 100%;
  }
  .kit-role-form-group[data-kit-state~=error] {
    --_kit-field-edge: var(--_kit-text-ink);
  }
  @media screen and (forced-colors: none) {
    .kit-role-form-group[data-kit-state~=error] {
      --_kit-field-edge: var(--_kit-status-alert);
    }
  }
  @media screen and (forced-colors: none) {
    .kit-role-form-group :is(.kit-role-date-field, .kit-role-date-range, .kit-role-time-field)[data-kit-state~=error] > .kit-region-resolved:before {
      color: var(--_kit-status-alert);
    }
  }
  .kit-role-form-group :is(.kit-role-date-field, .kit-role-date-range, .kit-role-time-field)[data-kit-state~=error] > .kit-region-resolved {
    display: block;
    position: relative;
    padding-inline-start: calc(var(--_kit-control-icon) + var(--_kit-inset-tight));
    color: var(--_kit-text-ink);
  }
  .kit-role-form-group:has(:is(.kit-role-date-field, .kit-role-date-range, .kit-role-time-field)[data-kit-state~=error]) > .kit-region-error {
    display: none;
  }
  .kit-role-form-group :is(.kit-role-date-field, .kit-role-date-range, .kit-role-time-field)[data-kit-state~=error] > .kit-region-resolved:before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: calc((1lh - var(--_kit-control-icon)) / 2);
    inline-size: var(--_kit-control-icon);
    block-size: var(--_kit-control-icon);
    background: currentColor;
    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=%22M236.8,188.09,149.35,36.22h0a24.76,24.76,0,0,0-42.7,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09ZM222.93,203.8a8.5,8.5,0,0,1-7.48,4.2H40.55a8.5,8.5,0,0,1-7.48-4.2,7.59,7.59,0,0,1,0-7.72L120.52,44.21a8.75,8.75,0,0,1,15,0l87.45,151.87A7.59,7.59,0,0,1,222.93,203.8ZM120,144V104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm20,36a12,12,0,1,1-12-12A12,12,0,0,1,140,180Z%22/%3E%3C/svg%3E") center / contain no-repeat;
  }
  .kit-role-form-group > output {
    display: none;
  }
  .kit-role-form-group > input:is([type=date], [type=time], [type=datetime-local], [type=month], [type=week]) ~ output {
    white-space: nowrap;
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-role-form-group > :is(input, .kit-region-control) {
        --_kit-field-base: min(var(--_kit-field-step, 100%), 100%);
        --_kit-field-room: max(0px, 100% - var(--_kit-field-step, 100%));
        --_kit-field-side: sign(2 * (var(--_kit-inset-tight) + var(--_kit-rule)) - var(--_kit-field-room));
        --_kit-field-take-column: calc(max(0, var(--_kit-field-side)) + 1 - abs(var(--_kit-field-side))) ;
        --_kit-field-phone: calc(var(--_kit-field-base) + var(--_kit-field-room) * var(--_kit-field-take-column));
      }
    }
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-role-form-group > input {
        inline-size: var(--_kit-field-phone);
      }
    }
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-role-form-group > .kit-region-control {
        inline-size: var(--_kit-field-phone);
      }
    }
  }
  .kit-role-form-group > :is(input:not([type=hidden]), textarea):disabled,
  .kit-role-form-group > .kit-region-select > select:disabled,
  .kit-role-form-group > .kit-region-control:has(> input:disabled) {
    border-color: var(--_kit-panel-boundary);
    background-color: color-mix(in oklch, var(--_kit-text-muted) 18%, var(--_kit-panel-surface));
  }
  .kit-role-form-group:has(> input[type=file]:disabled):before,
  .kit-role-form-group:has(> input[type=file]:disabled):after,
  .kit-role-form-group > .kit-region-editor > .kit-region-writing > .kit-region-text[aria-disabled=true] {
    border-color: var(--_kit-panel-boundary);
    background-color: color-mix(in oklch, var(--_kit-text-muted) 18%, var(--_kit-panel-surface));
  }
  .kit-role-form-group :is(input:not([type=hidden], [type=checkbox], [type=radio], [type=file]), select, textarea):disabled,
  .kit-role-form-group > .kit-region-editor > .kit-region-writing > .kit-region-text[aria-disabled=true] {
    color: var(--_kit-text-muted);
  }
  .kit-role-row > .kit-region-content-column > .kit-region-subject-column > .kit-role-form-group {
    min-inline-size: 0;
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-role-row > .kit-region-content-column:has(> .kit-region-subject-column :is(.kit-role-form-group, .kit-role-selection-control[data-kit-region=group]):where(:not(.kit-region-subject-column :not(:is(div, form):not([class*=kit-], [data-kit-embed], [hidden], [role], [aria-live])) *))) > .kit-region-subject-column .kit-role-form-group:where(:not(.kit-region-subject-column :not(:is(div, form):not([class*=kit-], [data-kit-embed], [hidden], [role], [aria-live])) *)) {
        margin-block-start: 0;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-role-row > .kit-region-content-column:has(> .kit-region-subject-column :is(.kit-role-form-group, .kit-role-selection-control[data-kit-region=group]):where(:not(.kit-region-subject-column :not(:is(div, form):not([class*=kit-], [data-kit-embed], [hidden], [role], [aria-live])) *))) > .kit-region-subject-column .kit-role-form-group:where(:not(.kit-region-subject-column :not(:is(div, form):not([class*=kit-], [data-kit-embed], [hidden], [role], [aria-live])) *)) {
        flex: 1 1 0;
        align-self: first baseline;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-role-row > .kit-region-content-column:has(> .kit-region-subject-column :is(.kit-role-form-group, .kit-role-selection-control[data-kit-region=group]):where(:not(.kit-region-subject-column :not(:is(div, form):not([class*=kit-], [data-kit-embed], [hidden], [role], [aria-live])) *))) > .kit-region-subject-column .kit-role-form-group:where(:not(.kit-region-subject-column :not(:is(div, form):not([class*=kit-], [data-kit-embed], [hidden], [role], [aria-live])) *)):not(:has(> input[type=file])) {
        grid-template-columns: 0 auto;
        column-gap: 0;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-role-row > .kit-region-content-column:has(> .kit-region-subject-column :is(.kit-role-form-group, .kit-role-selection-control[data-kit-region=group]):where(:not(.kit-region-subject-column :not(:is(div, form):not([class*=kit-], [data-kit-embed], [hidden], [role], [aria-live])) *))) > .kit-region-subject-column .kit-role-form-group:where(:not(.kit-region-subject-column :not(:is(div, form):not([class*=kit-], [data-kit-embed], [hidden], [role], [aria-live])) *)):not(:has(> input[type=file])) > * {
        grid-column: 2;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-role-row > .kit-region-content-column:has(> .kit-region-subject-column :is(.kit-role-form-group, .kit-role-selection-control[data-kit-region=group]):where(:not(.kit-region-subject-column :not(:is(div, form):not([class*=kit-], [data-kit-embed], [hidden], [role], [aria-live])) *))) > .kit-region-subject-column .kit-role-form-group:where(:not(.kit-region-subject-column :not(:is(div, form):not([class*=kit-], [data-kit-embed], [hidden], [role], [aria-live])) *)):not(:has(> input[type=file])):where([data-kit-role]):before {
        content: "\200b";
        grid-row: 1 / span 2;
        grid-column: 1;
        align-self: end;
        font-size: var(--_kit-label-size);
        line-height: var(--_kit-control-height);
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-role-row > .kit-region-content-column:has(> .kit-region-subject-column :is(.kit-role-form-group, .kit-role-selection-control[data-kit-region=group]):where(:not(.kit-region-subject-column :not(:is(div, form):not([class*=kit-], [data-kit-embed], [hidden], [role], [aria-live])) *))) > .kit-region-subject-column .kit-role-form-group:where(:not(.kit-region-subject-column :not(:is(div, form):not([class*=kit-], [data-kit-embed], [hidden], [role], [aria-live])) *)):has(> input[type=file]) > label {
        grid-row: 1;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-role-row > .kit-region-content-column:has(> .kit-region-subject-column :is(.kit-role-form-group, .kit-role-selection-control[data-kit-region=group]):where(:not(.kit-region-subject-column :not(:is(div, form):not([class*=kit-], [data-kit-embed], [hidden], [role], [aria-live])) *))) > .kit-region-subject-column .kit-role-form-group:where(:not(.kit-region-subject-column :not(:is(div, form):not([class*=kit-], [data-kit-embed], [hidden], [role], [aria-live])) *)):has(> input[type=file]):where([data-kit-role]):before,
      .kit-role-row > .kit-region-content-column:has(> .kit-region-subject-column :is(.kit-role-form-group, .kit-role-selection-control[data-kit-region=group]):where(:not(.kit-region-subject-column :not(:is(div, form):not([class*=kit-], [data-kit-embed], [hidden], [role], [aria-live])) *))) > .kit-region-subject-column .kit-role-form-group:where(:not(.kit-region-subject-column :not(:is(div, form):not([class*=kit-], [data-kit-embed], [hidden], [role], [aria-live])) *)):has(> input[type=file]):where([data-kit-role]):after {
        grid-row: 1 / span 2;
        align-self: end;
        block-size: calc(var(--_kit-control-height) - 2 * var(--_kit-rule));
        line-height: calc(var(--_kit-control-height) - 2 * var(--_kit-rule));
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-role-row > .kit-region-content-column:has(> .kit-region-subject-column :is(.kit-role-form-group, .kit-role-selection-control[data-kit-region=group]):where(:not(.kit-region-subject-column :not(:is(div, form):not([class*=kit-], [data-kit-embed], [hidden], [role], [aria-live])) *))):has(> .kit-region-actions[data-kit-fit~=wrapped]) > .kit-region-subject-column .kit-role-form-group:where(:not(.kit-region-subject-column :not(:is(div, form):not([class*=kit-], [data-kit-embed], [hidden], [role], [aria-live])) *)) {
        flex-grow: 1000000;
        max-inline-size: max-content;
      }
    }
  }
  @media screen {
    @container style(--_kit-row-list: true) {
      .kit-role-form-group {
        grid-column: handle / run-end;
        contain: inline-size;
        inline-size: auto;
      }
    }
  }
  .kit-role-form-group:has(> .kit-role-switch) {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    column-gap: var(--_kit-inset);
    max-inline-size: var(--_kit-focused-width);
  }
  .kit-role-form-group > :has(~ .kit-role-switch) {
    grid-column: 1;
  }
  .kit-role-form-group > label:has(~ .kit-role-switch) {
    --_kit-text-line: var(--_kit-body-leading);
  }
}
@layer shell {
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail > ul:not([data-kit-region]) > .kit-region-query > form[aria-current] > .kit-role-form-group > .kit-region-control {
    background-color: var(--_kit-current-entry-fill, var(--_kit-wash));
    color: var(--_kit-current-entry-ink, var(--_kit-text-ink));
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-account-menu > ul[role=menu] > .kit-region-search > .kit-role-form-group {
    --_kit-field-step: 100%;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-account-menu > ul[role=menu] > .kit-region-search > .kit-role-form-group > label {
    position: absolute;
    inline-size: var(--_kit-rule);
    block-size: var(--_kit-rule);
    overflow: clip;
    clip-path: inset(50%);
    white-space: nowrap;
  }
}
@layer layouts {
  .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-role-form-group,
  .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-filters > .kit-role-form-group,
  .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > .kit-role-form-group,
  .kit-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters > .kit-role-form-group,
  .kit-layout-reports > .kit-region-period-filters-schedule > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > .kit-role-form-group,
  .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-role-form-group,
  .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-role-form-group,
  .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-role-form-group,
  .kit-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-role-form-group,
  .kit-layout-reports > .kit-region-period-filters-schedule > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-role-form-group {
    flex: 0 1 auto;
    inline-size: auto;
    max-inline-size: var(--_kit-focused-width);
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-role-form-group[data-kit-holds~=help],
      .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-filters > .kit-role-form-group[data-kit-holds~=help],
      .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > .kit-role-form-group[data-kit-holds~=help],
      .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-role-form-group[data-kit-holds~=help],
      .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-role-form-group[data-kit-holds~=help],
      .kit-layout-calendar > .kit-region-toolbar > .kit-region-view > .kit-role-form-group[data-kit-holds~=help],
      .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-view > .kit-role-form-group[data-kit-holds~=help],
      .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-filters > .kit-role-form-group[data-kit-holds~=help],
      .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-region-filters > .kit-role-form-group[data-kit-holds~=help],
      .kit-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters > .kit-role-form-group[data-kit-holds~=help],
      .kit-layout-reports > .kit-region-period-filters-schedule > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > .kit-role-form-group[data-kit-holds~=help],
      .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-role-form-group[data-kit-holds~=help],
      .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-role-form-group[data-kit-holds~=help],
      .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-role-form-group[data-kit-holds~=help],
      .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > :where(form:not([hidden], [class*=kit-])) > .kit-role-form-group[data-kit-holds~=help],
      .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > :where(form:not([hidden], [class*=kit-])) > .kit-role-form-group[data-kit-holds~=help],
      .kit-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-role-form-group[data-kit-holds~=help],
      .kit-layout-reports > .kit-region-period-filters-schedule > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-role-form-group[data-kit-holds~=help] {
        min-inline-size: min(var(--_kit-field-wide), 100cqi);
        > :not(label, .kit-region-help, .kit-region-error) {
          justify-self: start;
        }
      }
    }
  }
  @media screen {
    .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-role-form-group,
    .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-filters > .kit-role-form-group,
    .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > .kit-role-form-group,
    .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-role-form-group,
    .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-role-form-group,
    .kit-layout-calendar > .kit-region-toolbar > .kit-region-view > .kit-role-form-group,
    .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-view > .kit-role-form-group,
    .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-filters > .kit-role-form-group,
    .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-region-filters > .kit-role-form-group,
    .kit-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters > .kit-role-form-group,
    .kit-layout-reports > .kit-region-period-filters-schedule > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > .kit-role-form-group,
    .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-role-form-group,
    .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-role-form-group,
    .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-role-form-group,
    .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > :where(form:not([hidden], [class*=kit-])) > .kit-role-form-group,
    .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > :where(form:not([hidden], [class*=kit-])) > .kit-role-form-group,
    .kit-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-role-form-group,
    .kit-layout-reports > .kit-region-period-filters-schedule > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-role-form-group,
    .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-filters > .kit-region-filter > .kit-role-popover:not(:popover-open) > .kit-role-form-group,
    .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > .kit-region-filter > .kit-role-popover:not(:popover-open) > .kit-role-form-group,
    .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-region-filter > .kit-role-popover:not(:popover-open) > .kit-role-form-group,
    .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-region-filter > .kit-role-popover:not(:popover-open) > .kit-role-form-group,
    .kit-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters > .kit-region-filter > .kit-role-popover:not(:popover-open) > .kit-role-form-group,
    .kit-layout-reports > .kit-region-period-filters-schedule > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > .kit-region-filter > .kit-role-popover:not(:popover-open) > .kit-role-form-group,
    .kit-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-region-filter > .kit-role-popover:not(:popover-open) > .kit-role-form-group,
    .kit-layout-reports > .kit-region-period-filters-schedule > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-region-filter > .kit-role-popover:not(:popover-open) > .kit-role-form-group,
    .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-filters > .kit-region-filter > .kit-role-popover:not(:popover-open) > .kit-role-form-group,
    .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-region-filters > .kit-region-filter > .kit-role-popover:not(:popover-open) > .kit-role-form-group {
      align-self: first baseline;
      grid-template-columns: 0 minmax(0, 1fr);
      grid-template-rows: auto var(--_kit-control-height);
      column-gap: 0;
      row-gap: 0;
      > * {
        grid-column: 2;
      }
      > label {
        grid-row: 1;
        margin-block-end: var(--_kit-stack);
      }
      > *:not(label, .kit-region-help, .kit-region-error) {
        grid-row: 2 / span 2;
      }
      > .kit-region-help,
      > .kit-region-error {
        contain: inline-size;
        margin-block-start: var(--_kit-stack);
      }
      > .kit-region-help {
        grid-row: 4;
      }
      > .kit-region-error {
        grid-row: 5;
      }
      &:before {
        content: "\200b";
        grid-row: 1 / span 2;
        grid-column: 1;
        align-self: end;
        font-size: var(--_kit-label-size);
        line-height: var(--_kit-control-height);
      }
    }
    .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-role-form-group > .kit-region-stream,
    .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-role-form-group > .kit-region-stream {
      contain: inline-size;
      grid-row: 4;
      margin-block-start: var(--_kit-stack);
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-filters .kit-role-form-group[data-kit-region=sort]:not([data-kit-sort=columnless-order]),
      .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters .kit-role-form-group[data-kit-region=sort]:not([data-kit-sort=columnless-order]),
      .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-role-form-group[data-kit-region=sort]:not([data-kit-sort=columnless-order]),
      .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-role-form-group[data-kit-region=sort]:not([data-kit-sort=columnless-order]) {
        display: none;
      }
    }
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-range > .kit-region-date > .kit-role-form-group,
      .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-range > .kit-region-date > .kit-role-form-group,
      .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-range > :where(form:not([hidden], [class*=kit-])) > .kit-region-date > .kit-role-form-group,
      .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-range > :where(form:not([hidden], [class*=kit-])) > .kit-region-date > .kit-role-form-group {
        --_kit-field-step: max-content;
      }
    }
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-range > .kit-region-date > .kit-role-form-group > .kit-region-help,
      .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-range > .kit-region-date > .kit-role-form-group > .kit-region-help,
      .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-range > :where(form:not([hidden], [class*=kit-])) > .kit-region-date > .kit-role-form-group > .kit-region-help,
      .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-range > :where(form:not([hidden], [class*=kit-])) > .kit-region-date > .kit-role-form-group > .kit-region-help,
      .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-range > .kit-region-date > .kit-role-form-group > .kit-region-error,
      .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-range > .kit-region-date > .kit-role-form-group > .kit-region-error,
      .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-range > :where(form:not([hidden], [class*=kit-])) > .kit-region-date > .kit-role-form-group > .kit-region-error,
      .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-range > :where(form:not([hidden], [class*=kit-])) > .kit-region-date > .kit-role-form-group > .kit-region-error {
        display: none;
      }
    }
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-list > .kit-region-saved-views-filters-sort[data-kit-holds~=form-group] > .kit-role-form-group {
        order: -1;
        flex: 1 1 100%;
        max-inline-size: none;
      }
    }
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-filters > .kit-role-form-group,
      .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > .kit-role-form-group,
      .kit-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters > .kit-role-form-group,
      .kit-layout-reports > .kit-region-period-filters-schedule > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > .kit-role-form-group {
        flex: 1 1 100%;
        min-inline-size: 0;
        max-inline-size: none;
      }
    }
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-role-form-group,
      .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-role-form-group,
      .kit-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-role-form-group,
      .kit-layout-reports > .kit-region-period-filters-schedule > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-role-form-group {
        flex: 1 1 100%;
        min-inline-size: 0;
        max-inline-size: none;
      }
    }
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-filters > .kit-role-form-group:has(> .kit-region-select),
      .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > .kit-role-form-group:has(> .kit-region-select),
      .kit-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters > .kit-role-form-group:has(> .kit-region-select),
      .kit-layout-reports > .kit-region-period-filters-schedule > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > .kit-role-form-group:has(> .kit-region-select),
      .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-role-form-group:has(> .kit-region-select),
      .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-role-form-group:has(> .kit-region-select),
      .kit-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-role-form-group:has(> .kit-region-select),
      .kit-layout-reports > .kit-region-period-filters-schedule > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-role-form-group:has(> .kit-region-select) {
        flex-basis: calc((100% - var(--_kit-stack)) / 2);
        grid-template-columns: 0 minmax(min-content, 1fr);
        min-inline-size: auto;
        max-inline-size: 100%;
      }
    }
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-filters > .kit-role-form-group > .kit-region-select,
      .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > .kit-role-form-group > .kit-region-select,
      .kit-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters > .kit-role-form-group > .kit-region-select,
      .kit-layout-reports > .kit-region-period-filters-schedule > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > .kit-role-form-group > .kit-region-select,
      .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-role-form-group > .kit-region-select,
      .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-role-form-group > .kit-region-select,
      .kit-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-role-form-group > .kit-region-select,
      .kit-layout-reports > .kit-region-period-filters-schedule > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-role-form-group > .kit-region-select {
        inline-size: auto;
        max-inline-size: 100cqi;
      }
    }
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-filters > .kit-role-form-group,
      .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-region-filters > .kit-role-form-group,
      .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-filters > .kit-region-filter > .kit-role-popover > .kit-role-form-group,
      .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > .kit-region-filter > .kit-role-popover > .kit-role-form-group,
      .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-region-filter > .kit-role-popover > .kit-role-form-group,
      .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-region-filter > .kit-role-popover > .kit-role-form-group,
      .kit-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters > .kit-region-filter > .kit-role-popover > .kit-role-form-group,
      .kit-layout-reports > .kit-region-period-filters-schedule > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > .kit-region-filter > .kit-role-popover > .kit-role-form-group,
      .kit-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-region-filter > .kit-role-popover > .kit-role-form-group,
      .kit-layout-reports > .kit-region-period-filters-schedule > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-region-filter > .kit-role-popover > .kit-role-form-group,
      .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-filters > .kit-region-filter > .kit-role-popover > .kit-role-form-group,
      .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-region-filters > .kit-region-filter > .kit-role-popover > .kit-role-form-group {
        flex: 1 1 100%;
        min-inline-size: 0;
        max-inline-size: none;
      }
    }
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-filters > .kit-role-form-group:has(> .kit-region-select),
      .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-region-filters > .kit-role-form-group:has(> .kit-region-select),
      .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-filters > .kit-region-filter > .kit-role-popover > .kit-role-form-group:has(> .kit-region-select),
      .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > .kit-region-filter > .kit-role-popover > .kit-role-form-group:has(> .kit-region-select),
      .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-region-filter > .kit-role-popover > .kit-role-form-group:has(> .kit-region-select),
      .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-region-filter > .kit-role-popover > .kit-role-form-group:has(> .kit-region-select),
      .kit-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters > .kit-region-filter > .kit-role-popover > .kit-role-form-group:has(> .kit-region-select),
      .kit-layout-reports > .kit-region-period-filters-schedule > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > .kit-region-filter > .kit-role-popover > .kit-role-form-group:has(> .kit-region-select),
      .kit-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-region-filter > .kit-role-popover > .kit-role-form-group:has(> .kit-region-select),
      .kit-layout-reports > .kit-region-period-filters-schedule > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-region-filter > .kit-role-popover > .kit-role-form-group:has(> .kit-region-select),
      .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-filters > .kit-region-filter > .kit-role-popover > .kit-role-form-group:has(> .kit-region-select),
      .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-region-filters > .kit-region-filter > .kit-role-popover > .kit-role-form-group:has(> .kit-region-select) {
        flex-basis: calc((100% - var(--_kit-stack)) / 2);
        grid-template-columns: 0 minmax(min-content, 1fr);
        min-inline-size: auto;
        max-inline-size: 100%;
      }
    }
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-filters > .kit-role-form-group > .kit-region-select,
      .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-region-filters > .kit-role-form-group > .kit-region-select,
      .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-filters > .kit-region-filter > .kit-role-popover > .kit-role-form-group > .kit-region-select,
      .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > .kit-region-filter > .kit-role-popover > .kit-role-form-group > .kit-region-select,
      .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-region-filter > .kit-role-popover > .kit-role-form-group > .kit-region-select,
      .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-region-filter > .kit-role-popover > .kit-role-form-group > .kit-region-select,
      .kit-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters > .kit-region-filter > .kit-role-popover > .kit-role-form-group > .kit-region-select,
      .kit-layout-reports > .kit-region-period-filters-schedule > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > .kit-region-filter > .kit-role-popover > .kit-role-form-group > .kit-region-select,
      .kit-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-region-filter > .kit-role-popover > .kit-role-form-group > .kit-region-select,
      .kit-layout-reports > .kit-region-period-filters-schedule > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-region-filter > .kit-role-popover > .kit-role-form-group > .kit-region-select,
      .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-filters > .kit-region-filter > .kit-role-popover > .kit-role-form-group > .kit-region-select,
      .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-region-filters > .kit-region-filter > .kit-role-popover > .kit-role-form-group > .kit-region-select {
        inline-size: auto;
        max-inline-size: 100cqi;
      }
    }
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-list > .kit-region-columns-selection-actions > .kit-role-form-group {
        min-inline-size: 0;
        inline-size: 100%;
        max-inline-size: none;
      }
    }
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-list > .kit-region-columns-selection-actions > :where(form:not([hidden], [class*=kit-])) > .kit-role-form-group {
        min-inline-size: 0;
        inline-size: 100%;
        max-inline-size: none;
      }
    }
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-list > .kit-region-saved-views-filters-sort .kit-role-form-group > input,
      .kit-layout-list > .kit-region-saved-views-filters-sort .kit-role-form-group > .kit-region-select,
      .kit-layout-list > .kit-region-saved-views-filters-sort .kit-role-form-group > textarea,
      .kit-layout-list > .kit-region-columns-selection-actions .kit-role-form-group > input,
      .kit-layout-list > .kit-region-columns-selection-actions .kit-role-form-group > .kit-region-select,
      .kit-layout-list > .kit-region-columns-selection-actions .kit-role-form-group > textarea,
      .kit-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters .kit-role-form-group > input,
      .kit-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters .kit-role-form-group > .kit-region-select,
      .kit-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters .kit-role-form-group > textarea,
      .kit-layout-reports > .kit-region-period-filters-schedule > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters .kit-role-form-group > input,
      .kit-layout-reports > .kit-region-period-filters-schedule > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters .kit-role-form-group > .kit-region-select,
      .kit-layout-reports > .kit-region-period-filters-schedule > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters .kit-role-form-group > textarea,
      .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-filters > .kit-role-form-group > input,
      .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-filters > .kit-role-form-group > .kit-region-select,
      .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-filters > .kit-role-form-group > textarea,
      .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-region-filters > .kit-role-form-group > input,
      .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-region-filters > .kit-role-form-group > .kit-region-select,
      .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-region-filters > .kit-role-form-group > textarea {
        inline-size: 100%;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-list > .kit-region-columns-selection-actions > .kit-role-form-group {
        flex-shrink: 0;
      }
    }
  }
  .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-layout-switch > .kit-role-form-group > fieldset > legend,
  .kit-layout-calendar > .kit-region-toolbar > .kit-region-layout-switch > .kit-role-form-group > fieldset > legend,
  .kit-layout-gantt > .kit-region-toolbar > .kit-region-layout-switch > .kit-role-form-group > fieldset > legend {
    position: absolute;
    inline-size: var(--_kit-rule);
    block-size: var(--_kit-rule);
    overflow: clip;
    clip-path: inset(50%);
    white-space: nowrap;
  }
}