.resizable-container{position:relative;transition:width .2s ease,height .2s ease}.resizable-container--resizing{transition:none;user-select:none}.resize-handle{position:absolute;opacity:0;transition:opacity .2s ease}.resize-handle--visible{opacity:1}.resize-handle--right{top:0;bottom:0;left:-4px;width:8px;cursor:col-resize}.resize-handle--right:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:3px;height:40px;background:rgba(32,32,32,.3);border-radius:2px;transition:background-color .2s ease}.resize-handle--right:hover:before{background:rgba(32,32,32,.5)}.resize-handle--left{top:0;bottom:0;right:-4px;width:8px;cursor:col-resize}.resize-handle--left:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:3px;height:40px;background:rgba(32,32,32,.3);border-radius:2px;transition:background-color .2s ease}.resize-handle--left:hover:before{background:rgba(32,32,32,.5)}.resize-handle--bottom{left:0;right:0;top:-4px;height:8px;cursor:row-resize}.resize-handle--bottom:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40px;height:3px;background:rgba(32,32,32,.3);border-radius:2px;transition:background-color .2s ease}.resize-handle--bottom:hover:before{background:rgba(32,32,32,.5)}.resize-handle--top{left:0;right:0;bottom:-4px;height:8px;cursor:row-resize}.resize-handle--top:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40px;height:3px;background:rgba(32,32,32,.3);border-radius:2px;transition:background-color .2s ease}.resize-handle--top:hover:before{background:rgba(32,32,32,.5)}.resize-toggle{position:absolute;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:6px;border-radius:6px;background:hsla(0,0%,100%,.9);border:1px solid rgba(32,32,32,.1);color:var(--color-primary);box-shadow:0 2px 8px rgba(32,32,32,.1);cursor:pointer;transition:all .2s ease;opacity:0}.resize-toggle:hover{background:rgba(255,255,255,1);transform:translateY(-50%) scale(1.05);box-shadow:0 4px 12px rgba(32,32,32,.15)}.resize-toggle:active{box-shadow:0 1px 2px 0 rgba(0,0,0,.1)}.resize-toggle svg{width:16px;height:16px}.resize-toggle--visible{opacity:1}.resize-toggle--right{top:50%;left:-40px;transform:translateY(-50%)}.resize-toggle--left{top:50%;right:-40px;transform:translateY(-50%)}.resize-toggle--bottom{bottom:-40px;left:50%;transform:translateX(-50%)}.resize-toggle--top{top:-40px;left:50%;transform:translateX(-50%)}.dark .resize-toggle{background:rgba(42,42,42,.95);border-color:rgba(255,255,255,.1);color:var(--t-primary,#e8e8e8);box-shadow:0 2px 8px rgba(0,0,0,.3)}.dark .resize-toggle:hover{background:rgba(50,50,50,1);box-shadow:0 4px 12px rgba(0,0,0,.4)}.dark .resize-toggle:active{box-shadow:0 1px 2px 0 rgba(0,0,0,.3)}.dark .resize-handle--left:before,.dark .resize-handle--right:before{background:rgba(255,255,255,.3)}.dark .resize-handle--left:hover:before,.dark .resize-handle--right:hover:before{background:rgba(255,255,255,.5)}.dark .resize-handle--bottom:before,.dark .resize-handle--top:before{background:rgba(255,255,255,.2)}.dark .resize-handle--bottom:hover:before,.dark .resize-handle--top:hover:before{background:rgba(255,255,255,.4)}.resize-handle:focus,.resize-toggle:focus{outline-offset:2px}.resizable-container{width:var(--resize-size,auto);height:var(--resize-size,auto)}.resizable-container--left,.resizable-container--right{width:var(--resize-size,auto);height:auto}.resizable-container--bottom,.resizable-container--top{width:auto;height:var(--resize-size,auto)}