.badge-preview{margin-top:var(--s6)}.badge-preview>p{max-width:70ch}.preview-tag{color:var(--text-muted)}.preview-lesson{align-items:center;gap:var(--s3);padding:var(--s3);background:var(--card);border:var(--border-width) solid var(--border);border-radius:var(--radius-large);box-shadow:var(--shadow-card);flex-wrap:wrap;display:flex}.preview-lesson>div{flex:16rem}.preview-lesson :is(h3,p){margin:0}.preview-num{color:var(--text-muted);font-size:.85rem}.preview-frame{gap:var(--s5);margin-top:var(--s3);padding:var(--s4);color:#fff;background-color:var(--pool-a);background-image:var(--band);border-radius:var(--radius-frame);box-shadow:var(--shadow-card);--focus:#fff;grid-template-columns:minmax(0,5fr) minmax(0,8fr);display:grid}.preview-frame h3{margin:0 0 var(--s3)}.preview-await{max-width:18rem;color:var(--pool-muted)}.preview-demo:not(.earned) .preview-earned,.preview-demo.earned .preview-await{display:none}.preview-frame .closeup{width:168px;height:168px;margin-bottom:var(--s3)}.preview-frame .closeup .emblem{width:168px;height:168px}.preview-net{column-gap:var(--s5);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.preview-hub{width:56px;height:56px;color:var(--glow);position:relative}.preview-hub .kit{width:56px;height:56px;display:block}.preview-hub span{text-align:center;width:7rem;color:var(--pool-muted);font-size:.8rem;line-height:1.3;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.preview-items{gap:var(--s3);margin:0;padding:0;list-style:none;display:grid}.preview-items li{align-items:center;gap:var(--s1) var(--s2);flex-wrap:wrap;display:flex}.preview-items .emblem{width:84px;height:84px}.preview-items p{flex:9rem;margin:0;font-weight:600;line-height:1.35}.preview-items small{color:var(--pool-muted);font-size:.8rem;font-weight:400;display:block}.preview-hidden{color:var(--text-muted);display:none}html[data-progress=hide] .preview-demo{display:none}html[data-progress=hide] .preview-hidden{display:block}html:not([data-js]) .preview-demo button{display:none}@media (width<=800px){.preview-frame{gap:var(--s4);padding:var(--s4);grid-template-columns:minmax(0,1fr)}.preview-net{row-gap:var(--s5);grid-template-columns:minmax(0,1fr)}}@media (width<=480px){.preview-frame{padding:var(--s3)}.preview-frame .closeup,.preview-frame .closeup .emblem{width:128px;height:128px}}