.constancy-scroll{padding:18px 0 8px;overflow-x:auto;scrollbar-color:#95602c #170e07}.constancy-line-chart{position:relative;width:100%;aspect-ratio:var(--chart-ratio);min-width:0}.constancy-line-chart.monthly{min-width:940px}.constancy-line-chart svg{display:block;width:100%;height:100%;overflow:visible}.constancy-grid{stroke:#9f713b38;stroke-width:1}.constancy-tick{fill:#a28a64;font:11px 'DM Sans',sans-serif}.constancy-label{fill:#c0aa85;font:12px 'DM Sans',sans-serif;text-transform:capitalize}.constancy-label tspan{font-size:10px;fill:#97805f}.constancy-label.future{opacity:.4}.constancy-path{fill:none;stroke:#f0b65e;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px #d5892b33);vector-effect:non-scaling-stroke}.constancy-point{position:absolute;width:30px;height:30px;transform:translate(-50%,-50%);border:0;background:transparent;display:grid;place-items:center;padding:0;cursor:pointer}.constancy-point>span{display:block;width:9px;height:9px;border-radius:50%;border:1.5px solid #f5bf72;background:#28170a;box-shadow:0 0 5px #d9942938}.constancy-point.selected>span{width:12px;height:12px;background:#ffe0a1;border-color:#ffebc3;box-shadow:0 0 0 4px #e29a3033,0 0 13px #e7a53b66}.constancy-point:hover:not(:disabled)>span{background:#ffdb93}.constancy-point.future{opacity:.24;cursor:default}.constancy-point.future>span{width:5px;height:5px;border-color:#8c683e;background:#21170e}.progress-legend i{width:18px;height:0;border-top:2px solid #edb25a;background:none}.constancy-point:focus-visible{outline:1px solid #ffda98;border-radius:50%}@media(max-width:650px){.constancy-line-chart:not(.monthly){aspect-ratio:var(--chart-ratio)}.constancy-label{font-size:15px}.constancy-label tspan{font-size:12px}.constancy-tick{font-size:13px}.constancy-line-chart.monthly .constancy-label{font-size:12px}}
.constancy-scroll:has(.constancy-line-chart:not(.monthly)){overflow-x:clip}