[data-component="Feedback"] {

}

[data-component="Feedback"] .shadow {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 0;
  background-color: rgba(0,0,0,0);
  transition: background-color 0.3s ease-out;
  z-index: 99999998;
}

[data-component="Feedback"].opened .shadow,
[data-component="Feedback"] .box:hover + .shadow {
  width: 100%;
  background-color: rgba(0,0,0,0.7);
}

[data-component="Feedback"] .box {
  min-height: 200px;
  position: fixed;
  top: 50%;
  right: 0;
  width: 32px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  overflow: hidden;
  z-index: 99999999;
  margin-left: 32px;
  transform: translate(0, -50%);
  transition: width 0.3s ease-out,  transform 0.3s ease-out,  right 0.3s ease-out;
}

[data-component="Feedback"].opened .box {
  width: 600px;
  max-width: 100%;
  right: 50%;
  border-radius: 8px;
  transform: translate(50%, -50%);
  transition: width 0.2s ease-out,  transform 0.5s ease-out,  right 0.5s ease-out;
}

[data-component="Feedback"] .button {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 32px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-color: #ed9c28;
  background-image: url('data:image/png;base64,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');
}

[data-component="Feedback"] .form {
  position: absolute;
  top: 0;
  left: 32px;
  right: 0;
  bottom: 0;
  padding: 16px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  background-color: white;
  text-align: center;
  overflow-y: auto;
}

[data-component="Feedback"] .form span {
  display: block;
  font-size: 80%;
  color: gray;
}

[data-component="Feedback"] .message {
  text-align: left;
  min-height: 100px;
  margin: 8px 0;
  color: #333333;
}

[data-component="Feedback"] .message:focus {
  outline: none;
}


