/* Nolan / Temporal inversion: brushed silver, blue past, amber future. */
@font-face {
  font-family: 'Nolan Cinema';
  src: url('../vendor/fonts/f68f7fa97d7cca14a2ef.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
.fx-nick-theme-nolan_inversion {
  --fx-text-gradient: linear-gradient(105deg, #8294ab 0%, #d4e4f3 22%, #fff 40%, #8eabbf 51%, #f6debb 65%, #c88d4e 76%, #d9e9f5 90%, #8294ab 100%);
  position: relative;
  display: inline-block;
  font-family: 'Nolan Cinema', 'Arial Narrow', sans-serif;
  font-weight: 400;
  font-size: 1.18em;
  letter-spacing: .09em;
  line-height: 1.15;
  white-space: nowrap;
  text-transform: uppercase;
  background-image: var(--fx-text-gradient);
  background-size: 240% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: #d4e4f3;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 1px 1px #060b12) drop-shadow(0 0 3px #789dbb33);
  animation: nolan-silver 5s ease-in-out infinite;
}
.fx-nick-theme-nolan_inversion::before,
.fx-nick-theme-nolan_inversion::after {
  content: attr(data-nolan-text);
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: none;
  opacity: 0;
  -webkit-text-fill-color: currentColor;
}
.fx-nick-theme-nolan_inversion::before {
  color: #83d1f4;
  clip-path: inset(0 0 46% 0);
  animation: nolan-past 5s ease-in-out infinite;
}
.fx-nick-theme-nolan_inversion::after {
  color: #eabb7d;
  clip-path: inset(48% 0 0 0);
  animation: nolan-future 5s ease-in-out infinite;
}
@keyframes nolan-silver {
  0%, 30%, 100% { background-position: 0% 50%; }
  62% { background-position: 100% 50%; }
  78% { background-position: 30% 50%; }
}
@keyframes nolan-past {
  0%, 32%, 78%, 100% { opacity: 0; transform: translate(0, 0); }
  43% { opacity: .8; transform: translate(-.07em, -.015em); }
  54% { opacity: .5; transform: translate(-.22em, -.025em); }
  66% { opacity: .75; transform: translate(.035em, 0); }
}
@keyframes nolan-future {
  0%, 32%, 78%, 100% { opacity: 0; transform: translate(0, 0); }
  43% { opacity: .8; transform: translate(.07em, .015em); }
  54% { opacity: .5; transform: translate(.22em, .025em); }
  66% { opacity: .75; transform: translate(-.035em, 0); }
}
@media (prefers-reduced-motion: reduce) {
  .fx-nick-theme-nolan_inversion { animation: none; background-position: 25% 50%; }
  .fx-nick-theme-nolan_inversion::before,
  .fx-nick-theme-nolan_inversion::after { animation: none; display: none; }
}
@media (forced-colors: active) {
  .fx-nick-theme-nolan_inversion { background: none; -webkit-text-fill-color: CanvasText; filter: none; }
  .fx-nick-theme-nolan_inversion::before,
  .fx-nick-theme-nolan_inversion::after { display: none; }
}