/* Adaptive ink keeps text legible as a transparent model passes behind it.
   Load after tokens.css and before page-private layout overrides. */
@property --ink-0 { syntax: "<color>"; inherits: false; initial-value: #e8e8e8; }
@property --ink-1 { syntax: "<color>"; inherits: false; initial-value: #e8e8e8; }
@property --ink-2 { syntax: "<color>"; inherits: false; initial-value: #e8e8e8; }
@property --ink-3 { syntax: "<color>"; inherits: false; initial-value: #e8e8e8; }
@property --ink-4 { syntax: "<color>"; inherits: false; initial-value: #e8e8e8; }
@property --ink-5 { syntax: "<color>"; inherits: false; initial-value: #e8e8e8; }
@property --ink-6 { syntax: "<color>"; inherits: false; initial-value: #e8e8e8; }
@property --ink-7 { syntax: "<color>"; inherits: false; initial-value: #e8e8e8; }
@property --ink-8 { syntax: "<color>"; inherits: false; initial-value: #e8e8e8; }
@property --ink-9 { syntax: "<color>"; inherits: false; initial-value: #e8e8e8; }
@property --ink-10 { syntax: "<color>"; inherits: false; initial-value: #e8e8e8; }
@property --ink-11 { syntax: "<color>"; inherits: false; initial-value: #e8e8e8; }
@property --ink-12 { syntax: "<color>"; inherits: false; initial-value: #e8e8e8; }
@property --ink-13 { syntax: "<color>"; inherits: false; initial-value: #e8e8e8; }
@property --ink-14 { syntax: "<color>"; inherits: false; initial-value: #e8e8e8; }
@property --ink-15 { syntax: "<color>"; inherits: false; initial-value: #e8e8e8; }
@property --ink-16 { syntax: "<color>"; inherits: false; initial-value: #e8e8e8; }
@property --ink-17 { syntax: "<color>"; inherits: false; initial-value: #e8e8e8; }
@property --ink-18 { syntax: "<color>"; inherits: false; initial-value: #e8e8e8; }
@property --ink-19 { syntax: "<color>"; inherits: false; initial-value: #e8e8e8; }
@property --ink-20 { syntax: "<color>"; inherits: false; initial-value: #e8e8e8; }
@property --ink-21 { syntax: "<color>"; inherits: false; initial-value: #e8e8e8; }
@property --ink-22 { syntax: "<color>"; inherits: false; initial-value: #e8e8e8; }
@property --ink-23 { syntax: "<color>"; inherits: false; initial-value: #e8e8e8; }

body.glass-ui .model-ink {
  --ink-rest: var(--ink);
  transition: --ink-0 60ms linear,--ink-1 60ms linear,--ink-2 60ms linear,--ink-3 60ms linear,--ink-4 60ms linear,--ink-5 60ms linear,--ink-6 60ms linear,--ink-7 60ms linear,--ink-8 60ms linear,--ink-9 60ms linear,--ink-10 60ms linear,--ink-11 60ms linear,--ink-12 60ms linear,--ink-13 60ms linear,--ink-14 60ms linear,--ink-15 60ms linear,--ink-16 60ms linear,--ink-17 60ms linear,--ink-18 60ms linear,--ink-19 60ms linear,--ink-20 60ms linear,--ink-21 60ms linear,--ink-22 60ms linear,--ink-23 60ms linear,color 80ms ease,background-color 220ms ease,transform 220ms var(--ease);
}

body.glass-ui .model-ink-text {
  background-image: linear-gradient(to right,var(--ink-0) 0%,var(--ink-1) 4.35%,var(--ink-2) 8.7%,var(--ink-3) 13.04%,var(--ink-4) 17.39%,var(--ink-5) 21.74%,var(--ink-6) 26.09%,var(--ink-7) 30.43%,var(--ink-8) 34.78%,var(--ink-9) 39.13%,var(--ink-10) 43.48%,var(--ink-11) 47.83%,var(--ink-12) 52.17%,var(--ink-13) 56.52%,var(--ink-14) 60.87%,var(--ink-15) 65.22%,var(--ink-16) 69.57%,var(--ink-17) 73.91%,var(--ink-18) 78.26%,var(--ink-19) 82.61%,var(--ink-20) 86.96%,var(--ink-21) 91.3%,var(--ink-22) 95.65%,var(--ink-23) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

body.glass-ui svg.model-ink {
  color: var(--ink-0);
}

@media (prefers-reduced-motion: reduce) {
  body.glass-ui .model-ink {
    transition: none;
  }
}