@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 actions {
  .kit-role-icon-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--_kit-inset-tight);
    flex: 0 0 auto;
    min-block-size: var(--_kit-control-height);
    inline-size: fit-content;
    min-inline-size: var(--_kit-target);
    max-inline-size: 100%;
    padding: min(var(--_kit-inset-tight), calc((var(--_kit-control-height) - 2 * var(--_kit-rule) - 1lh) / 2)) var(--_kit-inset);
    vertical-align: middle;
    border: var(--_kit-rule) solid transparent;
    border-radius: var(--_kit-action-radius);
    background: var(--_kit-accent);
    color: var(--_kit-ink);
    font-family: var(--_kit-body-family);
    font-size: var(--_kit-label-size);
    font-weight: var(--_kit-strong-weight);
    text-align: center;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    transition: scale var(--_kit-transition) var(--_kit-settle);
  }
  .kit-role-icon-action:active:not([data-kit-state~=submitting], [aria-busy=true], [data-kit-state~=inert], :disabled) {
    scale: var(--_kit-press-scale);
    transition-duration: 0s;
  }
  .kit-role-icon-action[data-kit-state~=submitting],
  .kit-role-icon-action[aria-busy=true],
  .kit-role-icon-action[data-kit-state~=inert],
  .kit-role-icon-action:disabled:where(:not([data-phx-disabled=false])) {
    color: var(--_kit-text-muted);
  }
  @media print, (forced-colors: active) {
    .kit-role-icon-action[data-kit-state~=submitting],
    .kit-role-icon-action[aria-busy=true],
    .kit-role-icon-action[data-kit-state~=inert],
    .kit-role-icon-action:disabled:where(:not([data-phx-disabled=false])) {
      border-color: var(--_kit-panel-boundary);
    }
  }
  @media (hover: hover) and (pointer: fine) {
    .kit-role-icon-action:hover:not([data-kit-state~=submitting], [aria-busy=true], [data-kit-state~=inert], :disabled) {
      background-image: linear-gradient(var(--_kit-wash-hover), var(--_kit-wash-hover));
    }
  }
  .kit-role-icon-action {
    position: relative;
    background: none;
    color: var(--_kit-text-ink);
  }
  .kit-role-icon-action[data-kit-state~=submitting],
  .kit-role-icon-action[aria-busy=true],
  .kit-role-icon-action[data-kit-state~=inert],
  .kit-role-icon-action:disabled:where(:not([data-phx-disabled=false])) {
    background-color: var(--_kit-wash);
  }
  .kit-role-icon-action[aria-expanded=true] {
    background-image: linear-gradient(var(--_kit-wash-hover), var(--_kit-wash-hover));
  }
  .kit-layout-calendar > .kit-region-toolbar > .kit-region-actions[data-kit-holds~=words] > .kit-role-icon-action:first-child,
  .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-actions[data-kit-holds~=words] > .kit-role-icon-action:first-child {
    margin-inline-start: auto;
  }
  @media screen {
    @container calendar (inline-size < 720px) {
      .kit-layout-calendar > .kit-region-toolbar > .kit-region-actions[data-kit-holds~=words] > .kit-role-icon-action,
      .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-actions[data-kit-holds~=words] > .kit-role-icon-action {
        grid-row: 1;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-list > .kit-region-columns-selection-actions > .kit-role-action-group[data-kit-holds~=words] > .kit-role-icon-action:first-child {
        margin-inline-start: auto;
      }
    }
  }
  @media screen and (width < 720px) {
    .kit-role-action-group > .kit-role-icon-action {
      order: 2;
    }
  }
  @media screen and (width < 720px) {
    .kit-role-action-group > :where(form:not([hidden], [class*=kit-])) > .kit-role-icon-action {
      order: 2;
    }
  }
  :where(:not([class*=kit-], div, form)) > .kit-role-icon-action {
    --_kit-run-gap: var(--_kit-rhythm);
  }
  :is(.kit-role-primary-action, .kit-role-secondary-action, .kit-role-subtle-action, .kit-role-destructive-action, .kit-role-icon-action, .kit-role-emphasised-next-action, .kit-role-split-action, .kit-role-destination, .kit-role-way-back) + .kit-role-icon-action {
    margin-inline-start: var(--_kit-run-gap, 0px);
  }
}
@layer roles {
  @media screen and (width < 720px) {
    .kit-role-conditions-builder .kit-region-conditions > .kit-region-condition > .kit-role-icon-action {
      grid-row: 1;
      grid-column: 2;
    }
  }
  .kit-role-form-group > .kit-region-control > .kit-role-icon-action,
  .kit-role-number-field > .kit-role-icon-action,
  .kit-role-date-field > .kit-role-icon-action,
  .kit-role-date-range > .kit-role-icon-action,
  .kit-role-time-field > .kit-role-icon-action,
  .kit-role-record-picker > .kit-region-control > .kit-role-icon-action {
    position: relative;
    block-size: var(--_kit-held-part-size);
    min-block-size: var(--_kit-held-part-size);
    padding-block: 0;
  }
  .kit-role-form-group > .kit-region-control > .kit-role-icon-action,
  .kit-role-number-field > .kit-role-icon-action,
  .kit-role-date-field > .kit-role-icon-action,
  .kit-role-date-range > .kit-role-icon-action,
  .kit-role-time-field > .kit-role-icon-action,
  .kit-role-record-picker > .kit-region-control > .kit-role-icon-action {
    inline-size: var(--_kit-target);
  }
  .kit-role-form-group > .kit-region-control > .kit-role-icon-action:after,
  .kit-role-number-field > .kit-role-icon-action:after,
  .kit-role-date-field > .kit-role-icon-action:after,
  .kit-role-date-range > .kit-role-icon-action:after,
  .kit-role-time-field > .kit-role-icon-action:after,
  .kit-role-record-picker > .kit-region-control > .kit-role-icon-action:after {
    content: "";
    position: absolute;
    inset-block: calc(-1 * (var(--_kit-rhythm) + 2 * var(--_kit-rule)));
    inset-inline: 0;
  }
  .kit-role-icon-action {
    inline-size: var(--_kit-control-height);
    block-size: var(--_kit-control-height);
    min-block-size: var(--_kit-control-height);
    padding: 0;
  }
  .kit-role-icon-action:before {
    content: "\200b";
    margin-inline-end: calc(-1 * var(--_kit-inset-tight));
  }
  .kit-layout-shell .kit-region-page > .kit-region-header > .kit-region-actions,
  .kit-layout-form > .kit-region-header > .kit-region-actions,
  .kit-layout-unavailable > .kit-region-header > .kit-region-actions,
  .kit-layout-showcase > .kit-region-header > .kit-region-actions,
  .kit-layout-shell .kit-region-page > .kit-region-header > .kit-region-next-previous,
  .kit-role-side-panel > .kit-region-scroll > .kit-region-line > .kit-region-next-previous,
  .kit-role-phone-sheet > .kit-region-scroll > .kit-region-line > .kit-region-next-previous,
  .kit-layout-calendar > .kit-region-toolbar > .kit-region-range,
  .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-range,
  .kit-layout-gantt > .kit-region-toolbar > .kit-region-range,
  .kit-region-group-heading > .kit-region-line,
  .kit-region-group-heading > th > .kit-region-line,
  .kit-role-carousel > .kit-region-steps,
  .kit-role-action-group[data-kit-holds~=primary-action] > .kit-role-action-menu,
  .kit-role-action-group[data-kit-holds~=secondary-action] > .kit-role-action-menu,
  .kit-role-action-group[data-kit-holds~=emphasised-next-action] > .kit-role-action-menu,
  .kit-region-actions[data-kit-holds~=primary-action] > .kit-role-action-menu,
  .kit-region-actions[data-kit-holds~=secondary-action] > .kit-role-action-menu,
  .kit-region-actions[data-kit-holds~=emphasised-next-action] > .kit-role-action-menu {
    > .kit-role-icon-action {
      background-color: var(--_kit-wash);
      &[data-kit-state~=submitting],
      &[aria-busy=true],
      &[data-kit-state~=inert],
      &:disabled:where(:not([data-phx-disabled=false])) {
        background-color: transparent;
        border-color: var(--_kit-panel-boundary);
        @media print, (forced-colors: active) {
          border-style: dashed;
        }
      }
    }
    > .kit-role-icon-action > [data-kit-icon] {
      color: inherit;
    }
  }
  .kit-layout-shell .kit-region-page > .kit-region-header > :where(form:not([hidden], [class*=kit-])) > .kit-region-actions > .kit-role-icon-action {
    background-color: var(--_kit-wash);
    &[data-kit-state~=submitting],
    &[aria-busy=true],
    &[data-kit-state~=inert],
    &:disabled:where(:not([data-phx-disabled=false])) {
      background-color: transparent;
      border-color: var(--_kit-panel-boundary);
      @media print, (forced-colors: active) {
        border-style: dashed;
      }
    }
    > [data-kit-icon] {
      color: inherit;
    }
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-role-row > .kit-region-content-column > .kit-region-actions > :where([data-kit-role]):is(.kit-role-icon-action):first-child {
        margin-inline-start: calc(-1 * (var(--_kit-inset) + var(--_kit-rule)));
      }
    }
  }
  .kit-role-split-action > .kit-role-icon-action {
    inline-size: var(--_kit-control-height);
    block-size: auto;
    min-block-size: var(--_kit-control-height);
    border-start-start-radius: 0;
    border-end-start-radius: 0;
  }
  .kit-role-split-action > .kit-role-icon-action:not([data-kit-state~=submitting], [aria-busy=true], [data-kit-state~=inert], :disabled:where(:not([data-phx-disabled=false]))) {
    border-inline-start-color: currentColor;
  }
  .kit-role-split-action[data-kit-holds~=primary-action] > .kit-role-icon-action:not([data-kit-state~=submitting], [aria-busy=true], [data-kit-state~=inert], :disabled:where(:not([data-phx-disabled=false]))) {
    --_kit-wash-hover: var(--_kit-accent-wash-hover);
    border-block-color: var(--_kit-accent-edge);
    border-inline-end-color: var(--_kit-accent-edge);
    background-color: var(--_kit-accent);
    color: var(--_kit-accent-ink);
  }
  .kit-role-split-action[data-kit-holds~=secondary-action] > .kit-role-icon-action:not([data-kit-state~=submitting], [aria-busy=true], [data-kit-state~=inert], :disabled:where(:not([data-phx-disabled=false]))) {
    background-color: var(--_kit-wash);
    color: var(--_kit-text-ink);
  }
  .kit-role-split-action > .kit-role-icon-action:not([data-kit-state~=submitting], [aria-busy=true], [data-kit-state~=inert], :disabled:where(:not([data-phx-disabled=false]))) > [data-kit-icon] {
    color: inherit;
  }
  .kit-role-split-action > .kit-role-icon-action[data-kit-state~=submitting],
  .kit-role-split-action > .kit-role-icon-action[aria-busy=true],
  .kit-role-split-action > .kit-role-icon-action[data-kit-state~=inert],
  .kit-role-split-action > .kit-role-icon-action:disabled:where(:not([data-phx-disabled=false])),
  .kit-role-split-action > :is(.kit-role-primary-action, .kit-role-secondary-action):is([data-kit-state~=submitting], [aria-busy=true], [data-kit-state~=inert], :disabled:where(:not([data-phx-disabled=false]))) + .kit-role-icon-action:not([data-kit-state~=submitting], [aria-busy=true], [data-kit-state~=inert], :disabled:where(:not([data-phx-disabled=false]))) {
    border-inline-start-color: currentColor;
    color: var(--_kit-text-muted);
  }
  .kit-role-split-action[data-kit-holds~=primary-action] > .kit-role-icon-action[data-kit-state~=submitting],
  .kit-role-split-action[data-kit-holds~=primary-action] > .kit-role-icon-action[aria-busy=true],
  .kit-role-split-action[data-kit-holds~=primary-action] > .kit-role-icon-action[data-kit-state~=inert],
  .kit-role-split-action[data-kit-holds~=primary-action] > .kit-role-icon-action:disabled:where(:not([data-phx-disabled=false])),
  .kit-role-split-action > .kit-role-primary-action:is([data-kit-state~=submitting], [aria-busy=true], [data-kit-state~=inert], :disabled:where(:not([data-phx-disabled=false]))) + .kit-role-icon-action:not([data-kit-state~=submitting], [aria-busy=true], [data-kit-state~=inert], :disabled:where(:not([data-phx-disabled=false]))) {
    background-color: var(--_kit-wash-accent);
  }
  .kit-role-split-action[data-kit-holds~=secondary-action] > .kit-role-icon-action[data-kit-state~=submitting],
  .kit-role-split-action[data-kit-holds~=secondary-action] > .kit-role-icon-action[aria-busy=true],
  .kit-role-split-action[data-kit-holds~=secondary-action] > .kit-role-icon-action[data-kit-state~=inert],
  .kit-role-split-action[data-kit-holds~=secondary-action] > .kit-role-icon-action:disabled:where(:not([data-phx-disabled=false])),
  .kit-role-split-action > .kit-role-secondary-action:is([data-kit-state~=submitting], [aria-busy=true], [data-kit-state~=inert], :disabled:where(:not([data-phx-disabled=false]))) + .kit-role-icon-action:not([data-kit-state~=submitting], [aria-busy=true], [data-kit-state~=inert], :disabled:where(:not([data-phx-disabled=false]))) {
    background-color: transparent;
    border-block-color: var(--_kit-panel-boundary);
    border-inline-end-color: var(--_kit-panel-boundary);
    @media print, (forced-colors: active) {
      border-block-style: dashed;
      border-inline-end-style: dashed;
    }
  }
}
@layer shell {
  .kit-layout-shell > .kit-region-chrome > nav .kit-role-icon-action[data-kit-state~=submitting],
  .kit-layout-shell > .kit-region-chrome > nav .kit-role-icon-action[aria-busy=true],
  .kit-layout-shell > .kit-region-chrome > nav .kit-role-icon-action[data-kit-state~=inert],
  .kit-layout-shell > .kit-region-chrome > nav .kit-role-icon-action:disabled:where(:not([data-phx-disabled=false])) {
    background-color: var(--_kit-wash);
  }
}
@layer layouts {
  .kit-region-group-heading > .kit-region-line > .kit-role-icon-action,
  .kit-region-group-heading > th > .kit-region-line > .kit-role-icon-action {
    grid-area: 1 / 3;
    position: relative;
  }
  .kit-layout-list > .kit-region-board div.kit-region-group-heading > .kit-region-line > .kit-role-icon-action {
    margin-inline-start: auto;
    position: relative;
  }
}