.mastery-achievement-side-panel{top:0;z-index:10;opacity:0;pointer-events:none;will-change:transform, opacity;width:480px;max-width:min(480px,100vw - 2rem);transition:all .45s ease-in-out;position:absolute;inset-inline-start:100%;transform:translate(-100%)}.mastery-achievement-side-panel[data-open=true]{opacity:1;pointer-events:auto;transform:translate(0,0)}.milestone-stage-ribbon{--s:1.2em;--d:.6em;--c:.8em;--ribbon-bg:#ff6423;width:180px;height:45px;padding:0 calc(var(--s) + .5em) var(--d);background:conic-gradient(at left var(--s) bottom var(--d), #0000 25%, #0008 0 37.5%, #0004 0) 0 / 50% 100% no-repeat, conic-gradient(at right var(--s) bottom var(--d), #0004 62.5%, #0008 0 75%, #0000 0) 100% / 50% 100% no-repeat, var(--ribbon-bg);clip-path:polygon(0 var(--d), var(--s) var(--d), var(--s) 0, calc(100% - var(--s)) 0, calc(100% - var(--s)) var(--d), 100% var(--d), calc(100% - var(--c)) calc(50% + var(--d) / 2), 100% 100%, calc(100% - var(--s) - var(--d)) 100%, calc(100% - var(--s) - var(--d)) calc(100% - var(--d)), calc(var(--s) + var(--d)) calc(100% - var(--d)), calc(var(--s) + var(--d)) 100%, 0 100%, var(--c) calc(50% + var(--d) / 2));color:#fff;text-align:center;text-transform:uppercase;letter-spacing:1px;-webkit-font-smoothing:antialiased;justify-content:center;align-items:center;font-size:16px;font-weight:600;line-height:1.8;display:flex}.milestone-stage-ribbon[data-variant=complete]{--ribbon-bg:#34c759}.milestone-stage-ribbon[data-variant=locked]{--ribbon-bg:#424242}.milestone-stage-ribbon--compact{--s:1em;--d:.5em;--c:.65em;letter-spacing:.5px;width:150px;height:38px;font-size:14px}