/* NUCLEAR ICON FIX - FORCE MATERIAL SYMBOLS TO WORK */
/* This file forces Material Symbols font to load and work properly */

/* FORCE LOAD FROM MULTIPLE SOURCES */
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=block');
@import url('https://fonts.googleapis.com/icon?family=Material+Symbols+Outlined');

/* DIRECT FONT FACE DECLARATION - GUARANTEED TO WORK */
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url('https://fonts.gstatic.com/s/materialsymbolsoutlined/v176/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY.woff2') format('woff2'),
       url('https://fonts.gstatic.com/s/materialsymbolsoutlined/v176/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY.woff') format('woff');
}

/* NUCLEAR OPTION - MAXIMUM SPECIFICITY FOR ICONS */
html body div span.material-symbols-outlined,
html body span.material-symbols-outlined,
html body .material-symbols-outlined,
body div span.material-symbols-outlined,
body span.material-symbols-outlined,
body .material-symbols-outlined,
div span.material-symbols-outlined,
span.material-symbols-outlined,
.material-symbols-outlined,
[class*="material-symbols-outlined"],
*[class*="material-symbols-outlined"] {
  font-family: 'Material Symbols Outlined' !important;
  font-weight: normal !important;
  font-style: normal !important;
  font-size: 1.5rem;
  line-height: 1 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  display: inline-block !important;
  white-space: nowrap !important;
  word-wrap: normal !important;
  direction: ltr !important;
  vertical-align: middle !important;
  -webkit-font-feature-settings: 'liga' !important;
  -moz-font-feature-settings: 'liga' !important;
  font-feature-settings: 'liga' !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  background: transparent !important;
  color: inherit !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
}

/* FORCE OVERRIDE ANY INLINE STYLES */
.material-symbols-outlined[style*="font-family"] {
  font-family: 'Material Symbols Outlined' !important;
}

/* Allow inline font-size to work */
.material-symbols-outlined[style*="fontSize"],
.material-symbols-outlined[style*="font-size"] {
  font-size: inherit !important;
}

/* ENSURE ICONS NEVER INHERIT TEXT FONT */
.material-symbols-outlined * {
  font-family: 'Material Symbols Outlined' !important;
}

/* FORCE NUNITO FOR ALL TEXT ELEMENTS */
html, body, *, 
h1, h2, h3, h4, h5, h6, p, span:not(.material-symbols-outlined), div:not(.material-symbols-outlined), 
a, button, input, textarea, select, label {
  font-family: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif !important;
}

/* OVERRIDE NUNITO FOR ICONS ONLY */
.material-symbols-outlined,
span.material-symbols-outlined {
  font-family: 'Material Symbols Outlined' !important;
}

/* Go Pro Icon - Golden Badge Color with Maximum Specificity */
html body .go-pro-icon.material-symbols-outlined,
body .go-pro-icon.material-symbols-outlined,
.go-pro-icon.material-symbols-outlined,
span.go-pro-icon.material-symbols-outlined {
  color: #fbbf24 !important;
  background: transparent !important;
}