.scroll-panel{background-color:var(--scroll-panel-background,var(--scroll-panel-background));overflow:hidden;position:relative}.scroll-panel__content{box-sizing:border-box;height:100%;overflow:auto;scrollbar-width:none;width:100%;-ms-overflow-style:none}.scroll-panel__content::-webkit-scrollbar{display:none}.scroll-panel__bar{background-color:var(--scroll-panel-scrollbar-track-background,var(--scroll-panel-scrollbar-track-background));opacity:0;position:absolute;transition:opacity var(--scroll-panel-transition-duration,var(--scroll-panel-transition-duration)) ease;z-index:1}.scroll-panel:hover .scroll-panel__bar,.scroll-panel[data-state~=hover] .scroll-panel__bar,.scroll-panel__bar--state-dragging{opacity:1}.scroll-panel__bar--vertical{top:var(--scroll-panel-scrollbar-padding,var(--scroll-panel-scrollbar-padding));width:var(--scroll-panel-scrollbar-size,var(--scroll-panel-scrollbar-size))}.scroll-panel__bar--horizontal,.scroll-panel__bar--vertical{border-radius:var(--scroll-panel-scrollbar-track-radius,var(--scroll-panel-scrollbar-track-radius));bottom:var(--scroll-panel-scrollbar-padding,var(--scroll-panel-scrollbar-padding));right:var(--scroll-panel-scrollbar-padding,var(--scroll-panel-scrollbar-padding))}.scroll-panel__bar--horizontal{height:var(--scroll-panel-scrollbar-size,var(--scroll-panel-scrollbar-size));left:var(--scroll-panel-scrollbar-padding,var(--scroll-panel-scrollbar-padding))}.scroll-panel__thumb{background-color:var(--scroll-panel-scrollbar-thumb-background-default,var(--scroll-panel-scrollbar-thumb-background-default));border-radius:var(--scroll-panel-scrollbar-thumb-radius,var(--scroll-panel-scrollbar-thumb-radius));cursor:pointer;position:absolute;transition:background-color var(--scroll-panel-transition-duration,var(--scroll-panel-transition-duration)) ease}.scroll-panel__thumb:hover,.scroll-panel__thumb[data-state~=hover]{background-color:var(--scroll-panel-scrollbar-thumb-background-hover,var(--scroll-panel-scrollbar-thumb-background-hover))}.scroll-panel__thumb:active,.scroll-panel__thumb[data-state~=active]{background-color:var(--scroll-panel-scrollbar-thumb-background-active,var(--scroll-panel-scrollbar-thumb-background-active))}.scroll-panel__thumb:focus-visible,.scroll-panel__thumb[data-state~=focus-visible]{outline:2px solid var(--focus-ring,var(--focus-ring));outline-offset:2px}.scroll-panel__bar--vertical .scroll-panel__thumb{min-height:var(--scroll-panel-scrollbar-thumb-minSize,var(--scroll-panel-scrollbar-thumb-minSize));width:100%}.scroll-panel__bar--horizontal .scroll-panel__thumb{height:100%;min-width:var(--scroll-panel-scrollbar-thumb-minSize,var(--scroll-panel-scrollbar-thumb-minSize))}