[data-component="Feedback"] .thanks,
[data-component="Feedback"] .sending {
  position: absolute;
  top: 0;
  left: 32px;
  right: 100%;
  bottom: 0;
  overflow: hidden;
  color: white;
  font-weight: bold;
  text-align: center;
  font-size: 30px;
  padding-top: 75px;
  background-color: #ed9c28;
  opacity: 0;
  transition: opacity 0.3s ease-out;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

[data-component="Feedback"] .thanks.visible,
[data-component="Feedback"] .sending.visible {
  right: 0;
  opacity: 0.7;
}




[component="TrunkButton"] {
  display: inline-block;
  text-decoration: none;
  padding: 8px 12px;
  margin: 0px;
  border-radius: 4px;
  cursor: pointer;
  border: solid 1px;
  text-transform: capitalize;
  font-size: 14px;
  text-align: center;
  background-image: none;
  background-repeat: no-repeat;
  background-position: center center;

  /* custom styles */
  color: #333;
  background-color: white;
  border-color: #adadad;
}

[component="TrunkButton"]:hover {
  background-color: #ebebeb;
  border-color: #adadad;
}

[component="TrunkButton"].blue {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd;
}

[component="TrunkButton"].blue:hover {
  color: #fff;
  background-color: #3276b1;
  border-color: #285e8e;
}

[component="TrunkButton"].green {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

[component="TrunkButton"].green:hover {
  color: #fff;
  background-color: #47a447;
  border-color: #398439;
}

[component="TrunkButton"].aqua {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}

[component="TrunkButton"].aqua:hover {
  color: #fff;
  background-color: #39b3d7;
  border-color: #269abc;
}

[component="TrunkButton"].orange {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}

[component="TrunkButton"].orange:hover {
  color: #fff;
  background-color: #ed9c28;
  border-color: #d58512;
}

[component="TrunkButton"].red {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

[component="TrunkButton"].red:hover {
  color: #fff;
  background-color: #d2322d;
  border-color: #ac2925;
}

[component="TrunkButton"].purple {
  color: #fff;
  background-color: #ca8bca;
  border-color: #bd7ebd;
}

[component="TrunkButton"].purple:hover {
  color: #fff;
  background-color: #b176b1;
  border-color: #8e5e8e;
}

[component="TrunkButton"].gray {
  color: #fff;
  background-color: #888888;
  border-color: #777777;
}

[component="TrunkButton"].gray:hover {
  color: #fff;
  background-color: #555555;
  border-color: #555555;
}

[component="TrunkButton"].none {
  color: #428bca;
  background-color: transparent;
  border-color: transparent;
}

[component="TrunkButton"].none:hover {
  color: #2a6496;
  border-color: #2a6496;
}

[component="TrunkButton"]:focus,
[component="TrunkButton"]:focus {
  outline: none;
  box-shadow: 0 0 4px dodgerblue;
}

[component="TrunkButton"][disabled] {
  opacity: 0.65;
  cursor: none;
}[component] {
   font-family: sans-serif;
}

.TrunkMargin {
   margin: 16px;
}

/* Mobile devices */
@media (max-width: 1024px) {

   .TrunkMargin {
      margin: 0;
   }

}
[component="TerrainDebugger"] {
  border: solid black 1px;
  padding: 2px;
  font-size: 80%;
  background-color: gray;
}

[component="TerrainDebugger"] .watch_node {
  margin: 0px;
}

[component="TerrainDebugger"] .text {
  background-color: silver;
  display: inline-block;
  background-color: white;

  border: solid;
  margin: 4px;
}

[component="TerrainDebugger"] .counter {
  position: absolute;
  margin-left: -32px;
  font-size: 10px;
  width: 32px;
  text-align: right;
  color: white;
}

[component="TerrainDebugger"] .cont {
  padding-left: 32px;
}

[component="TerrainDebugger"] .anchor_node {
  border-top: solid blue 2px;
  margin-top: -2px;
  background-color: white;
}

[component="TerrainDebugger"] .focus_node {
  border-bottom: solid blue 2px;
  margin-bottom: -2px;
}

[component="TerrainDebugger"] .caret {
  margin-right: -1px;
  height: 10px;
  display: inline-block;
  border-left: solid red 1px;
}

[component="TerrainDebugger"] .caret span {
  position: absolute;
  width: 64px;
  height: 64px;
  margin-left: -32px;
  margin-top: -27px;
  border: solid rgba(255,0,0,0.5) 1px;
  border-radius: 50%;
}
[component="Terrain"] {
  /*  padding: 16px;*/
  /*  margin: 8px;*/
  min-height: 600px;
  outline: solid silver 0px;
  /*box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);*/
}

[component="Terrain"] > p {
  color: #333333;
}

[component="Terrain"][contentEditable]:hover > p {
  padding-left: 16px;
  margin-left: -16px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAtklEQVQ4y+2SMQrCYAxGX9JOUhCXgngAsXOL4NTZ0TM4uXqBHsLVGzh2dS6F/w5eQaXSqY2T4KAd/Fe/LYE8kkfAMwJQVdUkCIKdqq6BOTA2sw64i8glTdPlN0BY1/VCVc8iMn01y7IMkyTROI5HURRdhzYIVfXwPgxQFEUHdMDNOTd4gorIyseBAg9fwMkL0DTN3syOZtb/BMjz/JFl2bZt21nf9xvfv8A5Z0P1Jwf4SvwDPPMEUXs1lBIvWKcAAAAASUVORK5CYII=');
  background-repeat: no-repeat;
  background-position: 2px top;
}

[component="Terrain"] a.file[uploading] {
  padding-left: 16px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  background-image: url('data:image/gif;base64,R0lGODlhEAAQAPIAAP///x6Q/8nk/lis/h6Q/3S6/pDI/p7P/iH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQJCgAAACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkECQoAAAAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkECQoAAAAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkECQoAAAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQJCgAAACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQJCgAAACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAkKAAAALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA==');
}

[component="Terrain"] code {
  border: solid #E0E0E0 1px;
  background-color: #FAFAFA;
  font-family: monospace;
  border-radius: 2px;
  font-family: Consolas, "Liberation Mono", Menlo, Courier, 'Ubuntu Mono', monospace;
}

[component="Terrain"] > code {
  font-size: 12px;
  display: block;
  margin: 2rem 1rem;
  overflow-x: auto;
  white-space: pre-wrap;
  min-height: 1.5rem;
}

[component="Terrain"] > blockquote {
  display: block;
  padding: 1rem 4rem;
  margin: 2rem 0rem;
  color: gray;
  font-style: oblique;
  background-repeat: no-repeat;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAiCAYAAAAkjjtxAAACw0lEQVRYw9WYTWgTQRTH/29SQgsieLBNj+olol5EkIpCvfh1kBYv9iiSzCYIEkHxGASxtBWMh2Q34iXgwYPeRCp4VIogol6sF/XiRopK/Ugsmhkv2bDkq5OdV8G5LMy8fb//eztfb4H/rFGvgXK5PKaUOg1gGsA2IhoDsKq1fgXgTrVareTzeWUDj8LoEJzP5ymRSGSJaBbApl4wrfUzIcTJdDr9aVChNgxqdzQ+Pn4bwBkTsNb6DRHtl1J+G0SsDUOEBxOJxLypIwAgoiSAG4Nk15bRynCpVJoQQjzpN697JQHATinl8nqGHAwRimQhgqMg6LOG2bJmCABwXXcPER2Iutq11pPr2XAxRDPyU5bb4w6D7LIwRFP9hKWzzQYZYmEEczhpdfoQ/TAwY2EEgrfYONNavzUwY2EEgkcso39sYMbCCAT/tIj8D4BbBqYsjGCX+GgR+VUp5TsDOxZGsEssR4zc833/iqEtC2Oo+XwKYMrg5QaAFQBLAFzHcRYHYLMwhpopfwhgroePjO/7Zdu7LxeDQkfnayLa3W4ghBhJpVK/OKoFDkb4enmzm0Gj0RhlrHCsGS3B9Xq9AuBDF5uDXGo5GC3BuVxuTWt9qcvcm+ESzMHouJt6nne/WRSGV+4+x3Gecwm3YYgufSkA79sL3EKhEGecy5EZHYKllJ+VUlNa69XQJ9s7PDw8x6XWhiG6boqZzEsAx7TW30Pd5z3Pu8AlOipD9BpwHGeJiI4D+BrqXuAUHYWxbkHoum4SwAMi2h7qnvd9/7Lt6ReFYVTBFovFrbFY7B6AQ6FV/UgIMZNOp79wiDZlCBNn2Wx2JR6PHwZwrfmPAER0RCn1wvO8SQ7BpgyK8PmOElEFwGjoJ8d1KeVFrrndjyEiLJRFpdQuAHdDQf9m3KP7MsgyE9NEdK5Wq53I5XJr2ID2Lxgb2v4Cp8uQ4F531d4AAAAASUVORK5CYII=');
}

[component="Terrain"] table {
  margin: auto;
  min-width: 20rem;
  border-collapse: collapse;
  border-spacing: 0;
  max-width: 99%;
}

[component="Terrain"] td {
  border: solid gray 1px;
}

[component="Terrain"] > h2:hover:before,
[component="Terrain"] > h3:hover:before,
[component="Terrain"] > h4:hover:before,
[component="Terrain"] > h5:hover:before,
[component="Terrain"] > h6:hover:before {
  content: '';
  position: absolute;
  margin-left: -60px;
  font-size: 10px;
  font-weight: normal;
  /*  outline: none !important;
  border: solid white;*/
  
  vertical-align: middle;
  color: gray;
}

[component="Terrain"] > h2:hover:before {
  content: 'Level 1';
}

[component="Terrain"] > h3:hover:before {
  content: 'Level 2';
}

[component="Terrain"] > h4:hover:before {
  content: 'Level 3';
}

[component="Terrain"] > h5:hover:before {
  content: 'Level 4';
}

[component="Terrain"] > h6:hover:before {
  content: 'Level 5';
}

[component="Terrain"] figure,
[component="Terrain"] figure img,
[component="Terrain"] figure figcaption {
  display: block;
  width: 20rem;
  max-width: 100%;
}

[component="Terrain"] figure {
  margin: 2rem auto;
}

[component="Terrain"] figure figcaption {
  margin-top: 0.4rem;
  border-top: solid silver 1px;
  font-size: 0.8rem;
  color: gray;
}
/*

github.com style (c) Vasily Polovnyov <vast@whiteants.net>

*/

.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  color: #333;
  background: #f8f8f8;
  -webkit-text-size-adjust: none;
}

.hljs-comment,
.diff .hljs-header,
.hljs-javadoc {
  color: #998;
  font-style: italic;
}

.hljs-keyword,
.css .rule .hljs-keyword,
.hljs-winutils,
.nginx .hljs-title,
.hljs-subst,
.hljs-request,
.hljs-status {
  color: #333;
  font-weight: bold;
}

.hljs-number,
.hljs-hexcolor,
.ruby .hljs-constant {
  color: #008080;
}

.hljs-string,
.hljs-tag .hljs-value,
.hljs-phpdoc,
.hljs-dartdoc,
.tex .hljs-formula {
  color: #d14;
}

.hljs-title,
.hljs-id,
.scss .hljs-preprocessor {
  color: #900;
  font-weight: bold;
}

.hljs-list .hljs-keyword,
.hljs-subst {
  font-weight: normal;
}

.hljs-class .hljs-title,
.hljs-type,
.vhdl .hljs-literal,
.tex .hljs-command {
  color: #458;
  font-weight: bold;
}

.hljs-tag,
.hljs-tag .hljs-title,
.hljs-rules .hljs-property,
.django .hljs-tag .hljs-keyword {
  color: #000080;
  font-weight: normal;
}

.hljs-attribute,
.hljs-variable,
.lisp .hljs-body {
  color: #008080;
}

.hljs-regexp {
  color: #009926;
}

.hljs-symbol,
.ruby .hljs-symbol .hljs-string,
.lisp .hljs-keyword,
.clojure .hljs-keyword,
.scheme .hljs-keyword,
.tex .hljs-special,
.hljs-prompt {
  color: #990073;
}

.hljs-built_in {
  color: #0086b3;
}

.hljs-preprocessor,
.hljs-pragma,
.hljs-pi,
.hljs-doctype,
.hljs-shebang,
.hljs-cdata {
  color: #999;
  font-weight: bold;
}

.hljs-deletion {
  background: #fdd;
}

.hljs-addition {
  background: #dfd;
}

.diff .hljs-change {
  background: #0086b3;
}

.hljs-chunk {
  color: #aaa;
}html, body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  font-size: 16px;
}

a {
  text-decoration: none;
  color: dodgerblue;
}

.max-width {
  max-width: 1000px;
  margin: 0 auto;
}

.t-frame {
  padding: 0 0.4rem;
  margin: 4rem auto;
}

/* COMPONENTS MODS */

[component=CreateTerm] {
  margin-top: 1rem;
}

[component=CreateWiki] {
  margin-top: 1rem;
}/* Your CSS here */