/* Keep scroll controls away from the confirmation's route text. */
#departure-confirm,
#departure-confirm-planes {
  scrollbar-width: thin;
  scrollbar-color: var(--border) transparent;
  overscroll-behavior: contain;
}

#departure-confirm-planes {
  padding-right: 14px;
  margin-right: -12px;
  scrollbar-gutter: stable;
}

#departure-confirm:hover,
#departure-confirm-planes:hover {
  scrollbar-color: var(--muted) transparent;
}

@supports selector(::-webkit-scrollbar) {
  #departure-confirm,
  #departure-confirm-planes,
  #departure-confirm:hover,
  #departure-confirm-planes:hover {
    scrollbar-width: auto;
    scrollbar-color: auto;
  }

  #departure-confirm::-webkit-scrollbar,
  #departure-confirm-planes::-webkit-scrollbar {
    width: 6px;
    background: transparent;
  }

  #departure-confirm::-webkit-scrollbar-track,
  #departure-confirm-planes::-webkit-scrollbar-track {
    background: transparent;
    margin-block: 10px;
  }

  #departure-confirm::-webkit-scrollbar-thumb,
  #departure-confirm-planes::-webkit-scrollbar-thumb {
    background-color: var(--border);
    border: 1px solid transparent;
    background-clip: padding-box;
    border-radius: 20px;
    min-height: 24px;
  }

  #departure-confirm::-webkit-scrollbar-thumb:hover,
  #departure-confirm-planes::-webkit-scrollbar-thumb:hover {
    background-color: var(--muted);
  }

  #departure-confirm::-webkit-scrollbar-button,
  #departure-confirm-planes::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
  }
}