:root{--brand-color:#087}body{color:#333;grid-template-rows:min-content 1fr;grid-template-columns:min-content 1fr;height:100vh;margin:0;font-family:sans-serif;font-size:16px;display:grid}a{color:var(--brand-color)}a:visited{color:inherit}.header{padding:10px 6px}.menu{padding:20px 6px}.header h1{margin:0;font-size:20px}.header{color:#fff;background-color:var(--brand-color);grid-column:1/span 2;padding-left:10px}.menu{white-space:nowrap;background-color:#ededed;flex-direction:column;gap:10px;min-width:130px;display:flex}.menu a{color:#555;border:0;border-radius:6px;outline:none;padding:10px;text-decoration:none;transition:all .2s ease-out}.menu a:target,.menu a:hover{color:#fff;background-color:var(--brand-color)}.menu a:hover:not(:target){filter:brightness(1.3)}.main{flex-direction:column;display:flex;overflow:auto}.content{flex-grow:1;padding:20px 10px;transition:opacity .3s,visibility .3s}.content.loading{opacity:0;visibility:hidden}.content h2{margin:3em 0 .4em;font-size:1.2em}.content p{color:#444;margin:9px 0;font-size:18px;line-height:1.5em}.content pre{margin:0}.content pre code.hljs{padding:0}.wrapper{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.w-100{width:100%}.h-100{height:100%}.mt-1{margin-top:1em!important}.mb-1{margin-bottom:1em!important}.my-0{margin-top:0!important;margin-bottom:0!important}.code{color:#080822;background-color:#ededed;border-radius:4px;padding:3px 5px;font-family:monospace;font-size:14px;font-weight:700}#shacl-output.valid legend:after{content:"[valid]";padding-left:5px}#shacl-output.invalid legend:after{content:"[not valid]";padding-left:5px}#shacl-output.valid pre,#shacl-output.valid legend:after,.green{color:#272}#shacl-output.invalid pre,#shacl-output.invalid legend:after{color:#922}#shacl-shape-input,#shacl-output{min-height:250px}textarea#shacl-shape-input,rokit-textarea#shacl-shape-input{resize:vertical;flex-grow:1}shacl-form{flex-grow:1}@media screen and (width<=1024px){.wrapper{grid-template-columns:1fr}}.wrapper>*{min-width:0;overflow:auto}fieldset{border-color:var(--brand-color);display:flex}fieldset pre{font-size:.7em}iframe{border:0;width:100%;height:80vh}.wrapper fieldset pre{max-height:400px}.footer{background-color:#ededed;justify-content:center;align-items:center;gap:50px;padding:30px;font-size:14px;display:flex}