::selection {
  background-color: #ddd;
}

code {
  font-family: menlo, inconsolata, monospace;
  font-size: calc(1em - 2px);
  color: #555;
  background-color: #f0f0f0;
  padding: 0.2em 0.4em;
  border-radius: 2px;
  min-height: 1000px;
}

[disabled] {
  pointer-events: none;
  opacity: 0.5;
}

@font-face {
  font-family: "Hind";
  src: url("/fonts/Hind-Regular.ttf");
}
@font-face {
  font-family: "Hind";
  src: url("/fonts/Hind-Bold.ttf");
  font-weight: bold;
}

.highlight-block,
.highlight-inline {
    background:yellow;
    color:black;
}

.highlight-block span,
.highlight-inline span {
    background:none !important;
    color:inherit !important;
}

.highlight-block {
    display:inline-block;
    width:100%;
}

pre {
    display:block;
    background:#F0F0F0;
    position:relative;
    line-height:1.4;
}
pre code {
    display:block;
    background:none;
    white-space:pre;
    word-wrap:normal;
    overflow:auto;
    padding:.5em;
}
.line-number {
    display:block;
    float:left;
    margin: -.5em 1em .-5em -.5em;
    padding: 1em;
    text-align:right;
}
.line-number .number {display:block}
.line-number .error {
  color: red;
  background-color: #ffe9e9;
}
.line-number-clear {clear:both}
.filepond--credits{
  display: none;
}

.rotate-45 {
  --transform-rotate: 45deg;
  transform: rotate(45deg);
}

.group:hover .group-hover\:flex {
  display: flex;
}