.LenisScrollBar--local{width:var(--scrollbar-width);z-index:10;opacity:0;pointer-events:none;--scrollbar-width:14px;--scrollbar-padding:3px;--scrollbar-thumb-width:calc(var(--scrollbar-width) - var(--scrollbar-padding) - var(--scrollbar-padding));height:100%;transition:opacity .2s;position:absolute;top:0;right:0}@media only screen and not (min-width:48em){.LenisScrollBar--local{--scrollbar-width:10px;--scrollbar-padding:3px}}.LenisScrollBar--local.isEnabled{pointer-events:auto}.LenisScrollBar--local.isVisible.isEnabled{opacity:1}.LenisScrollBar--local .LenisScrollBar-gutter{background-color:var(--background);border-left:1px solid var(--border);opacity:0;transition:opacity .3s;display:block;position:absolute;inset:0}.LenisScrollBar--local.isGutterRollOver .LenisScrollBar-gutter{opacity:1}.LenisScrollBar--local .LenisScrollBar-thumb{opacity:.5;cursor:grab;pointer-events:auto;-webkit-user-select:none;user-select:none;width:100%;transition:scale .2s,opacity .2s;display:block;position:absolute;top:0;left:0;scale:0 1}.LenisScrollBar--local .LenisScrollBar-thumb:hover{opacity:.6}.LenisScrollBar--local.isDragging .LenisScrollBar-thumb,.LenisScrollBar--local .LenisScrollBar-thumb:active{cursor:grabbing;opacity:.6}.LenisScrollBar--local.isVisible.isEnabled .LenisScrollBar-thumb{scale:1}.LenisScrollBar--local .LenisScrollBar-thumbfill{inset:var(--scrollbar-padding);background-color:var(--foreground);border-radius:calc(var(--scrollbar-thumb-width) * .5);position:absolute}