/* The SELECT — the input chrome with the kit's own caret (appearance:none
 * so the UA's arrow never fights the theme). */
.sk-select-wrap {
  position: relative;
  display: block;
}
.sk-select {
  appearance: none;
  padding: 0.7rem 2.4rem 0.7rem 0.9rem;
}
/* The focused border thickens by --sk-focus-grow (base sets it), so the
 * padding gives back exactly that much and the control does not jump. The
 * arithmetic sits beside its operand: the padding above is the only place
 * these numbers are written. */
.sk-select:focus-visible {
  padding: calc(0.7rem - var(--sk-focus-grow)) calc(2.4rem - var(--sk-focus-grow))
    calc(0.7rem - var(--sk-focus-grow)) calc(0.9rem - var(--sk-focus-grow));
}
.sk-select-caret {
  position: absolute;
  right: 0.9rem;
  top: 50%;
  translate: 0 -50%;
  pointer-events: none;
  color: var(--sk-ink-muted);
}