.scrollable{min-width:0;max-width:100%;position:relative}.scrollable__content{min-width:0;position:relative}.scrollable__controls{background:var(--scrollable-background,#f3f8f7);border:1px solid #dce9e5;border-radius:0 0 16px 16px;align-items:center;gap:12px;height:42px;padding:7px 16px;display:flex}.scrollable__controls[hidden]{visibility:hidden}.scrollable__controls button{color:#176d89;cursor:pointer;background:#fff;border:1px solid #c7dedb;border-radius:9px;flex-shrink:0;place-items:center;width:30px;height:28px;display:grid}.scrollable__controls button:disabled{opacity:.35;cursor:default}.scrollable__controls button:focus-visible,.scrollable__controls input:focus-visible{outline-offset:3px;outline:2px solid #147d94}.scrollable__controls input{cursor:ew-resize;accent-color:#16768f;flex:1;min-width:0;height:20px}.scrollable .q-table__middle{scrollbar-width:none}.scrollable .q-table__middle::-webkit-scrollbar{height:0}.scrollable .ag-body-horizontal-scroll{scrollbar-width:none}.scrollable .ag-body-horizontal-scroll-viewport::-webkit-scrollbar{height:0}.scrollable--before .scrollable__content:before,.scrollable--after .scrollable__content:after{content:"";z-index:2;pointer-events:none;width:16px;position:absolute;top:0;bottom:0}.scrollable--before .scrollable__content:before{background:linear-gradient(90deg,#163e4720,#0000);inset-inline-start:0}.scrollable--after .scrollable__content:after{background:linear-gradient(270deg,#163e4720,#0000);inset-inline-end:0}@media (pointer:coarse){.scrollable__controls{height:46px}.scrollable__controls button{width:36px;height:32px}}.scrollable__content{scrollbar-width:none;overflow-x:auto}.scrollable__content::-webkit-scrollbar{height:0}