.pt-scroll{overflow-x:auto;padding-bottom:.5rem}.pt-grid{display:grid;gap:4px}.pt-grid--classic{--pt-tile: 70px;grid-template-columns:repeat(18,var(--pt-tile));grid-template-rows:repeat(7,var(--pt-tile)) 16px repeat(2,var(--pt-tile));min-width:calc(18 * (var(--pt-tile) + 4px))}.pt-title{grid-row:1 / span 2;grid-column:4 / span 10;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.15rem}.pt-title h2{margin:0;font-size:1.35rem;letter-spacing:.03em}.pt-title span{font-size:.74rem;opacity:.7}.pt-key{grid-row:9 / span 2;grid-column:1 / span 2;display:flex;flex-direction:column;gap:.18rem;justify-content:center;font-size:.6rem;line-height:1.25;opacity:.85;padding-right:.4rem}.pt-key strong{font-size:.66rem;letter-spacing:.04em}.pt-marker{display:flex;align-items:center;justify-content:center;border:1px dashed rgba(255,255,255,.25);border-radius:6px;font-size:.62rem;opacity:.7;text-align:center}.light .pt-marker{border-color:#00000040}.pt-grid--matrix{grid-template-columns:minmax(120px,max-content) repeat(5,minmax(150px,1fr));gap:6px;min-width:900px}.pt-colhead,.pt-rowhead{font-size:.8rem;font-weight:600;letter-spacing:.04em;display:flex;align-items:center;gap:.3rem;padding:.4rem .5rem}.pt-colhead{justify-content:center;text-transform:uppercase;opacity:.85}.pt-rowhead{justify-content:flex-end;text-align:right;border-right:3px solid var(--fam, transparent);color:var(--fam, var(--dv-text))}.pt-cell{display:flex;flex-wrap:wrap;gap:5px;align-content:flex-start;padding:5px;border-radius:8px;min-height:64px;background:#ffffff06;border:1px dashed rgba(255,255,255,.08)}.light .pt-cell{background:#00000006;border-color:#00000014}.pt-cell--empty{opacity:.45}.pt-el{position:relative;display:grid;grid-template-areas:"rank yield" "sym sym" "issuer issuer" "delta freq";grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto auto;padding:.3rem .4rem;border-radius:7px;text-decoration:none;color:var(--dv-text);background:color-mix(in srgb,var(--fam) 16%,transparent);border:1px solid color-mix(in srgb,var(--fam) 50%,transparent);transition:transform .1s,box-shadow .1s}.pt-el:hover{transform:translateY(-2px);box-shadow:0 3px 10px #00000059;background:color-mix(in srgb,var(--fam) 28%,transparent);z-index:2}.light .pt-el:hover{box-shadow:0 3px 10px #00000026}.pt-el__rank{grid-area:rank;font-size:.72rem;opacity:.75}.pt-el__yield{grid-area:yield;font-size:.7rem;font-weight:600;text-align:right}.pt-el__sym{grid-area:sym;font-size:1.05rem;font-weight:700;align-self:center;text-align:center;letter-spacing:.02em}.pt-el__issuer{grid-area:issuer;font-size:.62rem;opacity:.7;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pt-el__delta{grid-area:delta;font-size:.66rem;font-weight:600}.pt-el__delta.up{color:var(--dv-success, #2aa269)}.pt-el__delta.down{color:var(--dv-danger, #c4453a)}.pt-el__delta.flat{opacity:.5}.pt-el__delta.new{color:var(--fam);letter-spacing:.05em}.pt-el__freq{grid-area:freq;font-size:.62rem;opacity:.75;font-weight:600;align-self:end;text-align:right}.pt-grid--matrix .pt-el{width:104px;min-height:84px}.pt-grid--classic .pt-el{width:var(--pt-tile);height:var(--pt-tile);padding:.18rem .26rem}.pt-grid--classic .pt-el__rank{font-size:.58rem}.pt-grid--classic .pt-el__yield{font-size:.56rem}.pt-grid--classic .pt-el__sym{font-size:.78rem;letter-spacing:0}.pt-grid--classic .pt-el__issuer{font-size:.48rem}.pt-grid--classic .pt-el__delta{font-size:.54rem}.pt-grid--classic .pt-el__freq{font-size:.52rem}.pt-more{align-self:center;padding:.25rem .55rem;border-radius:999px;cursor:pointer;font:inherit;font-size:.75rem;font-weight:600;background:#ffffff12;color:var(--dv-text);border:1px solid rgba(255,255,255,.18)}.pt-more:hover{background:#ffffff24}.light .pt-more{background:#0000000d;border-color:#00000029}.light .pt-more:hover{background:#0000001a}.pt-legend{display:flex;flex-wrap:wrap;gap:.45rem .55rem;margin:1rem 0 .4rem;font-size:.8rem}.pt-legend span{display:inline-flex;align-items:center;justify-content:center;padding:.22rem .7rem;border-radius:5px;background:color-mix(in srgb,var(--fam) 26%,transparent);border:1px solid color-mix(in srgb,var(--fam) 60%,transparent)}.pt-note{opacity:.75;font-size:.82rem;margin:.3rem 0 .6rem}.pt-select{padding:.35rem .5rem;font:inherit;font-size:.9rem;background:var(--dv-input-bg, rgba(255,255,255,.05));color:var(--dv-text);border:1px solid var(--dv-input-border, rgba(255,255,255,.18));border-radius:6px}.light .pt-select{background:#fff}.pt-select option{background:#fff;color:#1a1a1a}
