/* Desktop wallet scrolling: restore a visible, unobtrusive scrollbar for mouse devices. */
@media (hover: hover) and (pointer: fine) {
  html:has(.wallet-screen) {
    height: auto !important;
    min-height: 100%;
    overflow-x: hidden !important;
    overflow-y: scroll !important;
    overscroll-behavior-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #aebed1 #edf3fa;
  }

  html:has(.wallet-screen) body,
  html:has(.wallet-screen) #root {
    height: auto !important;
    max-height: none !important;
    min-height: 100vh;
    overflow-x: clip !important;
    overflow-y: visible !important;
    overscroll-behavior-y: auto;
  }

  html:has(.wallet-screen) .wallet-screen {
    height: auto !important;
    max-height: none !important;
    overflow-x: clip !important;
    overflow-y: visible !important;
    touch-action: auto;
  }

  html:has(.wallet-screen)::-webkit-scrollbar {
    display: block !important;
    width: 8px;
  }

  html:has(.wallet-screen)::-webkit-scrollbar-track {
    background: #edf3fa;
  }

  html:has(.wallet-screen)::-webkit-scrollbar-thumb {
    min-height: 42px;
    border: 2px solid #edf3fa;
    border-radius: 999px;
    background: #aebed1;
  }

  html:has(.wallet-screen)::-webkit-scrollbar-thumb:hover {
    background: #879bb3;
  }
}