:root{--aside-w:316px;--aside-gap:20px;--panel-ease:.32s cubic-bezier(.4, 0, .2, 1)}aside{transition:transform var(--panel-ease), visibility 0s}aside.hid{visibility:hidden;transition:transform var(--panel-ease), visibility 0s var(--panel-ease)}aside.left.hid{transform:translateX(calc(-100% - var(--aside-gap)))}aside.right.hid{transform:translateX(calc(100% + var(--aside-gap)))}.pan-handle{z-index:21;background:var(--panel);border:1px solid var(--edge);width:26px;height:92px;color:var(--text-dim);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:left var(--panel-ease), right var(--panel-ease), color .15s, border-color .15s, background .15s;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:13px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.pan-handle:hover{color:var(--cyan);border-color:var(--cyan);background:#00e5ff1a}.pan-handle.l{left:calc(var(--aside-w) + var(--aside-gap));border-left:none;border-radius:0 4px 4px 0}.pan-handle.r{right:calc(var(--aside-w) + var(--aside-gap));border-right:none;border-radius:4px 0 0 4px}.pan-handle.l.hid{left:0}.pan-handle.r.hid{right:0}