@layer components {
  .capture {
    display: flex;
    align-items: center;
    position: relative;
    flex: 1;
    min-width: 0;
  }

  
  .input.capture__input {
    height: var(--control-h);
    padding-left: var(--space-3);
    padding-right: var(--space-6);
  }

  .capture__key {
    position: absolute;
    right: var(--space-2);
    padding: 0.125rem var(--space);
    background: var(--surface-sunk);
    color: var(--ink);
    pointer-events: none;
    transition: opacity var(--transition);
  }

  .capture__input:focus + .capture__key { opacity: 0; }
}