@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-primary-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-primary-action {
    --_kit-wash-hover: var(--_kit-accent-wash-hover);
    border-color: var(--_kit-accent-edge);
    color: var(--_kit-accent-ink);
  }
  .kit-role-primary-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-primary-action[data-kit-state~=submitting],
  .kit-role-primary-action[aria-busy=true],
  .kit-role-primary-action[data-kit-state~=inert],
  .kit-role-primary-action:disabled:where(:not([data-phx-disabled=false])) {
    color: var(--_kit-text-muted);
  }
  .kit-role-primary-action[data-kit-state~=submitting],
  .kit-role-primary-action[aria-busy=true],
  .kit-role-primary-action[data-kit-state~=inert],
  .kit-role-primary-action:disabled:where(:not([data-phx-disabled=false])) {
    background: var(--_kit-wash-accent);
  }
  @media print, (forced-colors: active) {
    .kit-role-primary-action[data-kit-state~=submitting],
    .kit-role-primary-action[aria-busy=true],
    .kit-role-primary-action[data-kit-state~=inert],
    .kit-role-primary-action:disabled:where(:not([data-phx-disabled=false])) {
      border-color: var(--_kit-panel-boundary);
    }
  }
  @media (hover: hover) and (pointer: fine) {
    .kit-role-primary-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-primary-action[data-kit-resting-label][data-kit-changed-label] {
    flex-direction: column;
    gap: 0;
  }
  .kit-role-primary-action[data-kit-resting-label][data-kit-changed-label]:after {
    content: attr(data-kit-resting-label) "\a" attr(data-kit-changed-label);
    content: attr(data-kit-resting-label) "\a" attr(data-kit-changed-label) / "";
    block-size: 0;
    overflow: clip;
    visibility: hidden;
    white-space: pre-line;
  }
  .kit-role-primary-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-primary-action:first-child,
  .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-actions[data-kit-holds~=words] > .kit-role-primary-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-primary-action,
      .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-actions[data-kit-holds~=words] > .kit-role-primary-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-primary-action:first-child {
        margin-inline-start: auto;
      }
    }
  }
  @media screen and (width < 720px) {
    .kit-role-action-group > .kit-role-primary-action {
      inline-size: 100%;
      max-inline-size: none;
    }
  }
  @media screen and (width < 720px) {
    .kit-role-action-group > :where(form:not([hidden], [class*=kit-])) > .kit-role-primary-action {
      inline-size: 100%;
      max-inline-size: none;
    }
  }
  @media screen and (width < 720px) {
    .kit-role-action-group > .kit-role-primary-action,
    .kit-role-action-group > :where(form:not([hidden], [class*=kit-])) > .kit-role-primary-action {
      order: 1;
    }
  }
  :where(:not([class*=kit-], div, form)) > .kit-role-primary-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-primary-action {
    margin-inline-start: var(--_kit-run-gap, 0px);
  }
}
@layer roles {
  .kit-role-form-group > .kit-role-primary-action {
    inline-size: auto;
  }
  .kit-role-split-action > .kit-role-primary-action {
    flex: 0 1 auto;
    min-inline-size: 0;
    border-inline-end-width: 0;
    border-start-end-radius: 0;
    border-end-end-radius: 0;
  }
  @media screen and (width < 720px) {
    .kit-role-action-group > .kit-role-split-action > .kit-role-primary-action,
    .kit-role-action-group > :where(form:not([hidden], [class*=kit-])) > .kit-role-split-action > .kit-role-primary-action {
      flex: 1 1 auto;
    }
  }
  .kit-role-ways-in .kit-region-google .kit-role-primary-action {
    inline-size: 100%;
  }
  .kit-layout-form:has(> .kit-role-ways-in > .kit-region-others > .kit-region-way[hidden]) > .kit-region-submit-return > .kit-role-primary-action {
    inline-size: 100%;
  }
}