.exts {
  overflow: hidden;
}

.exts-root:not(:focus-within) > .exts,
.exts-root:not(:hover) > .exts {
  max-height: 0;
  padding-top: 0;
  opacity: 0;
}

.exts-root:focus-within > .exts,
.exts-root:hover > .exts {
  max-height: 200px;
  padding-top: calc(var(--spacing));
  opacity: 1.0;
}