:is(button, .nav-link, .brand, details > summary) {
  -webkit-tap-highlight-color: transparent;
}

.choice-content {
  overscroll-behavior: contain;
}

.choice-sheet[data-closing] .choice-content {
  pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
  :is(button, .nav-link, .brand, details > summary) {
    transition:
      scale 150ms ease-out,
      transform 150ms ease-out,
      background-color 150ms ease-out,
      border-color 150ms ease-out,
      color 150ms ease-out,
      box-shadow 150ms ease-out;
  }

  :is(button:enabled, .nav-link, .brand, details > summary):active {
    scale: .96;
  }

  .choice-sheet::backdrop {
    opacity: 0;
    transition: opacity 150ms ease-out;
  }

  .choice-sheet[open]:not([data-closing])::backdrop {
    opacity: 1;
  }

  @starting-style {
    .choice-sheet[open]:not([data-closing])::backdrop {
      opacity: 0;
    }
  }
}