.custom-scroll-area{width:auto;padding:16px;background-color:white;--scrollbar-size:20px}.custom-scroll-area[property=vertical]{height:280px}.custom-scroll-area[property=horizontal]{height:495px}.ScrollAreaViewport{width:100%;height:100%;border-radius:inherit}.ScrollAreaScrollbar,.ScrollAreaScrollbar[data-orientation=vertical]{width:var(--scrollbar-size)}.ScrollAreaScrollbar[data-orientation=horizontal]{flex-direction:column;height:var(--scrollbar-size)}.custom-scroll-thumb{flex:1;background:#acacac;border-radius:none}.custom-scroll-thumb:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;min-width:44px;min-height:44px}.ScrollAreaCorner{background:var(--black-a5)}.layout-divider{position:absolute;width:1px;left:50%;height:495px;background-color:#868686;cursor:ew-resize}.layout-divider:hover{background-color:#2a6c96}.layout-divider:hover>.resize-btn{border-color:#2a6c96}.layout-divider:after,.layout-divider:before{content:"";position:absolute;top:0;height:100%}.layout-divider:before{background:transparent}.layout-divider:after{width:20px;background-color:#535353;opacity:.15;display:none}.layout-divider:hover:after{display:block}.resize-btn{position:absolute;z-index:2;width:32px;height:32px;padding:5px;border:2px solid #535353;background-color:#fff;cursor:ew-resize}.resize-btn:hover{border-color:#2a6c96}.split-layout-container{display:flex;flex-direction:row}@media (max-width:768px){.split-layout-container{flex-direction:column}.layout-divider{left:auto;top:50%;width:100%;height:1px}.layout-divider,.resize-btn{cursor:ns-resize}.left-panel-container,.right-panel-container{width:100%!important}.resize-btn{left:50%;transform:translate(-50%,-50%)}}.layout-divider.vertical{height:1px;width:100%;cursor:ns-resize;top:50%}.resize-btn.vertical{top:auto;left:50%;transform:translate(-50%,-50%);cursor:ns-resize}