/* The FILE control — input chrome; the picker button rides the detail
 * voice so it stays quieter than the form's real submit. */
.sk-file {
  padding: 0.55rem 0.9rem;
  font-size: var(--sk-text-detail-size);
}
/* Gives back exactly the width the focused border takes, beside the padding
 * it compensates for. */
.sk-file:focus-visible {
  padding: calc(0.55rem - var(--sk-focus-grow)) calc(0.9rem - var(--sk-focus-grow));
}
.sk-file::file-selector-button {
  margin-right: 0.9em;
  padding: 0.25em 0.9em;
  font: inherit;
  font-size: var(--sk-text-detail-size);
  color: var(--sk-ink);
  background: none;
  border: var(--sk-border-width-min) solid var(--sk-ink-muted);
  border-radius: var(--sk-control-radius);
  cursor: pointer;
}