/* Addendum37: a single labelled target, with progress on its own perimeter. */
.buy-axis .lock-tag{left:28px;top:0;transform:translate(-50%,-50%);width:max-content;min-width:56px;height:28px;gap:4px;padding:6px;border-radius:8px;font:700 11px/16px var(--font);font-variant-numeric:tabular-nums;color:var(--muted);background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}
.lock-tag[data-state=holding]{color:var(--text)}
.lock-tag[data-state=locked]{color:var(--positive)}
.lock-tag .lock-tag-glyph{width:12px;height:12px;overflow:visible;transform-origin:center}
.lock-tag .lock-tag-body,.lock-tag .lock-tag-open,.lock-tag .lock-tag-closed{opacity:0}
.lock-tag .lock-tag-up{opacity:1}
.lock-tag[data-state=holding] :is(.lock-tag-body,.lock-tag-open),.lock-tag[data-state=locked] :is(.lock-tag-body,.lock-tag-closed){opacity:1}
.lock-tag[data-state=holding] .lock-tag-up,.lock-tag[data-state=locked] .lock-tag-up{opacity:0}
.lock-tag :is(.lock-tag-open,.lock-tag-closed){transition:opacity 200ms linear}
.lock-tag .lock-tag-border{position:absolute;inset:0;width:100%;height:100%;fill:none;pointer-events:none;overflow:visible;opacity:0}
.lock-tag-border rect{stroke:var(--text);stroke-width:1.5}
.lock-tag[data-state=locked] .lock-tag-border rect{stroke:var(--positive)}
.lock-tag-border .lock-tag-progress{stroke:var(--text);stroke-width:1.5;fill:none}
.buy-axis .lock-tag,.buy-axis .lock-tag b{text-decoration:none}.buy-axis .lock-tag:before,.buy-axis .lock-tag:after{content:none}
.lock-tag-hint{position:absolute;top:20px;left:28px;transform:translateX(-50%);white-space:nowrap;font:500 11px/16px var(--font);color:var(--tertiary);opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){.lock-tag *{transition:none!important}}