/*
 * A key printed as a key: a quiet pill around one short run.
 *
 * It is seated INSIDE a control — a field's trailing slot, a menu row's end — so
 * its corner is the control's own rung less the air between the two edges, which
 * is what keeps the two curves concentric instead of the inner one bulging.
 */
@layer theme, base, lotics, components, utilities;
@layer lotics.tokens, lotics.reset, lotics.components;

@layer lotics.components {
  .lotics-shortcut-badge {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    flex-shrink: 0;
    padding-block: var(--lotics-space-4);
    padding-inline: var(--lotics-space-6);
    border-radius: calc(var(--lotics-radius-control) - var(--lotics-space-4));
    background-color: var(--muted);
  }
}