/* Prevent training-area SVG/layout flashes before the legacy page CSS is parsed. */
.ta-academy-page :where(svg[viewBox]),
.hub-public-route[data-hub-public-route="training-area"] :where(svg[viewBox]) {
  width: 1em;
  height: 1em;
  max-width: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
}

.ta-academy-page :where(.ta-academy-proof dt svg) {
  width: 24px;
  height: 24px;
}

.ta-academy-page :where(.ta-course-icon svg) {
  width: 29px;
  height: 29px;
}

.ta-academy-page :where(.ta-academy-btn svg, .ta-courses-all svg, .ta-course-tile button svg) {
  width: 1em;
  height: 1em;
}