.collection__chart{text-align:left;flex:none;width:min(340px,100%)}.collection__chart-ranges{gap:4px;margin-bottom:.375rem;display:flex}.collection__chart-range{color:var(--fg-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 8px;font-size:.6875rem;font-weight:600;transition:color .15s,background-color .15s}.collection__chart-range:hover{color:var(--fg)}.collection__chart-range--active{background:color-mix(in srgb, var(--fg) 8%, transparent);color:var(--fg)}.collection__chart-area{height:96px;transition:filter .2s;position:relative}.collection__chart-area--hidden{filter:blur(12px);pointer-events:none;-webkit-user-select:none;user-select:none}.collection__chart-skeleton{background:color-mix(in srgb, var(--fg) 5%, transparent);border-radius:8px;height:100%;animation:1.4s ease-in-out infinite collection-chart-shimmer}.collection__chart-empty{height:100%;color:var(--fg-muted);justify-content:center;align-items:center;margin:0;font-size:.8125rem;display:flex}.collection__chart-refreshing{background:color-mix(in srgb, var(--bg) 35%, transparent);pointer-events:none;border-radius:8px;position:absolute;inset:0}.collection__chart-tooltip{background:var(--bg);border:1px solid color-mix(in srgb, var(--fg) 12%, transparent);box-shadow:0 4px 16px color-mix(in srgb, var(--fg) 10%, transparent);border-radius:8px;flex-direction:column;gap:2px;padding:6px 10px;display:flex}.collection__chart-tooltip-date{color:var(--fg-muted);font-size:.6875rem}.collection__chart-tooltip-value{color:var(--fg);font-size:.8125rem;font-weight:700}@keyframes collection-chart-shimmer{0%,to{opacity:1}50%{opacity:.55}}