*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{overflow:hidden}.hljs{background:#282c34;color:#abb2bf;padding:1em;border-radius:8px;overflow-x:auto}.overlay-panel{position:absolute;top:0;right:0;width:1119px;height:100%;transform:translate(100%);transition:transform .22s cubic-bezier(.4,0,.2,1);z-index:10;box-shadow:-4px 0 24px #0000002e;display:flex;flex-direction:column;background:#1a1a2e}.overlay-panel--open{transform:translate(0)}.overlay-close-btn{position:absolute;top:10px;right:12px;z-index:11;cursor:pointer;color:#888;font-size:18px;line-height:1;padding:4px 6px;border-radius:4px;-webkit-user-select:none;user-select:none}.overlay-close-btn:hover{color:#fff;background:#ffffff1a}