.tree-diagram{padding:5px;display:flex}.tree-diagram--selected{border:4px solid #ed6b5f}.tree-diagram__parent{flex-direction:column;align-items:flex-start;display:inline-flex;position:relative}.tree-diagram__parent--1children:before{height:23px}.tree-diagram__parent--2children:before{height:53px}.tree-diagram__parent--3children:before{height:83px}.tree-diagram__parent--4children:before{height:113px}.tree-diagram__parent:before{content:"";background-color:#999;width:2px;display:block;position:absolute;top:20px;right:20px}.tree-diagram__child{flex-direction:column;align-items:flex-start;display:inline-flex}.tree-diagram__child .html-tag{position:relative}.tree-diagram__child .html-tag:first-child{margin-top:30px}.tree-diagram__child .html-tag:not(:last-child){margin-bottom:10px}.tree-diagram__child .html-tag:before{content:"";background-color:#999;width:22px;height:2px;display:block;position:absolute;top:10px;left:-22px}.tree-diagram__child .html-tag--having-child:after{content:"";background-color:#999;width:2px;height:23px;display:block;position:absolute;top:19px;right:19px}.tree-diagram__descendant{flex-direction:column;justify-content:flex-end;height:140px;margin-left:5px;display:inline-flex}.tree-diagram__descendant .html-tag{margin-top:30px;position:relative}.tree-diagram__descendant .html-tag:before{content:"";background-color:#999;width:26px;height:2px;display:block;position:absolute;top:10px;left:-26px}.html-tag{color:#654;background-color:#eee;border:1px solid #ccc;border-radius:4px;padding:0 3px;line-height:18px;box-shadow:inset 0 -2px #1b1f231f}.html-tag--selected{position:relative}.html-tag--selected:after{content:"";border:3px solid #ed6b5f;width:112%;min-width:44px;height:180%;display:block;position:absolute;top:50%;left:50%;transform:translateY(-50%)translate(-50%)}.html-tag--empty{opacity:.3}.html-tag--with-before-after:after{content:"before";color:red;position:absolute;top:-22px;left:10px}.temp-after{position:relative}.temp-after:after{content:"after";color:red;position:absolute;bottom:-10px;left:12px}.temp-first-line:first-line,.temp-first-letter:first-letter{color:red}.tmp-internal-link{position:relative}.tmp-internal-link:after{content:"click!";color:red;position:absolute;top:18px;right:-15px;transform:rotate(25deg)}.hover-link:hover,.active-link:active,.focus-link:active,.link-link:link,.visited-link:link{text-decoration:underline}.tmp-checked-accordion{opacity:0;height:0;padding:0;transition:all .8s;overflow:hidden}input[type=checkbox]:checked+.tmp-checked-accordion{color:#5fb574;opacity:1;background:#efefef;height:auto;padding:5px}