/* Marcus rewrites*/

.marcus .left {
  background-color: transparent;
}

#app.marcus {
  background: linear-gradient(94deg,rgb(0, 0, 0) 0%,rgba(9, 2, 45, 0.64) 50%,rgb(153, 19, 108) 100%);
  color: #eae7e7;
}

@media (prefers-color-scheme: dark) {
  /* */
}

/* Umschalten per Inspector*/ 
@media (prefers-color-scheme: light) {
  .marcus .teststep.focused {
    -webkit-filter: invert() hue-rotate(170deg) brightness(100%) contrast(100%);
    background-color: rgba(3, 3, 3, 0.95);
  }
}

.marcus .teststep header label.status.success, .marcus .teststep header label.firstline.success {
  color: #a4e3a4;
}

.marcus .teststep header .ci-step-setting:hover span, .marcus .teststep header .ci-step-setting input:checked + span {
  color: #ff7b7b;
}

.marcus .token.delimiter, .marcus .token.boolean, .marcus .token.keyword, .marcus .token.selector, .marcus .token.important, .marcus .token.atrule {
  color: #f77676;
}

.marcus .token.plsqlfunction {
  color: #a0ff85;
}

.marcus .token.string, .marcus .token.char {
  color: #a7b2ee;
}

.marcus .token.entity, .marcus .token.number, .marcus .token.symbol {
  color: #109ef2;
}

.marcus .token.operator, .marcus .token.punctuation, .marcus .token.attr-name {
  color: #ff81b0;
}

.marcus pre.line-numbers .aline::before {
  background-color: #010003;
}
.marcus .teststep:hover pre.line-numbers .aline::before, .marcus .teststep.focused pre.line-numbers .aline::before {
  background-color: #101010;
}

/* Modified Anzeige sichtbarer*/

.marcus .teststep header label.is-modified {
  background-color: #ec3434;
  width: unset;
  animation: mod 8s infinite alternate;
}

.marcus .teststep header label.save-state.is-modified::before {
  content: 'Modified';
  position: unset;
  margin-left: -2px;
  margin-top: -1px;
}

/* Logo rewrites*/
.marcus header.header .logo img {
  max-height: 100%;
  margin: auto;
  display: none;
}

.marcus header.header .logo {
  width: 50px;
  height: 50px;
  animation: neon1 1.5s ease-in-out infinite alternate;
  font-size: 2.5em;
  font-style: italic;
  color: #34273a;
}

.marcus header.header .logo::before {
 content: "ci";
}

@keyframes neon1 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FF11A7, 0 0 70px #FF11A7, 0 0 80px #FF11A7, 0 0 100px #FF11A7, 0 0 150px #FF1177;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FF11A7, 0 0 35px #FF11A7, 0 0 40px #FF11A7, 0 0 50px #FF11A7, 0 0 75px #FF11A7;
  }
}

@keyframes mod {
  from {background-color: #ec3434;}
  to {background-color: #101010;}
}

/* ENDE Marcus rewrites*/