@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-way-back {
    --_kit-text-line: var(--_kit-body-leading);
    --_kit-text-trim: none;
  }
  .kit-role-way-back {
    overflow-wrap: break-word;
  }
}
@layer spacing {
  .kit-layout-document > .kit-role-way-back {
    grid-column: 1 / -1;
  }
}
@layer actions {
  @media screen and (width < 720px) {
    .kit-role-action-group > .kit-role-way-back,
    .kit-role-action-group > :where(.kit-region-action-form:not([hidden])) > .kit-role-way-back {
      order: 4;
    }
  }
  :where(:not([class*=kit-], div, form)) > .kit-role-way-back {
    --_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-way-back {
    margin-inline-start: var(--_kit-run-gap, 0px);
  }
}
@layer roles {
  .kit-role-way-back {
    display: inline-flex;
    align-items: baseline;
    gap: var(--_kit-inset-tight);
    max-inline-size: 100%;
  }
  .kit-role-way-back:before {
    content: "";
    flex: 0 0 var(--_kit-control-icon);
    align-self: flex-start;
    inline-size: var(--_kit-control-icon);
    block-size: 1lh;
    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=%22M224,128a8,8,0,0,1-8,8H59.31l58.35,58.34a8,8,0,0,1-11.32,11.32l-72-72a8,8,0,0,1,0-11.32l72-72a8,8,0,0,1,11.32,11.32L59.31,120H216A8,8,0,0,1,224,128Z%22/%3E%3C/svg%3E") center / contain no-repeat;
  }
  .kit-role-way-back > .kit-region-label {
    text-decoration: inherit;
  }
  .kit-role-way-back {
    min-inline-size: var(--_kit-target);
    padding-block: calc(max(0px, var(--_kit-target) - 1lh) / 2);
    --_kit-text-trim: none;
  }
  button.kit-role-way-back {
    padding-inline: 0;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
    text-align: start;
    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);
    &:focus-visible {
      text-decoration-color: var(--_kit-text-ink);
    }
  }
  @media (hover: hover) and (pointer: fine) {
    button.kit-role-way-back:hover {
      text-decoration-color: var(--_kit-text-ink);
    }
  }
}
@layer layouts {
  .kit-layout-conversation > .kit-region-open-conversation > .kit-region-conversation-header > .kit-role-way-back {
    flex-basis: 100%;
  }
  @media screen {
    @container page (inline-size >= 720px) {
      .kit-layout-conversation > .kit-region-open-conversation > .kit-region-conversation-header > .kit-role-way-back {
        display: none;
      }
    }
  }
  .kit-layout-document > .kit-role-way-back {
    min-inline-size: 0;
  }
  .kit-layout-document > .kit-role-way-back {
    justify-self: start;
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-document[data-kit-holds~=contents] > .kit-role-way-back {
        grid-column: 2;
      }
    }
  }
}
@layer print {
  @media print {
    .kit-layout-document > .kit-role-way-back {
      display: none;
    }
  }
}