.badge-medallion{--badge-paper:oklch(95% .025 85);--badge-ink:oklch(29% .01 85);--badge-gilt:oklch(70% .13 85);--badge-edge:color-mix(in oklch, var(--badge-ink) 45%, var(--badge-paper));isolation:isolate;flex-shrink:0;width:1em;height:1.1786em;font-size:7rem;position:relative}.badge-medallion[data-size=sm]{font-size:3.5rem}.badge-medallion[data-size=responsive]{font-size:4.5rem}@media (width>=40rem){.badge-medallion[data-size=responsive]{font-size:7rem}}.badge-medallion-disc{box-sizing:border-box;border:max(3px, .045em) double var(--badge-edge);background:var(--badge-paper);width:1em;height:1em;box-shadow:inset 0 0 0 .036em var(--badge-paper), inset 0 0 0 .054em var(--badge-edge);border-radius:50%;place-items:center;display:grid;position:relative}.badge-medallion-motif{object-fit:contain;width:70%;height:70%;display:block}.badge-medallion[data-grade=ink]{--badge-edge:var(--badge-ink)}.badge-medallion[data-grade=ink] .badge-medallion-motif{filter:grayscale()}.badge-medallion[data-grade=gilt],.badge-medallion[data-grade=ribbon]{--badge-edge:var(--badge-gilt)}.badge-medallion-ribbon{z-index:-1;background:var(--badge-gilt);clip-path:polygon(12% 0,88% 0,100% 100%,70% 82%,50% 100%,30% 82%,0 100%);width:.5em;height:.5em;position:absolute;bottom:0;left:.25em}.badge-medallion[data-locked=true]{filter:grayscale();opacity:.55}