.cpd-badge,.cpd-mark{--badge-paper:#fbf8f1;--badge-ink:#1f2933;--badge-accent:#b45309;--badge-soft:#f4e4cf}.cpd-badge[data-accent=teal],.cpd-mark[data-accent=teal]{--badge-accent:#0f766e;--badge-soft:#d8ebe7}.cpd-badge[data-earned=false]{--badge-paper:#f9fafb;--badge-ink:#9ca3af;--badge-accent:#c7cbd1;--badge-soft:#f3f4f6}.cpd-badge{color:var(--badge-accent);flex-shrink:0;display:inline-block;position:relative}.cpd-badge>svg{width:100%;height:100%;display:block}.cpd-badge .cpd-badge-paper{fill:var(--badge-paper)}.cpd-badge .cpd-badge-soft{fill:var(--badge-soft)}.cpd-badge-label{text-align:center;color:var(--badge-ink);flex-direction:column;justify-content:center;align-items:center;font-weight:600;line-height:1.05;display:flex;position:absolute;inset:22% 18%}.cpd-badge-kicker{letter-spacing:.18em;color:var(--badge-accent);margin-bottom:.25em;font-size:.5em;font-weight:600}.cpd-badge[data-size=sm] .cpd-badge-label{font-size:10px}.cpd-badge[data-size=md] .cpd-badge-label{font-size:12px}.cpd-badge[data-size=lg] .cpd-badge-label{font-size:15px}.cpd-mark{color:var(--badge-accent);align-items:center;gap:1px;display:inline-flex}.cpd-mark svg{width:12px;height:12px;display:block}.cpd-mark .cpd-badge-paper{fill:var(--badge-paper)}