/* ════════════════════════════════════════════════════════════════════════ NDS STATIC OVERRIDES — releases the JS load-gates. The upstream site reveals icons/skeletons via attribute stamps (data-nds-icons-loaded, data-nds-loaded) set by its loader JS. For static consumption (design cards, mockups without nds-main.min.js) these rules force the revealed state. If you load assets/js/nds-main.min.js the real stamps land anyway and these rules are simply redundant. ════════════════════════════════════════════════════════════════════════ */ :root { --nds-icons-opacity: 1;/* @kind other */ } i.hgi-stroke { opacity: 1; } /* Un-skeleton cards while the html[data-nds-loaded] stamp is absent */ html:not([data-nds-loaded]) .nds-card :is(.nds-card-title, .nds-card-subtitle, .nds-card-description, .nds-card-number, .nds-card-rating-text), html:not([data-nds-loaded]) .nds-card :is(.nds-tag, .nds-chip, .nds-btn), html:not([data-nds-loaded]) .nds-card :is(.nds-featured-icon, .nds-avatar), html:not([data-nds-loaded]) .nds-card .nds-rating { animation: none; background: none; color: revert-layer; width: auto; } html:not([data-nds-loaded]) .nds-card :is(.nds-card-title, .nds-card-subtitle, .nds-card-description) > * { color: inherit; } html:not([data-nds-loaded]) .nds-card .nds-card-image:not(.nds-avatar) { animation: none; background: none; color: inherit; } html:not([data-nds-loaded]) .nds-card :is(.nds-tag, .nds-chip, .nds-btn) > *, html:not([data-nds-loaded]) .nds-card :is(.nds-featured-icon, .nds-avatar) :is(i, .nds-icon, img), html:not([data-nds-loaded]) .nds-card .nds-card-image img, html:not([data-nds-loaded]) .nds-card .nds-rating .nds-rating-star { visibility: visible; }