@layer components {
  .input {
    background-color: var(--color-canvas);
    border: 1px solid var(--color-ink);
    font-size: var(--text-normal);
    inline-size: 100%;
    line-height: var(--line-height-normal);
    padding: var(--block-space);

    &:focus {
      outline: var(--focus-ring);
      outline-offset: -1px;
    }
  }
}