/* Native scrolling and dragging; only the rails are quieted between interactions. */
@property --scroll-thumb{syntax:'<color>';inherits:true;initial-value:#64516f}
html,body,body *{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb,#64516f) transparent}
.scroll-surface{--scroll-thumb:#64516f;--scroll-round-y:4px;--scroll-round-x:4px;--scroll-inset:0px;transition:--scroll-thumb .38s ease}
.scroll-at-top,.scroll-at-bottom{--scroll-round-y:0px}
.scroll-at-left,.scroll-at-right{--scroll-round-x:0px}
.scroll-surface:not(html){clip-path:inset(0 round var(--scroll-radius,0px))}
html.scrollbars-enhanced,.scrollbars-enhanced .scroll-surface{--scroll-thumb:transparent}
html.scrollbars-enhanced.scroll-awake,.scrollbars-enhanced .scroll-surface.scroll-awake{--scroll-thumb:#816691}
@supports selector(::-webkit-scrollbar){
  html,body,body *{scrollbar-width:auto;scrollbar-color:auto}
  ::-webkit-scrollbar{width:8px;height:8px;background:transparent}
  ::-webkit-scrollbar-track{background:transparent;border:0;border-radius:0;margin:0}
  ::-webkit-scrollbar-track:vertical{margin-block:var(--scroll-inset,0px)}
  ::-webkit-scrollbar-track:horizontal{margin-inline:var(--scroll-inset,0px)}
  ::-webkit-scrollbar-thumb{background:var(--scroll-thumb,#64516f);border:0;border-radius:var(--scroll-round-y,4px);min-height:32px;min-width:32px}
  ::-webkit-scrollbar-thumb:horizontal{border-radius:var(--scroll-round-x,4px)}
  ::-webkit-scrollbar-button{display:none;width:0;height:0;background:none}
  ::-webkit-scrollbar-corner{background:transparent;border-radius:0}
}
/* The outer rounded shell clips the inner scroll rail at both corners. */
dialog{overflow:hidden}
/* Inspection reaches the shell edge so its corners cut the native rail cleanly. */
#detail .dialog-inner{--scroll-inset:0px;max-height:calc(90dvh - 2px);overflow:auto;overscroll-behavior:contain;clip-path:inset(0 round 15px)}
#swap-settings{padding:0}
#swap-preferences{--scroll-inset:19px;padding:26px;max-height:calc(90dvh - 2px);overflow:auto;overscroll-behavior:contain;clip-path:inset(0 round 19px)}
#token-picker .token-picker-content{--scroll-inset:23px;max-height:calc(100dvh - 26px);overflow:auto;overscroll-behavior:contain;clip-path:inset(0 round 23px)}
textarea,[data-scroll-region]{clip-path:inset(0 round var(--scroll-radius,0px))}
@media(max-width:520px){#swap-preferences{padding:20px}}
@media(prefers-reduced-motion:reduce){.scroll-surface{transition:none}}
@media(forced-colors:active){html.scrollbars-enhanced,.scrollbars-enhanced .scroll-surface{--scroll-thumb:ButtonText}html,body,body *{scrollbar-color:auto}}