.lens{position:relative;justify-self:center;width:var(--lens-size);height:var(--lens-size);border-radius:50%;background:var(--lens);display:grid;place-items:center;box-shadow:inset 0 0 0 14px var(--lens-ring-1),inset 0 0 0 16px var(--lens-ring-2),var(--shadow-lens)}.lens-in{width:var(--lens-inner);height:var(--lens-inner);border-radius:50%;overflow:hidden;background:var(--paper-2);display:grid;place-items:center;position:relative}.lens-in:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:var(--shadow-vignette);pointer-events:none}.lens-in>.lens-bg,.lens-in>.lens-chart{position:absolute;inset:0;width:100%;height:100%;display:block}.lens-cap{position:absolute;left:0;right:0;bottom:calc(46px + (var(--lens-size) - var(--lens-inner)) / 2);text-align:center;font-style:italic;font-size:13px;color:var(--ink-2);white-space:nowrap;pointer-events:none}.lens-mark{transform-box:fill-box;transform-origin:center;animation:lens-settle var(--t-settle) var(--ease) both}.lens-label{animation:lens-fade var(--t-settle) var(--ease) both;animation-delay:calc(var(--t-settle) * .5)}@keyframes lens-settle{0%{transform:scale(0)}60%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes lens-fade{0%{opacity:0}to{opacity:1}}@media(max-width:860px){.lens{margin-bottom:var(--s-7)}.lens-cap{bottom:calc(-1 * var(--s-7));font-size:12px}}@media(prefers-reduced-motion:reduce){.lens-mark,.lens-label{animation:none}}.chart{display:block;width:100%;height:auto;font-family:var(--font-mono);color:var(--ink)}.chart .mark{fill:var(--chart-mark);r:var(--chart-dot-lg)}.chart .point-label{font-family:var(--font-serif);font-style:italic;font-size:var(--chart-fs-label);fill:var(--ink)}.lens-chart .point-label{font-size:var(--chart-fs-label)}.lens-chart .axis-label{font-size:var(--chart-fs-axis)}