/* C12: native mobile scrolling for illustrated deposit and purchase steps. */
.gg-article .p104-scroll-note { display:none; }
@media (max-width:760px) {
  body article.gg-article[data-article-id] .p104-scroll-note {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:18px 0 7px;
    color:#536879;
    font-size:12px;
    line-height:1.5;
  }
  body article.gg-article[data-article-id] .p104-scroll-note[hidden] { display:none; }
  body article.gg-article[data-article-id] .p104-scroll-position { white-space:nowrap; font-variant-numeric:tabular-nums; }
  body article.gg-article[data-article-id] .p104-native-steps {
    position:static!important;
    left:auto!important;
    transform:none!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:flex-start!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:var(--p104-rail-height,auto)!important;
    box-sizing:border-box!important;
    margin:0 0 22px!important;
    padding:2px 0 12px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x proximity;
    scroll-padding-inline:0;
    scrollbar-width:thin;
    scrollbar-color:#9eb6c5 #edf3f7;
    -webkit-overflow-scrolling:touch;
  }
  body article.gg-article[data-article-id] .p104-native-steps > .p104-native-step {
    flex:0 0 calc(100% - 28px)!important;
    width:calc(100% - 28px)!important;
    min-width:0!important;
    max-width:calc(100% - 28px)!important;
    margin:0!important;
    box-sizing:border-box!important;
    scroll-snap-align:start;
    scroll-snap-stop:normal;
    overflow-wrap:anywhere;
  }
  body article.gg-article[data-article-id] .p104-native-steps > .poker-anchor { display:none!important; }
  body article.gg-article[data-article-id] .p104-native-steps:focus-visible { outline:3px solid #7ba8c3; outline-offset:3px; }
  body article.gg-article[data-article-id] .p104-native-steps::-webkit-scrollbar { height:6px; }
  body article.gg-article[data-article-id] .p104-native-steps::-webkit-scrollbar-track { background:#edf3f7; border-radius:3px; }
  body article.gg-article[data-article-id] .p104-native-steps::-webkit-scrollbar-thumb { background:#9eb6c5; border-radius:3px; }
}