.bn-scrollbar{--bn-scrollbar-track-size:6px;--bn-scrollbar-track-background-color:transparent;--bn-scrollbar-thumb-color:#edf1f6;--bn-scrollbar-right:4px;--bn-scrollbar-bottom:4px;--bn-scrollbar-radius:3px;position:relative;height:100%}.bn-scrollbar__container{overflow:auto;height:100%;scrollbar-width:none}.bn-scrollbar__container::-webkit-scrollbar{display:none}.bn-scrollbar:hover .bn-scrollbar-thumb{opacity:1}.bn-scrollbar__track{--bn-scrollbar-track-background-color:#ccc}.bn-scrollbar-track{background-color:var(--bn-scrollbar-track-background-color)}.bn-scrollbar-track__horizontal{position:absolute;bottom:var(--bn-scrollbar-bottom);left:0;box-sizing:border-box;z-index:100;width:100%;height:var(--bn-scrollbar-track-size)}.bn-scrollbar-track__vertical{position:absolute;top:0;right:var(--bn-scrollbar-right);box-sizing:border-box;z-index:100;width:var(--bn-scrollbar-track-size);height:100%}.bn-scrollbar-thumb{opacity:0;transition:opacity .2s ease}.bn-scrollbar-thumb.is-dragging{opacity:1}.bn-scrollbar-thumb__horizontal{position:absolute;top:50%;border-radius:var(--bn-scrollbar-radius);height:calc(100% - 2px);background-color:var(--bn-scrollbar-thumb-color);transform:translateY(-50%)}.bn-scrollbar-thumb__vertical{position:absolute;left:50%;border-radius:var(--bn-scrollbar-radius);width:calc(100% - 2px);background-color:var(--bn-scrollbar-thumb-color);transform:translateX(-50%)}