.ua-sheet-handle {
  display: grid;
  place-items: center;
  flex: none;
  width: 48px;
  height: 22px;
  min-height: 22px;
  margin: 0 auto;
  padding: 0;
  border: 0;
  border-radius: 99px;
  background: transparent;
  touch-action: none;
  cursor: grab;
}
.ua-sheet-handle::before {
  content: '';
  width: 40px;
  height: 4px;
  border-radius: 99px;
  background: color-mix(in srgb, var(--white) 22%, transparent);
}
.ua-sheet-handle:active { cursor: grabbing; }
.ua-sheet-handle:focus-visible { outline: 2px solid var(--purple-bright); outline-offset: 2px; }