@media (min-width: 721px) {
  body.transaction-scroll-page { min-width: 0; }
  [data-transaction-scroll].transaction-scroll-active { padding-bottom: 52px; }
  [data-transaction-scroll] .table-wrap > table > thead th:last-child,
  [data-transaction-scroll] .table-wrap > table > tbody td:last-child {
    position: sticky;
    right: 0;
    z-index: 1;
    background: #fff;
    box-shadow: -1px 0 0 var(--line), -8px 0 12px -10px rgba(22, 34, 51, .45);
  }
  [data-transaction-scroll] .table-wrap > table > thead th:last-child {
    z-index: 2;
    background: #f9fafb;
  }
}

.transaction-scroll-control,
.transaction-scroll-header { display: none; }

@media (min-width: 721px) {
  .transaction-scroll-control.is-visible {
    display: flex;
    position: fixed;
    bottom: 10px;
    z-index: 40;
    align-items: center;
    gap: 12px;
    box-sizing: border-box;
    min-height: 42px;
    padding: 5px 12px;
    border: 1px solid var(--line);
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 5px 20px rgba(22, 34, 51, .22);
  }
  .transaction-scroll-control label { flex: none; font-size: 12px; color: #344054; }
  .transaction-scroll-control input { flex: 1; min-width: 40px; height: 24px; accent-color: #2563eb; cursor: pointer; }
  .transaction-scroll-position { flex: none; min-width: 34px; font-size: 12px; color: #475467; text-align: right; }
  .transaction-scroll-header.is-visible {
    display: block;
    position: fixed;
    top: 0;
    z-index: 39;
    overflow: hidden;
    pointer-events: none;
    box-shadow: 0 3px 10px rgba(22, 34, 51, .12);
  }
  .transaction-scroll-header-clip { position: relative; overflow: hidden; }
  .transaction-scroll-header table { table-layout: fixed; margin: 0; border-collapse: collapse; }
  .transaction-scroll-header th { box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; }
  .transaction-scroll-header th:last-child { visibility: hidden; }
  .transaction-scroll-header-action {
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
    height: 100%;
    padding: 10px 12px;
    color: #4b5563;
    background: #f9fafb;
    font-size: 13px;
    font-weight: 650;
    box-shadow: -1px 0 0 var(--line), -8px 0 12px -10px rgba(22, 34, 51, .45);
  }
}