@layer components{.a2-tracezone{gap:20px;display:grid}@media (min-width:64rem){.a2-tracezone{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start}}.a2-tracezone__reward{align-items:center;gap:10px;display:flex}.a2-tracezone__h{color:var(--a2-heading);font-size:var(--a2-fs-md);font-weight:600}.a2-tracelist__progress{align-items:center;min-height:32px;margin-top:6px;display:flex}.a2-tracelist__progress>.a2-progress-row{width:100%}.a2-tracelist__note{color:var(--a2-text-faint);font-size:var(--a2-fs-sm)}.a2-tracelist__areas{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:0 20px;margin-top:4px;display:grid}.a2-tracearea{border-bottom:1px solid var(--a2-border-soft);align-items:center;gap:8px;min-height:40px;display:flex}.a2-tracearea>.a2-choice{flex:1;min-width:0}.a2-tracearea__map{min-height:40px;font-size:var(--a2-fs-xs);white-space:nowrap;flex:none;align-items:center;padding:0 2px;display:inline-flex}}