.price-history-chart{max-width:100%}.price-history-chart__viewport{border-radius:var(--radius-2xl);height:140px;position:relative;overflow:hidden}.price-history-chart__svg{cursor:crosshair;width:100%;height:100%;display:block}.price-history-chart__fade{pointer-events:none;z-index:0;height:20px;position:absolute;left:0;right:0}.price-history-chart__line{stroke:var(--primary);stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 1.1s cubic-bezier(.4,0,.2,1)}.price-history-chart__line--visible{stroke-dashoffset:0}.price-history-chart__area{opacity:0;transition:opacity .8s .5s}.price-history-chart__area--visible{opacity:1}.price-history-chart__stop{stop-color:var(--primary)}.dark .price-history-chart__stop{stop-color:#34d399}.dark .price-history-chart__line{stroke:#34d399}.price-history-chart__marker{pointer-events:none;background:var(--primary);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.price-history-chart__marker--current{width:10px;height:10px;box-shadow:0 0 0 6px color-mix(in oklch, var(--primary) 20%, transparent);opacity:0;transition:opacity .4s 1.1s,transform .4s cubic-bezier(.34,1.56,.64,1) 1.1s;transform:translate(-50%,-50%)scale(.4)}.price-history-chart__marker--visible{opacity:1;transform:translate(-50%,-50%)scale(1)}.price-history-chart__marker--active{box-shadow:0 0 0 7px color-mix(in oklch, var(--primary) 25%, transparent)}.price-history-chart__marker--hover{width:8px;height:8px;box-shadow:0 0 0 5px color-mix(in oklch, var(--primary) 25%, transparent)}.dark .price-history-chart__marker{background:#34d399}.dark .price-history-chart__marker--current{box-shadow:0 0 0 6px #34d39933}.dark .price-history-chart__marker--active{box-shadow:0 0 0 7px #34d39940}.dark .price-history-chart__marker--hover{box-shadow:0 0 0 5px #34d39940}.price-history-chart__city-line{opacity:0;transition:opacity 1s .3s}.price-history-chart__city-line--visible{opacity:1}.price-history-chart__own-label{color:var(--foreground);white-space:nowrap;pointer-events:none;opacity:0;font-size:12px;font-weight:600;transition:opacity .4s 1.1s;position:absolute;transform:translate(-100%,calc(-100% - 8px))}.price-history-chart__own-label--visible{opacity:1}.price-history-chart__city-label{color:var(--muted-foreground);white-space:nowrap;pointer-events:none;opacity:0;font-size:10px;transition:opacity .6s 1.3s;position:absolute;right:4px;transform:translateY(calc(-50% - 8px))}.price-history-chart__city-label--visible{opacity:1}.price-history-chart__tooltip-city{color:var(--muted-foreground);margin-top:2px;font-size:11px}.price-history-chart__fade--top{background:linear-gradient(to bottom, var(--background), transparent);top:0}.price-history-chart__fade--bottom{background:linear-gradient(to top, var(--background), transparent);bottom:0}.price-history-chart__tooltip{z-index:3;pointer-events:none;background:var(--popover);border:1px solid var(--border);white-space:nowrap;border-radius:8px;padding:6px 10px;position:absolute;top:4px}.price-history-chart__tooltip-month{color:var(--muted-foreground);font-size:11px}.price-history-chart__tooltip-price{color:var(--foreground);font-size:13px;font-weight:600}.price-history-chart__axis{color:var(--muted-foreground);justify-content:space-between;margin-top:6px;font-size:11px;display:flex}.price-history-chart__axis-future{color:var(--muted-foreground);opacity:.6}@media (max-width:640px){.price-history-chart__viewport{height:120px}.price-history-chart__tooltip-month,.price-history-chart__axis{font-size:10px}}
.price-history-section__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.price-history-section__range{border:1px solid var(--border);background:color-mix(in oklab, var(--foreground) 5%, transparent);border-radius:0;gap:2px;padding:3px;display:flex}.price-history-section__range-btn{color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:0;padding:4px 12px;font-size:12px}.price-history-section__range-btn:hover{color:var(--foreground)}.price-history-section__range-btn--active{background:var(--primary);color:var(--primary-foreground);font-weight:500}
