@layer utilities {
  .content-auto {
    content-visibility: auto;
  }
}



/* Label default styling */
.card {
    transition: background-color 0.3s;
}

/* Change label background color when input is checked */
.peer:checked + label {
    background-color: #c5c5c5
}

@media (prefers-color-scheme: dark) {
  /* Change label background color when input is checked */
  .peer:checked + label {
    background-color: #4b5563 /* bg-gray-600 */
  }
}




/* Default image for light mode */
#mnemonic-favicon {
  content: url('/static/images/mnemonic/favicon-dark.svg');
}

/* Image for dark mode */
@media (prefers-color-scheme: dark) {
  #mnemonic-favicon {
      content: url('/static/images/mnemonic/favicon-light.svg');
  }
}



pre {
  white-space: pre-wrap;
  /* Since CSS 2.1 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
}

.truncate-middle {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* Old typo..*/
.suspicous {
  background-color: #fbbf24;
}

.text-suspicous {
  color: #fbbf24;
}

/* -- */

.suspicious {
  background-color: #fbbf24;
}

.odd\:suspicious:nth-child(2n+1) {
  background-color: #f6b616;
}

.suspicious:hover {
  background-color: #e7ab12;
}

.odd\:suspicious:nth-child(2n+1):hover {
  background-color: #e7ab12;
}

.phishing {
  background-color: #fbbf24;
}

.malware {
  background-color: #f24444;
}

.malicious {
  background-color: #f24444;
}



.text-suspicious {
  color: #fbbf24;
}

.text-phishing {
  color: #fbbf24;
}

.text-scam {
  color: #fbbf24;
}


.text-malware {
  color: #f24444;
}

.text-malicious {
  color: #f24444;
}

.text-high {
  color: #f24444;
}

.text-medium {
  color: #fbbf24;
}

.text-low {
  color: #3F83F8;
}

.max-h-screen-70vh {
  max-height: 70vh;
}









pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em
}

code.hljs {}

.hljs {
  color: #e0e2e4;
}

.hljs-keyword,
.hljs-literal,
.hljs-selector-id,
.hljs-selector-tag {
  color: #93c763
}

.hljs-number {
  color: #ffcd22
}

.hljs-attribute {
  color: #668bb0
}

.hljs-link,
.hljs-regexp {
  color: #d39745
}

.hljs-meta {
  color: #557182
}

.hljs-addition,
.hljs-built_in,
.hljs-bullet,
.hljs-emphasis,
.hljs-name,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-subst,
.hljs-tag,
.hljs-template-tag,
.hljs-template-variable,
.hljs-type,
.hljs-variable {
  color: #8cbbad
}

.hljs-string,
.hljs-symbol {
  color: #ec7600
}

.hljs-comment,
.hljs-deletion,
.hljs-quote {
  color: #818e96
}

.hljs-selector-class {
  color: #a082bd
}

.hljs-doctag,
.hljs-keyword,
.hljs-literal,
.hljs-name,
.hljs-section,
.hljs-selector-tag,
.hljs-strong,
.hljs-title,
.hljs-type {
  font-weight: 700
}

.hljs-class .hljs-title,
.hljs-code,
.hljs-section,
.hljs-title.class_ {
  color: #fff
}

.chroma .lnlinks {
  outline: none;
  text-decoration: none;
  color: inherit
}

.chroma .lntd {
  vertical-align: top;
  padding: 0;
  margin: 0;
  border: 0;
}

.chroma .lntable {
  border-spacing: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

.chroma .hl {
  background-color: #3d4148
}

.chroma .lnt {
  white-space: pre;
  -webkit-user-select: none;
  user-select: none;
  margin-right: 0.4em;
  padding: 0 0.4em 0 0.4em;
  color: #55595f
}

.chroma .ln {
  white-space: pre;
  -webkit-user-select: none;
  user-select: none;
  margin-right: 0.4em;
  padding: 0 0.4em 0 0.4em;
  color: #55595f
}

.chroma .line {
  display: flex;
}

.chroma .k {
  color: #c678dd
}

.chroma .kc {
  color: #e5c07b
}

.chroma .kd {
  color: #c678dd
}

.chroma .kn {
  color: #c678dd
}

.chroma .kp {
  color: #c678dd
}

.chroma .kr {
  color: #c678dd
}

.chroma .kt {
  color: #e5c07b
}

.chroma .n {
  color: #e06c75
}

.chroma .na {
  color: #e06c75
}

.chroma .nb {
  color: #e5c07b
}

.chroma .bp {
  color: #e06c75
}

.chroma .nc {
  color: #e5c07b
}

.chroma .no {
  color: #e06c75
}

.chroma .nd {
  color: #61afef
}

.chroma .ni {
  color: #e06c75
}

.chroma .ne {
  color: #e06c75
}

.chroma .nf {
  color: #61afef;
  font-weight: bold
}

.chroma .fm {
  color: #56b6c2;
  font-weight: bold
}

.chroma .nl {
  color: #e06c75
}

.chroma .nn {
  color: #e06c75
}

.chroma .nx {
  color: #e06c75
}

.chroma .py {
  color: #e06c75
}

.chroma .nt {
  color: #e06c75
}

.chroma .nv {
  color: #e06c75
}

.chroma .vc {
  color: #e06c75
}

.chroma .vg {
  color: #e06c75
}

.chroma .vi {
  color: #e06c75
}

.chroma .vm {
  color: #e06c75
}

.chroma .s {
  color: #98c379
}

.chroma .sa {
  color: #98c379
}

.chroma .sb {
  color: #98c379
}

.chroma .sc {
  color: #98c379
}

.chroma .dl {
  color: #98c379
}

.chroma .sd {
  color: #98c379
}

.chroma .s2 {
  color: #98c379
}

.chroma .se {
  color: #98c379
}

.chroma .sh {
  color: #98c379
}

.chroma .si {
  color: #98c379
}

.chroma .sx {
  color: #98c379
}

.chroma .sr {
  color: #98c379
}

.chroma .s1 {
  color: #98c379
}

.chroma .ss {
  color: #98c379
}

.chroma .m {
  color: #d19a66
}

.chroma .mb {
  color: #d19a66
}

.chroma .mf {
  color: #d19a66
}

.chroma .mh {
  color: #d19a66
}

.chroma .mi {
  color: #d19a66
}

.chroma .il {
  color: #d19a66
}

.chroma .mo {
  color: #d19a66
}

.chroma .o {
  color: #56b6c2
}

.chroma .ow {
  color: #56b6c2
}

.chroma .c {
  color: #7f848e
}

.chroma .ch {
  color: #7f848e
}

.chroma .cm {
  color: #7f848e
}

.chroma .c1 {
  color: #7f848e
}

.chroma .cs {
  color: #7f848e
}

.chroma .cp {
  color: #7f848e
}

.chroma .cpf {
  color: #7f848e
}

.chroma .gd {
  color: #e06c75
}

.chroma .gi {
  color: #98c379;
  font-weight: bold
}