/* [project]/dictee/src/app/exercice/phrase/[list]/highlighting-themes.css [app-client] (css) */
[class*="speak-"] {
  transition: all .2s ease-in-out;
}

/* [project]/dictee/src/app/exercice/phrase/[list]/highlight-minimal.css [app-client] (css) */
.highlight-minimal.active > span {
  color: #2563eb;
  box-sizing: border-box;
  background-color: #3b82f614;
  border-radius: 2px;
  margin: -1px -3px;
  padding: 1px 3px;
  font-weight: 500;
  display: inline-block;
  box-shadow: 0 1px 2px #3b82f61a;
}

.highlight-minimal.active > span input {
  color: #2563eb;
  background-color: #3b82f608;
  border-bottom: 2px solid #3b82f64d;
  font-weight: 500;
}

@media (prefers-color-scheme: dark) {
  .highlight-minimal.active > span {
    color: #a5b4fc;
    background-color: #93c5fd1a;
    box-shadow: 0 1px 2px #93c5fd26;
  }

  .highlight-minimal.active > span input {
    color: #a5b4fc;
    background-color: #93c5fd0d;
    border-bottom-width: 2px;
    border-bottom-color: #93c5fd66;
  }
}

/* [project]/dictee/src/app/exercice/phrase/[list]/highlight-blue-glow.css [app-client] (css) */
.highlight-blue-glow.active > span {
  color: #2563eb;
  text-shadow: 0 0 4px #3b82f64d;
  box-sizing: border-box;
  background: linear-gradient(135deg, #3b82f626 0%, #9333ea1a 50%, #3b82f626 100%);
  border: 1px solid #3b82f64d;
  border-radius: 4px;
  margin: -2px -5px;
  padding: 2px 5px;
  animation: 3s ease-in-out infinite alternate blueGlowReduced;
  display: inline-block;
  position: relative;
  box-shadow: 0 0 8px #3b82f64d, 0 0 16px #3b82f626, inset 0 0 6px #3b82f60d;
}

.highlight-blue-glow.active > span:before {
  content: "";
  z-index: -1;
  background: linear-gradient(45deg, #0000, #3b82f633, #0000);
  border-radius: 6px;
  animation: 6s linear infinite blueScanReduced;
  position: absolute;
  inset: -3px -6px;
}

.highlight-blue-glow.active > span input {
  color: #2563eb;
  background: linear-gradient(135deg, #3b82f60d, #9333ea05);
  border-bottom: 2px solid #3b82f680;
  font-weight: 500;
  box-shadow: 0 0 8px #3b82f633, inset 0 0 4px #3b82f60d;
}

@keyframes blueGlowReduced {
  0% {
    filter: brightness();
    transform: translateY(0);
  }

  100% {
    filter: brightness(1.05);
    transform: translateY(-1px);
  }
}

@keyframes blueScanReduced {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(100%);
  }
}

@media (prefers-color-scheme: dark) {
  .highlight-blue-glow.active > span {
    color: #dbeafe;
    text-shadow: 0 0 12px #93c5fdcc;
    background: linear-gradient(135deg, #93c5fd66 0%, #c4b5fd4d 50%, #93c5fd66 100%);
    border-color: #93c5fdb3;
    box-shadow: 0 0 30px #93c5fdcc, 0 0 60px #93c5fd66, inset 0 0 20px #93c5fd33;
  }

  .highlight-blue-glow.active > span input {
    color: #dbeafe;
    background: linear-gradient(135deg, #93c5fd26, #c4b5fd1a);
    border-bottom-color: #93c5fd;
    box-shadow: 0 0 25px #93c5fdb3;
  }
}

/* [project]/dictee/src/app/exercice/phrase/[list]/highlight-yellow-marker.css [app-client] (css) */
.highlight-yellow-marker.active > span {
  color: #a16207;
  text-shadow: .5px .5px 1px #fff3;
  box-sizing: border-box;
  background: linear-gradient(#0000 70%, #fbbf2426 70%, #fbbf2440 95%, #0000 95%);
  border-radius: 1px;
  margin: -1px -3px;
  padding: 1px 3px;
  display: inline-block;
  position: relative;
  box-shadow: 0 1px 2px #fbbf2433, inset 0 1px 1px #ffffff1a;
}

.highlight-yellow-marker.active > span:after {
  content: "";
  pointer-events: none;
  background: repeating-linear-gradient(90deg, #0000, #0000 4px, #fbbf240d 4px 8px);
  border-radius: 2px;
  position: absolute;
  inset: -1px -3px;
}

.highlight-yellow-marker.active > span input {
  color: #a16207;
  background: linear-gradient(135deg, #fef08a4d 0%, #fbbf2466 50%, #fef08a4d 100%);
  border-bottom: 2px solid #d9770680;
  font-weight: 500;
  box-shadow: 0 1px 3px #fbbf2433, inset 0 1px 1px #ffffff1a;
}

@media (prefers-color-scheme: dark) {
  .highlight-yellow-marker.active > span {
    color: #92400e;
    background: linear-gradient(135deg, #fcd34d80 0%, #fbbf24b3 25%, #f59e0bcc 50%, #fbbf24b3 75%, #fcd34d80 100%), linear-gradient(#0000 30%, #fcd34d66 30%, #fcd34d99 85%, #0000 85%);
    box-shadow: 0 2px 6px #fcd34d66, inset 0 1px 2px #ffffff1a;
  }

  .highlight-yellow-marker.active > span input {
    color: #92400e;
    background: linear-gradient(135deg, #fcd34de6 0%, #fbbf24 50%, #fcd34de6 100%);
    border-bottom-color: #f59e0b;
    box-shadow: 0 2px 8px #fcd34d80, inset 0 1px 3px #fff3;
  }
}

/* [project]/dictee/src/app/exercice/phrase/[list]/highlight-green-pulse.css [app-client] (css) */
.highlight-green-pulse.active > span {
  color: #064e3b;
  transform-origin: center;
  box-sizing: border-box;
  background: radial-gradient(#4ade804d 0%, #22c55e66 40%, #16a34a4d 100%);
  border-radius: 50%;
  margin: -6px -12px;
  padding: 6px 12px;
  animation: 2s ease-in-out infinite greenPulseOrganic;
  display: inline-block;
  position: relative;
  box-shadow: 0 0 30px #4ade8099, 0 0 60px #22c55e66, inset 0 0 20px #16a34a33;
}

.highlight-green-pulse.active > span:before {
  content: "";
  z-index: -1;
  background: radial-gradient(#4ade8033 0%, #0000 70%);
  border-radius: 50%;
  animation: 3s ease-out infinite greenRipple;
  position: absolute;
  inset: -16px -22px;
}

.highlight-green-pulse.active > span:after {
  content: "";
  background: #22c55e;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  animation: 1.5s ease-in-out infinite alternate greenCore;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 10px #22c55e;
}

.highlight-green-pulse.active > span input {
  color: #064e3b;
  background: radial-gradient(#4ade8066 0%, #22c55e4d 100%);
  border-bottom: 2px solid #16a34a;
  font-weight: 600;
  box-shadow: 0 0 20px #22c55e80, inset 0 0 15px #4ade8033;
}

@keyframes greenPulseOrganic {
  0%, 100% {
    filter: brightness() saturate();
    transform: scale(1);
  }

  25% {
    filter: brightness(1.1) saturate(1.2);
    transform: scale(1.05);
  }

  50% {
    filter: brightness(1.05) saturate(1.1);
    transform: scale(1.02);
  }

  75% {
    filter: brightness(1.15) saturate(1.3);
    transform: scale(1.08);
  }
}

@keyframes greenRipple {
  0% {
    opacity: .8;
    transform: scale(.8);
  }

  100% {
    opacity: 0;
    transform: scale(1.5);
  }
}

@keyframes greenCore {
  0% {
    box-shadow: 0 0 10px #22c55e;
  }

  100% {
    box-shadow: 0 0 20px #4ade80, 0 0 30px #22c55e80;
  }
}

@media (prefers-color-scheme: dark) {
  .highlight-green-pulse.active > span {
    color: #d1fae5;
    background: radial-gradient(#86efac66 0%, #4ade8080 40%, #22c55e66 100%);
    box-shadow: 0 0 40px #86efaccc, 0 0 80px #4ade8099, inset 0 0 30px #22c55e4d;
  }

  .highlight-green-pulse.active > span input {
    color: #d1fae5;
    background: radial-gradient(#86efac80 0%, #4ade8066 100%);
    border-bottom-color: #4ade80;
    box-shadow: 0 0 30px #86efacb3, inset 0 0 20px #4ade804d;
  }
}

/* [project]/dictee/src/app/exercice/phrase/[list]/highlight-red-underline.css [app-client] (css) */
.highlight-red-underline.active > span {
  color: #991b1b;
  text-shadow: 1px 1px 2px #ffffff1a;
  box-sizing: border-box;
  background: linear-gradient(#0000 85%, #fee2e21a 85%, #fee2e233 95%, #0000 95%);
  margin: -2px -4px;
  padding: 2px 4px;
  font-family: Georgia, Times New Roman, serif;
  font-weight: 600;
  display: inline-block;
  position: relative;
}

.highlight-red-underline.active > span:before {
  content: "";
  background: linear-gradient(90deg, #0000 0%, #ef4444 20%, #dc2626 50%, #ef4444 80%, #0000 100%);
  border-radius: 2px;
  height: 4px;
  animation: 2s ease-in-out infinite alternate redUnderlineGlow;
  position: absolute;
  bottom: -2px;
  left: -4px;
  right: -4px;
}

.highlight-red-underline.active > span:after {
  content: "";
  background: linear-gradient(90deg, #0000 10%, #b91c1ccc 30% 70%, #0000 90%);
  border-radius: 1px;
  height: 2px;
  position: absolute;
  bottom: -4px;
  left: -4px;
  right: -4px;
  box-shadow: 0 0 8px #ef444480;
}

.highlight-red-underline.active > span input {
  color: #991b1b;
  background: none;
  border-bottom: 3px solid #b91c1c;
  font-family: Georgia, Times New Roman, serif;
  font-weight: 600;
  position: relative;
  box-shadow: 0 4px 6px #ef444433;
}

.highlight-red-underline.active > span input:before {
  content: "";
  background: linear-gradient(90deg, #0000 0%, #ef444499 50%, #0000 100%);
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

@keyframes redUnderlineGlow {
  0% {
    opacity: .8;
    box-shadow: 0 0 4px #ef44444d;
  }

  100% {
    opacity: 1;
    box-shadow: 0 0 12px #ef444499;
  }
}

@media (prefers-color-scheme: dark) {
  .highlight-red-underline.active > span {
    color: #fee2e2;
    text-shadow: 1px 1px 2px #0000004d;
    background: linear-gradient(#0000 85%, #7f1d1d33 85%, #7f1d1d4d 95%, #0000 95%);
  }

  .highlight-red-underline.active > span:before {
    background: linear-gradient(90deg, #0000 0%, #f87171 20%, #ef4444 50%, #f87171 80%, #0000 100%);
  }

  .highlight-red-underline.active > span input {
    color: #fee2e2;
    border-bottom-width: 3px;
    border-bottom-color: #f87171;
    box-shadow: 0 4px 8px #f871714d;
  }
}

/* [project]/dictee/src/app/exercice/phrase/[list]/highlight-stabilo.css [app-client] (css) */
.highlight-stabilo.active > span {
  color: #78350f;
  box-sizing: border-box;
  background: #ffeb3bb3;
  border-radius: 0;
  margin: -1px -4px;
  padding: 1px 4px;
  font-weight: 500;
  display: inline-block;
  position: relative;
  box-shadow: 0 1px 3px #ffc10733;
}

.highlight-stabilo.active > span:before {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(135deg, #ffeb3b80 0%, #ffc107cc 50%, #ffeb3b80 100%);
  border-radius: 0;
  position: absolute;
  inset: 0 -2px;
  transform: rotate(-2deg);
  box-shadow: 0 2px 4px #ffc1074d, inset 0 0 2px #ffffff4d;
}

.highlight-stabilo.active > span:after {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: repeating-linear-gradient(90deg, #0000, #0000 3px, #ff98001a 3px 6px);
  position: absolute;
  inset: 0;
  transform: rotate(-1deg);
}

.highlight-stabilo.active > span input {
  color: #78350f;
  z-index: 1;
  background: #ffeb3be6;
  border-bottom: 2px solid #ffc10799;
  font-weight: 600;
  position: relative;
  box-shadow: 0 1px 3px #ffc10766, inset 0 1px 2px #fff3;
}

.highlight-stabilo.active > span input:before {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(circle at 20% 30%, #ff98001a 0%, #0000 30%), radial-gradient(circle at 80% 70%, #ffc1071a 0%, #0000 40%);
  position: absolute;
  inset: 0;
}

@media (prefers-color-scheme: dark) {
  .highlight-stabilo.active > span {
    color: #b45309;
    background: #fff59dcc;
    box-shadow: 0 1px 4px #ffeb3b4d;
  }

  .highlight-stabilo.active > span:before {
    background: linear-gradient(135deg, #fff59d99 0%, #ffeb3be6 50%, #fff59d99 100%);
    box-shadow: 0 3px 6px #ffeb3b66, inset 0 0 3px #fff3;
  }

  .highlight-stabilo.active > span:after {
    background: repeating-linear-gradient(90deg, #0000, #0000 3px, #ffeb3b26 3px 6px);
  }

  .highlight-stabilo.active > span input {
    color: #b45309;
    background: #fff59df2;
    border-bottom-width: 2px;
    border-bottom-color: #ffeb3bcc;
    box-shadow: 0 2px 5px #ffeb3b80, inset 0 1px 3px #ffffff1a;
  }

  .highlight-stabilo.active > span input:before {
    background: radial-gradient(circle at 20% 30%, #ffeb3b26 0%, #0000 30%), radial-gradient(circle at 80% 70%, #fff59d26 0%, #0000 40%);
  }
}

/*# sourceMappingURL=dictee_src_app_exercice_phrase_%5Blist%5D_30f53bb2._.css.map*/