.simple-highlight[data-v-b8333f77] { white-space: nowrap; padding: 0.1em 0.3em; font-weight: 700; display: inline-block; position: relative; transform: rotate(-1deg); }
.simple-highlight--green[data-v-b8333f77] { color: rgb(45, 122, 79); }
.simple-highlight--green[data-v-b8333f77]::before { content: ""; z-index: -1; background: linear-gradient(135deg, rgb(212, 245, 224) 0%, rgb(184, 235, 201) 100%); border-radius: 4px 12px 4px 8px; position: absolute; inset: 0px; transform: rotate(0.5deg) skew(-2deg); }
.simple-highlight--green[data-v-b8333f77]::after { content: ""; transform-origin: 0px center; background: rgb(52, 160, 94); border-radius: 2px; height: 3px; animation: 0.6s ease-out 0.3s 1 normal forwards running underline-draw-b8333f77; position: absolute; bottom: 0.15em; left: 0.2em; right: 0.2em; transform: scaleX(0); }
.simple-highlight--red[data-v-b8333f77] { color: rgb(185, 28, 28); }
.simple-highlight--red[data-v-b8333f77]::before { content: ""; z-index: -1; background: linear-gradient(135deg, rgb(253, 226, 226) 0%, rgb(252, 202, 202) 100%); border-radius: 4px 12px 4px 8px; position: absolute; inset: 0px; transform: rotate(0.5deg) skew(-2deg); }
.simple-highlight--red[data-v-b8333f77]::after { content: ""; transform-origin: 0px center; background: rgb(220, 38, 38); border-radius: 2px; height: 3px; animation: 0.6s ease-out 0.3s 1 normal forwards running underline-draw-b8333f77; position: absolute; bottom: 0.15em; left: 0.2em; right: 0.2em; transform: scaleX(0); }
.simple-highlight--blue[data-v-b8333f77] { color: rgb(30, 90, 138); }
.simple-highlight--blue[data-v-b8333f77]::before { content: ""; z-index: -1; background: linear-gradient(135deg, rgb(219, 234, 254) 0%, rgb(191, 219, 254) 100%); border-radius: 4px 12px 4px 8px; position: absolute; inset: 0px; transform: rotate(0.5deg) skew(-2deg); }
.simple-highlight--blue[data-v-b8333f77]::after { content: ""; transform-origin: 0px center; background: rgb(59, 130, 246); border-radius: 2px; height: 3px; animation: 0.6s ease-out 0.3s 1 normal forwards running underline-draw-b8333f77; position: absolute; bottom: 0.15em; left: 0.2em; right: 0.2em; transform: scaleX(0); }
.simple-highlight--cyan[data-v-b8333f77] { color: rgb(21, 94, 117); }
.simple-highlight--cyan[data-v-b8333f77]::before { content: ""; z-index: -1; background: linear-gradient(135deg, rgb(207, 250, 254) 0%, rgb(165, 243, 252) 100%); border-radius: 4px 12px 4px 8px; position: absolute; inset: 0px; transform: rotate(0.5deg) skew(-2deg); }
.simple-highlight--cyan[data-v-b8333f77]::after { content: ""; transform-origin: 0px center; background: rgb(6, 182, 212); border-radius: 2px; height: 3px; animation: 0.6s ease-out 0.3s 1 normal forwards running underline-draw-b8333f77; position: absolute; bottom: 0.15em; left: 0.2em; right: 0.2em; transform: scaleX(0); }
@keyframes underline-draw-b8333f77 { 
  100% { transform: scaleX(1); }
}
@media (width <= 767px) {
  .simple-highlight[data-v-b8333f77] { white-space: normal; -webkit-box-decoration-break: clone; box-decoration-break: clone; text-underline-offset: 0.15em; border-radius: 4px; text-decoration: underline 3px rgba(0, 0, 0, 0); animation: 0.6s ease-out 0.3s 1 normal forwards running underline-fade-b8333f77; display: inline; position: static; transform: none; }
  .simple-highlight[data-v-b8333f77]::before, .simple-highlight[data-v-b8333f77]::after { display: none; }
  .simple-highlight--green[data-v-b8333f77] { --underline-color: #34a05e; background: linear-gradient(135deg, rgb(212, 245, 224) 0%, rgb(184, 235, 201) 100%); }
  .simple-highlight--red[data-v-b8333f77] { --underline-color: #dc2626; background: linear-gradient(135deg, rgb(253, 226, 226) 0%, rgb(252, 202, 202) 100%); }
  .simple-highlight--blue[data-v-b8333f77] { --underline-color: #3b82f6; background: linear-gradient(135deg, rgb(219, 234, 254) 0%, rgb(191, 219, 254) 100%); }
  .simple-highlight--cyan[data-v-b8333f77] { --underline-color: #06b6d4; background: linear-gradient(135deg, rgb(207, 250, 254) 0%, rgb(165, 243, 252) 100%); }
  @keyframes underline-fade-b8333f77 { 
  0% { text-decoration-color: rgba(0, 0, 0, 0); }
  100% { text-decoration-color: var(--underline-color); }
}
}
@media screen {
  .dark .simple-highlight--green[data-v-b8333f77] { color: rgb(110, 231, 160); }
  .dark .simple-highlight--green[data-v-b8333f77]::before { background: rgba(74, 222, 128, 0.16); }
  .dark .simple-highlight--red[data-v-b8333f77] { color: rgb(252, 165, 165); }
  .dark .simple-highlight--red[data-v-b8333f77]::before { background: rgba(248, 113, 113, 0.16); }
  .dark .simple-highlight--blue[data-v-b8333f77] { color: rgb(147, 197, 253); }
  .dark .simple-highlight--blue[data-v-b8333f77]::before { background: rgba(96, 165, 250, 0.16); }
  .dark .simple-highlight--cyan[data-v-b8333f77] { color: rgb(103, 232, 249); }
  .dark .simple-highlight--cyan[data-v-b8333f77]::before { background: rgba(34, 211, 238, 0.16); }
}
@media screen and (width <= 767px) {
  .dark .simple-highlight--green[data-v-b8333f77] { background: rgba(74, 222, 128, 0.16); }
  .dark .simple-highlight--red[data-v-b8333f77] { background: rgba(248, 113, 113, 0.16); }
  .dark .simple-highlight--blue[data-v-b8333f77] { background: rgba(96, 165, 250, 0.16); }
  .dark .simple-highlight--cyan[data-v-b8333f77] { background: rgba(34, 211, 238, 0.16); }
}