::-webkit-scrollbar{width:8px;background:#ddd}::-webkit-scrollbar-thumb{background:#999;border:inset 1px}@media screen and (min-width:480px){#root,#root>div,body,html{height:100%}body{font-size:.8em}#main{padding-left:120px;display:flex;height:calc(100% - 30px)}#left-editor{flex:2 1;height:100%}#left-editor>h3{background-color:#aaf;height:1.5em;border:solid 1px;padding-left:.5em}#left-editor>.container{overflow-y:scroll;height:calc(100% - 2em)}#right-editor{flex:1 1;height:100%}#right-editor>h3{background-color:#afa;height:1.5em;border:solid 1px;padding-left:.5em}#right-editor>.container{overflow-y:scroll;height:calc(100% - 2em)}#side{position:absolute;top:30px;width:120px;background-color:#fff;overflow-y:scroll;height:calc(100% - 30px)}#side>h3{display:none}}.dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dialog{box-shadow:0 20px 36px #0009}#controller{height:30px;display:flex;justify-content:flex-end}#controller .button{border:solid 1px}#controller.error{background-color:red}.editor{margin:0!important;padding:0!important}.h1-style textarea,.h1-style .menu-pos,.h1-style div.elm{font-size:1.5em!important;font-weight:700}.h1-style{background-color:#ddf}.h2-style textarea,.h2-style .menu-pos,.h2-style div.elm{font-size:1.5em!important;font-weight:700}.h3-style textarea,.h3-style .menu-pos,.h3-style div.elm{font-size:1.2em!important;font-weight:700}.list-indent-4{margin-left:4em}.list-indent-5{margin-left:5em}.list-indent-6{margin-left:6em}.list-indent-7{margin-left:7em}.list-indent-8{margin-left:8em}.list-indent-9{margin-left:9em}span.braket.unknown{background-color:#ddf;color:gray;cursor:pointer}span.braket.red{background-color:#ddf;color:red;cursor:pointer}ul.list-block{background-color:#dfd}ul.list-block li{mask-type:none}.code-block{white-space:pre;background-color:#000;color:#fff}.item-block a{display:flex;align-items:center}.item-block img,.img-block img{height:150px}.oembed-block iframe{width:auto!important}.boxlist{display:flex;flex-wrap:wrap}.boxlist .boxlist-title{color:#00f;background-color:#ddf;cursor:pointer}.boxlist li{width:100px;height:100px;background-color:#fff;word-break:break-all;list-style-type:none;border:solid 1px;overflow:hidden;border-radius:3px;font-size:xx-small}.boxlist li img{object-fit:contain;width:100px;height:100px}.similar-pages{font-size:.8em;line-height:1.6}.similar-pages>span{background-color:#ddf;margin-right:3px}.similar-tweets{font-size:.8em;line-height:1.6;word-break:break-all}.similar-tweets>div{background-color:#ddf;margin-right:3px;border:solid black;border-width:1px 0 0 0}.similar-tweets>div>a{color:#000;text-decoration:none}.related-pages>div{border:solid 1px}.related-pages-title{width:100px;height:100px}.related-pages-item{display:flex;flex-wrap:wrap}.related-pages-item>div{width:100px;border:solid 1px;border-radius:5px;background-color:#fff;word-break:break-all}.related-pages-item .item-title{font-size:small}.related-pages-item .item-desc{font-size:x-small}.related-pages-item .item-desc img{object-fit:contain;width:100px;height:80px}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark Dimmed
  Description: Dark dimmed theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Colors taken from GitHub's CSS
*/.hljs{color:#adbac7;background:#22272e}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#f47067}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#dcbdfb}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#6cb6ff}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#96d0ff}.hljs-built_in,.hljs-symbol{color:#f69d50}.hljs-code,.hljs-comment,.hljs-formula{color:#768390}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#8ddb8c}.hljs-subst{color:#adbac7}.hljs-section{color:#316dca;font-weight:700}.hljs-bullet{color:#eac55f}.hljs-emphasis{color:#adbac7;font-style:italic}.hljs-strong{color:#adbac7;font-weight:700}.hljs-addition{color:#b4f1b4;background-color:#1b4721}.hljs-deletion{color:#ffd8d3;background-color:#78191b}*{padding:0;margin:0}body{background-color:#ddd}textarea{width:100%;border:none;outline:none;background-color:#ff0;vertical-align:top;font-family:inherit;font-size:100%;height:100%}pre{background-color:#ddd;border:dashed 1px;padding:1em;white-space:pre-wrap}table{border:solid 1px}td{border:solid 1px;padding:.3em}span.braket{background-color:#ddf;color:#00f;cursor:pointer}span.bracket-icon{background-color:#99f;color:#99f;cursor:pointer;-webkit-user-select:none;user-select:none}h1{background-color:#aaf;text-align:right}ul.menu{display:flex;list-style-type:none}ul.menu li{border:solid;padding:.1em;margin:2px}.invisible{font-size:0px}.hide{display:none}.editor{margin:1em;padding:1em;background-color:#fff}.for-copy{font-size:0px;border:none}.for-copy-inline{font-size:0px;border:none;display:inline}.no-select{-webkit-user-select:none;user-select:none}.block-type{font-size:small;border-radius:5px;background-color:#363;padding:3px;color:#fff}.block:after{content:"```";display:block}.select{background-color:#ddf}.line{display:flex;word-break:break-all}.line .line-item{flex:1}.line div.container{width:100%}.popup{position:absolute;top:0;left:0;color:#fff}.popup div{background-color:#000;border-radius:3px}.popup div.selected{background-color:#d00;border-radius:3px}.line textarea,.line .menupos,.line div.elm{font-size:1em;min-height:1.5em}.h1-style textarea,.h1-style .menu-pos,.h1-style div.elm{font-size:2em}.h2-style textarea,.h2-style .menu-pos,.h2-style div.elm{font-size:1.5em}.h3-style textarea,.h3-style .menu-pos,.h3-style div.elm{font-size:1.2em}.list-style{display:flex}.list-style:before{content:"-";font-weight:700}.list-indent-1{margin-left:1em}.list-indent-2{margin-left:2em}.list-indent-3{margin-left:3em}
