.QuoteChartChanges{row-gap:var(--space-card);grid-template-columns:repeat(6,minmax(0,1fr));align-self:stretch;align-items:center;display:grid}@container quote-chart not (min-width:620px){.QuoteChartChanges{gap:var(--space-8);grid-template-columns:repeat(3,minmax(0,1fr))}}.QuoteChartChanges-period{align-items:center;gap:var(--space-1);flex-direction:column;min-width:0;display:flex;position:relative}.QuoteChartChanges-period:not(:last-child):before{content:"";background:var(--background-neutral-border-750,#404040);flex-shrink:0;width:1px;height:30px;position:absolute;top:50%;right:0;transform:translateY(-50%)}@container quote-chart not (min-width:620px){.QuoteChartChanges-period:nth-child(3n):before{content:none}}.QuoteChartChanges-label{min-height:12px;color:var(--color-semantic-text-basic-secondary,#56616a);font-family:var(--font-family);text-align:center;font-size:12px;font-style:normal;font-weight:400;line-height:normal;display:block}.QuoteChartChanges-label.Skeleton{width:28px;height:12px}.QuoteChartChanges-value{overflow-wrap:anywhere;max-width:100%;min-height:14px;color:var(--color-semantic-text-basic-secondary,#56616a);font-family:var(--font-family);text-align:center;font-size:14px;font-style:normal;font-weight:400;line-height:normal;display:block}.QuoteChartChanges-value.Skeleton{width:48px;height:14px}.QuoteChartChanges-value_up{color:var(--color-semantic-text-basic-succcess,#16a34a)}.QuoteChartChanges-value_down{color:var(--color-semantic-text-basic-error,#dc2626)}