/* Milady / Secret of the lily. The inner ink span fades, the seal remains. */
@font-face {
  font-family: 'Milady Pearl';
  src: url('../vendor/fonts/edff4874961e8711e818.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
.fx-nick-theme-milady_lily {
  --fx-text-gradient: linear-gradient(110deg, #ba879c 0%, #f5dfeb 22%, #fff8fb 36%, #ddb8ca 47%, #8c244e 53%, #edb3cd 60%, #fff2f7 72%, #b689a0 100%);
  position: relative;
  display: inline-block;
  white-space: nowrap;
  font-family: 'Milady Pearl', 'Playfair Display', Georgia, serif;
  font-weight: 600;
  letter-spacing: .025em;
  line-height: 1.35;
  background: none;
  color: #eed4e1;
  -webkit-text-fill-color: initial;
}
.milady-ink {
  display: inline-block;
  background-image: var(--fx-text-gradient);
  background-size: 250% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  filter: drop-shadow(0 1px 1px #25101d) drop-shadow(0 0 2px #c1749b33);
  animation: milady-secret-ink 5s ease-in-out infinite;
}
.fx-nick-theme-milady_lily::before {
  content: '';
  position: absolute;
  pointer-events: none;
  width: .55em;
  height: .55em;
  left: calc(50% - .275em);
  bottom: -.35em;
  background: linear-gradient(#fff4fa, #bd7896);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 1C10 8 10 12 14 20h-3C10 9 0 10 2 17c1 4 5 5 8 4l1 3H8v3h6l2 4 2-4h6v-3h-3l1-3c3 1 7 0 8-4 2-7-8-8-9 3h-3C22 12 22 8 16 1Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 1C10 8 10 12 14 20h-3C10 9 0 10 2 17c1 4 5 5 8 4l1 3H8v3h6l2 4 2-4h6v-3h-3l1-3c3 1 7 0 8-4 2-7-8-8-9 3h-3C22 12 22 8 16 1Z'/%3E%3C/svg%3E") center / contain no-repeat;
  opacity: 0;
  animation: milady-lily-seal 5s ease-in-out infinite;
}
.fx-nick-theme-milady_lily::after {
  content: '';
  position: absolute;
  inset: -.1em -.12em;
  pointer-events: none;
  background: radial-gradient(ellipse at 24% 65%, #7d355555, transparent 42%), radial-gradient(ellipse at 72% 35%, #ae7e9b44, transparent 45%);
  filter: blur(.08em);
  opacity: 0;
  animation: milady-veil 5s ease-in-out infinite;
}
@keyframes milady-secret-ink {
  0%, 27%, 100% { opacity: 1; background-position: 0% 50%; filter: blur(0) drop-shadow(0 1px 1px #25101d); }
  43% { opacity: 1; background-position: 100% 50%; filter: blur(0) drop-shadow(0 0 3px #b74c7455); }
  59%, 67% { opacity: 0; background-position: 100% 50%; filter: blur(.12em); }
  86% { opacity: 1; background-position: 25% 50%; filter: blur(0) drop-shadow(0 1px 1px #25101d); }
}
@keyframes milady-lily-seal {
  0%, 28%, 94%, 100% { opacity: 0; transform: translateY(.08em) scale(.85); }
  47%, 75% { opacity: .9; transform: translateY(0) scale(1); }
}
@keyframes milady-veil {
  0%, 38%, 90%, 100% { opacity: 0; transform: translateY(0) scaleX(.85); }
  58% { opacity: .8; transform: translateY(-.06em) scaleX(1.05); }
  76% { opacity: .25; transform: translateY(-.2em) scaleX(1.2); }
}
@media (prefers-reduced-motion: reduce) {
  .milady-ink { animation: none; }
  .fx-nick-theme-milady_lily::before { animation: none; opacity: .6; }
  .fx-nick-theme-milady_lily::after { animation: none; display: none; }
}
@media (forced-colors: active) {
  .milady-ink { animation: none; background: none; -webkit-text-fill-color: CanvasText; filter: none; }
  .fx-nick-theme-milady_lily::before, .fx-nick-theme-milady_lily::after { display: none; }
}