/* Desktop access for every intentional horizontal content row.
   Touch layouts keep their native swipe-first presentation. */

.acx-horizontal-scroll-tools{
  display:none;
}

@media (hover:hover) and (pointer:fine){
  .acx-mouse-scroll{
    scrollbar-color:#6f45f4 #e8e4ef!important;
    scrollbar-width:auto!important;
    overscroll-behavior-inline:contain;
  }

  .acx-mouse-scroll::-webkit-scrollbar{
    display:block!important;
    width:12px!important;
    height:12px!important;
  }

  .acx-mouse-scroll::-webkit-scrollbar-track{
    border-radius:999px!important;
    background:#e8e4ef!important;
  }

  .acx-mouse-scroll::-webkit-scrollbar-thumb{
    min-width:52px;
    border:3px solid #e8e4ef!important;
    border-radius:999px!important;
    background:#6f45f4!important;
    background-clip:padding-box!important;
  }

  .acx-mouse-scroll::-webkit-scrollbar-thumb:hover{
    background:#4f2bd1!important;
    background-clip:padding-box!important;
  }

  .acx-mouse-scroll:focus-visible{
    outline:3px solid rgba(111,69,244,.28);
    outline-offset:4px;
  }

  .acx-horizontal-scroll-tools.is-active{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    margin:9px 0 2px;
    padding:0 2px;
    position:relative;
    z-index:6;
  }

  .acx-horizontal-scroll-tools-label{
    margin-right:3px;
    color:#77717f;
    font:800 .67rem/1 "Rooftop",system-ui,sans-serif;
    letter-spacing:.11em;
    text-transform:uppercase;
  }

  .acx-horizontal-scroll-button{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    padding:0;
    border:1px solid rgba(29,25,38,.16);
    border-radius:50%;
    background:#fff;
    color:#17151f;
    box-shadow:0 8px 24px rgba(29,25,38,.09);
    font:800 1.18rem/1 system-ui,sans-serif;
    cursor:pointer;
    transition:border-color .2s ease,background-color .2s ease,color .2s ease,opacity .2s ease;
  }

  .acx-horizontal-scroll-button:hover:not(:disabled){
    border-color:#6f45f4;
    background:#6f45f4;
    color:#fff;
  }

  .acx-horizontal-scroll-button:focus-visible{
    outline:3px solid rgba(111,69,244,.28);
    outline-offset:2px;
  }

  .acx-horizontal-scroll-button:disabled{
    opacity:.34;
    cursor:default;
    box-shadow:none;
  }
}

@media (prefers-reduced-motion:reduce){
  .acx-mouse-scroll{
    scroll-behavior:auto!important;
  }

  .acx-horizontal-scroll-button{
    transition:none!important;
  }
}