@layer reset;@layer tokens{:root{--f-scroll--width:6px;--f-scroll--offset:2px;--f-scroll--thumb-border-radius:3px;--f-scroll--thumb-color:color-mix(in oklch, var(--f-color-text-primary) 30%, transparent);--f-scroll--thumb-hover-color:color-mix(in oklch, var(--f-color-text-primary) 50%, transparent);--f-scroll--track-color:transparent;--f-scroll--thumb-min-width:24px;--f-scroll--thumb-min-height:24px;--f-scroll--bar-z-index:500;--f-layout-region--bg-color:transparent}}@layer base;@layer components{.f-scroll__scrollbar{background:var(--f-scroll--track-color,transparent);border-radius:var(--f-scroll--thumb-border-radius,3px);z-index:var(--f-scroll--bar-z-index,500);transition:opacity .2s;position:absolute}.f-scroll__scrollbar--y{top:var(--f-scroll--offset,2px);right:var(--f-scroll--offset,2px);bottom:var(--f-scroll--offset,2px);width:var(--f-scroll--width,6px)}.f-scroll__scrollbar--y .f-scroll__scrollbar__thumb{width:100%;min-height:var(--f-scroll--thumb-min-height,24px);top:0}.f-scroll__scrollbar--x{left:var(--f-scroll--offset,2px);right:var(--f-scroll--offset,2px);bottom:var(--f-scroll--offset,2px);height:var(--f-scroll--width,6px)}.f-scroll__scrollbar--x .f-scroll__scrollbar__thumb{height:100%;min-width:var(--f-scroll--thumb-min-width,24px);left:0}.f-scroll__scrollbar__thumb{background:var(--f-scroll--thumb-color);border-radius:var(--f-scroll--thumb-border-radius,3px);cursor:pointer;transition:background-color .2s,width .2s,height .2s;position:absolute}.f-scroll__scrollbar__thumb:hover{background:var(--f-scroll--thumb-hover-color)}.f-scroll{position:relative;overflow:hidden}.f-scroll--grab,.f-scroll--grab *{cursor:grab!important}.f-scroll--grabbing,.f-scroll--grabbing *{cursor:grabbing!important}.f-scroll__content_wrapper{scrollbar-width:none;-ms-overflow-style:none;width:100%;height:100%;overflow:auto}.f-scroll__content_wrapper::-webkit-scrollbar{display:none}.f-scroll__content_wrapper:focus{outline:none}.f-scroll__content_wrapper:focus-visible{outline:2px solid var(--f-color-primary);outline-offset:-2px}.f-layout-region{background-color:var(--f-layout-region--bg-color);flex-direction:column;min-width:0;min-height:0;display:flex}.f-layout-region--scroll{overflow:hidden}.f-layout-region--scroll-native>.f-layout-region__inner{overflow:auto}.f-layout-region__inner{flex:auto;width:100%;min-width:0;height:100%;min-height:0}}@layer theme,utilities;