.etf-message{align-items:flex-start;gap:var(--space-lg);padding:var(--space-xxl) var(--space-lg);flex-direction:column;display:flex}.etf-header{justify-content:space-between;align-items:flex-start;gap:var(--space-lg);display:flex}.etf-heading{min-width:0}.etf-name{margin-bottom:var(--space-xs);font-size:20px;font-weight:600;line-height:1.3}.etf-ticker{color:var(--color-text-primary);font-weight:600}.etf-price-row{align-items:baseline;gap:var(--space-md);margin-top:var(--space-xl);flex-wrap:wrap;display:flex}.etf-price{font-size:32px;font-weight:600;line-height:1.2}.etf-change{font-size:20px;font-weight:600}.etf-text-good{color:var(--color-status-good)}.etf-text-bad{color:var(--color-status-bad)}.etf-chart-card{margin-top:var(--space-lg)}.etf-chart{width:100%}.etf-chart svg{display:block}.etf-chart{touch-action:pan-y;cursor:crosshair;-webkit-user-select:none;user-select:none;position:relative}.etf-chart-cursor{stroke:var(--color-caption);stroke-width:1px}.etf-chart-dot{stroke:var(--color-card-background);stroke-width:2px}.etf-chart-dot.etf-chart-positive{fill:var(--color-status-good)}.etf-chart-dot.etf-chart-negative{fill:var(--color-status-bad)}.etf-chart-tooltip{width:180px;height:46px;padding:0 var(--space-md);background:var(--color-card-background);border:1px solid var(--color-divider);border-radius:var(--radius-box);color:var(--color-text-primary);white-space:nowrap;pointer-events:none;flex-direction:column;justify-content:center;font-size:12px;line-height:17px;display:flex;position:absolute}.etf-chart-tooltip-price{font-weight:600}.etf-chart-empty{justify-content:center;align-items:center;height:260px;display:flex}.etf-chart-grid{stroke:var(--color-divider);stroke-width:1px}.etf-chart-label{fill:var(--color-caption);font-size:10px}.etf-chart-line{fill:none;stroke-width:3px;stroke-linejoin:round;stroke-linecap:round}.etf-chart-line.etf-chart-positive{stroke:var(--color-status-good)}.etf-chart-line.etf-chart-negative{stroke:var(--color-status-bad)}.etf-chart-area{stroke:none}.etf-chart-area.etf-chart-positive{fill:color-mix(in srgb, var(--color-accent) 15%, transparent)}.etf-chart-area.etf-chart-negative{fill:color-mix(in srgb, var(--color-status-bad) 15%, transparent)}.etf-periods{margin-top:var(--space-md)}.etf-periods .segmented{justify-content:space-between;display:flex}.etf-tabs{margin:var(--space-xxl) 0 var(--space-lg)}.etf-blocks{gap:var(--space-md);flex-direction:column;display:flex}.etf-bars{gap:var(--space-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.etf-bars li{gap:var(--space-xs) var(--space-md);grid-template-columns:minmax(0,1fr) auto;font-size:14px;line-height:20px;display:grid}.etf-bar-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.etf-bar-value{white-space:nowrap;font-weight:600}.etf-bar-track{height:var(--space-sm);background:var(--color-divider);border-radius:var(--radius-pill);grid-column:1/-1;overflow:hidden}.etf-bar-fill{border-radius:var(--radius-pill);height:100%;display:block}.etf-risk-head{justify-content:space-between;align-items:center;gap:var(--space-sm) var(--space-lg);flex-wrap:wrap;display:flex}.etf-risk-period{align-items:center;gap:var(--space-sm);margin-left:auto;display:flex}.etf-risk-period-label{color:var(--color-caption);font-size:12px;font-weight:500;line-height:17px}.etf-missing{color:var(--color-caption);font-weight:400}.etf-note{margin-top:var(--space-md)}.etf-invite,.etf-note{margin-top:var(--space-lg)}.etf-note a{text-decoration:underline}@media (width>=640px){.etf-name{font-size:32px;line-height:1.2}.etf-periods .segmented{justify-content:flex-start}}.etf-dividend-boxes{gap:var(--space-md);grid-template-columns:minmax(0,1fr);display:grid}.etf-dividend-label{margin-bottom:var(--space-xs);color:var(--color-caption);font-size:13px;font-weight:500;line-height:18px}.etf-dividend-value{margin-bottom:var(--space-xs);font-size:20px;font-weight:700;line-height:1.3}.etf-dividend-bar{fill:var(--color-accent)}.etf-dividend-bar-partial{fill:color-mix(in srgb, var(--color-accent) 40%, transparent)}.etf-dividend-swatch{width:8px;height:8px;margin-right:var(--space-xs);background:color-mix(in srgb, var(--color-accent) 40%, transparent);border-radius:var(--radius-pill);display:inline-block}.etf-dividend-table{border-collapse:collapse;width:100%;font-size:14px;line-height:20px}.etf-dividend-table th,.etf-dividend-table td{padding:var(--space-md) 0;text-align:left}.etf-dividend-table th{color:var(--color-caption);padding-top:0;font-size:12px;font-weight:500;line-height:17px}.etf-dividend-table td{border-top:1px solid var(--color-divider)}.etf-dividend-table th:last-child,.etf-dividend-table td:last-child{text-align:right;white-space:nowrap}.etf-dividend-table td:last-child{font-weight:600}.etf-dividend-more{width:100%;margin-top:var(--space-md)}@media (width>=640px){.etf-dividend-boxes{grid-template-columns:repeat(2,minmax(0,1fr))}.etf-dividend-more{width:auto;min-width:240px}}