.pdp-performance{--performance-gold:#ad7908;--performance-bitcoin:#d36620;--performance-dollar:#247aca;--performance-current:#8c53c6;margin:28px 0;padding:0;border:0;border-radius:0;background:transparent;color:var(--arz-color-text);font-weight:400;min-width:0}
[data-theme=dark] .pdp-performance{--performance-gold:#e1b752;--performance-bitcoin:#f69c58;--performance-dollar:#6ba9ec;--performance-current:#c298ee}
.pdp-performance .pdp-performance__heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.pdp-performance .pdp-performance__heading h2{font-size:20px;font-weight:700;line-height:1.7;margin:0}
.pdp-performance__title{display:flex;align-items:center;gap:4px;min-width:0}
.pdp-performance .pdp-performance__title .arz-info-tooltip{color:var(--arz-color-text-muted);cursor:help}
.pdp-performance [data-performance-status]{font-size:12px;font-weight:400;line-height:1.9;color:var(--arz-color-text-muted);margin:3px 0 0}
.pdp-performance__calculator{font-size:12px;font-weight:400;color:var(--arz-color-primary);white-space:nowrap}
.pdp-performance__calculator:hover{text-decoration:underline}
.pdp-performance__calculator--mobile{display:none}
.pdp-performance__periods{display:flex;gap:8px;padding:0;width:fit-content;border:0;background:transparent}
.pdp-performance button{font-family:inherit;font-weight:500;font-size:12px;color:var(--arz-color-text);cursor:pointer}
.pdp-performance__periods button{min-height:36px;min-width:64px;padding:6px 14px;border:1px solid var(--arz-color-border);border-radius:6px;background:var(--arz-color-surface-subtle)}
.pdp-performance__periods button[aria-pressed=true]{border-color:var(--arz-color-primary);background:var(--arz-color-primary-soft);color:var(--arz-color-primary)}
.pdp-performance button:focus-visible,.pdp-performance a:focus-visible{outline:2px solid var(--arz-color-primary);outline-offset:3px}
.pdp-performance__legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;margin:20px 0 6px}
.pdp-performance__asset{font-size:12px;font-weight:400;min-width:0}
.pdp-performance__asset span{display:flex;align-items:center;gap:6px;line-height:1.8}
.pdp-performance__asset i{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:var(--series-color)}
.pdp-performance__asset b{display:block;font-weight:500;font-size:18px;line-height:1.6;direction:ltr;text-align:right;font-variant-numeric:tabular-nums;margin-top:4px}
.pdp-performance__plot{height:260px;width:100%;direction:ltr}
.pdp-performance__plot text,.pdp-performance__plot span{font-weight:400!important}
.pdp-performance__feedback{display:flex;align-items:center;gap:12px;height:36px}
.pdp-performance__feedback [data-performance-status]{flex:1;min-width:0;max-height:100%;overflow-y:auto;overflow-wrap:anywhere;margin:0;line-height:1.5}
.pdp-performance__feedback [data-performance-retry]{flex-shrink:0}
.pdp-performance__feedback button{background:transparent;border:1px solid var(--arz-color-border);border-radius:4px;padding:6px 12px}
.pdp-performance [hidden]{display:none!important}
.pdp-performance[aria-busy=true] .pdp-performance__plot,.pdp-performance[aria-busy=true] .pdp-performance__asset b{visibility:hidden}
@media(max-width:767px){
  .pdp-performance{padding:0;margin:24px 0 12px}
  .pdp-performance .pdp-performance__heading{align-items:flex-start;gap:8px}
  .pdp-performance .pdp-performance__heading h2{font-size:18px}
  .pdp-performance__calculator--desktop{display:none}
  .pdp-performance__calculator--mobile{display:block;text-align:center;line-height:22px;margin-top:0}
  .pdp-performance__periods{width:100%}
  .pdp-performance__periods button{flex:1;min-width:0;min-height:44px;padding-inline:8px}
  .pdp-performance__legend{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px;margin:18px 0 10px}
  .pdp-performance__asset{text-align:center}
  .pdp-performance__asset span{display:block;font-size:11px;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pdp-performance__asset i{display:inline-block;width:6px;height:6px;margin-inline-end:4px;vertical-align:middle}
  .pdp-performance__asset b{text-align:center;font-size:16px}
  .pdp-performance__plot{height:240px;width:calc(100vw - 8px);margin-inline:calc((100% - 100vw + 8px)/2)}
  .pdp-performance__feedback{height:36px;justify-content:center}
  .pdp-performance__feedback [data-performance-status]{text-align:center}
}
