:host {
  /*
* @prop --font-size: sets CSS `font-size` property on the host element.
* @prop --margin: sets CSS `margin` property on the host element.
*/
  --font-size: 0.875em;
  --padding: 0.25em 1em 0.75em;

  display: block;

  padding: 0.25em 1em 0.75em;
  padding: var(--padding);

  transition: box-shadow 0.1s ease-out;

  font-size: 0.875em;
  font-size: var(--font-size);
}

:host(:focus) {
  outline: none;

  box-shadow: 0 0 0 2px #1b2c56;
}

li {
  cursor: default;
}
