.splitter-container{background-color:#1e1e1e5a;border:1px solid #dcd2d2de;border-radius:5px;height:400px;display:flex;overflow:hidden;box-shadow:0 4px 10px #0000001f}.panel{color:#e0e0e0;background-color:#2525250e;flex:1;padding:20px;overflow:auto}.splitter-bar{cursor:col-resize;background:linear-gradient(#3a3a3a,#2a2a2aa5);width:3px;transition:background .3s,transform .2s;position:relative}.splitter-bar:hover{background:linear-gradient(#5c5c5c,#3a3a3a);width:6px;transform:scaleX(1.1);box-shadow:0 0 8px #ffffff1a}.splitter-bar:before{content:"";opacity:0;background-color:#888;border-radius:2px;width:2px;height:40px;transition:opacity .3s,transform .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scaleY(.8)}.splitter-bar:hover:before{opacity:.6;transform:translate(-50%,-50%)scaleY(1)}