.etf-price-comparison{color:#172f49;background:#fff;border:1px solid #dbe3ec;border-radius:10px;margin:24px 0;padding:24px}.etf-price-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.etf-price-heading h2{margin:0 0 7px;font-size:22px}.etf-price-heading p{color:#65758a;margin:0;font-size:13px}.etf-price-periods{flex-wrap:wrap;gap:6px;display:flex}.etf-price-periods button{font:inherit;color:#52677c;cursor:pointer;background:#fff;border:1px solid #cbd7e4;border-radius:5px;min-height:38px;padding:7px 11px;font-size:13px}.etf-price-periods button[aria-pressed=true]{color:#21664d;background:#edf5f0;border-color:#21664d}.etf-price-comparison :is(button,input,summary,a):focus-visible{outline-offset:3px;outline:3px solid #21664d}.etf-price-dates{color:#65758a;flex-wrap:wrap;gap:5px 14px;margin:18px 0 10px;font-size:12px;display:flex}.etf-price-dates strong{color:#172f49;font-weight:550}.etf-price-warning{color:#8a5c20;margin:10px 0;font-size:13px;line-height:1.6}.etf-price-svg{touch-action:pan-y;width:100%;height:auto;display:block;overflow:visible}.etf-price-svg text{fill:#65758a;font-family:inherit;font-size:12px}.etf-price-grid{stroke:#e2e8ef;stroke-width:1px}.etf-price-cursor{stroke:#8ea2b5;stroke-width:1px;stroke-dasharray:3 4}.etf-price-date-control{color:#65758a;align-items:center;gap:16px;font-size:13px;display:flex}.etf-price-date-control>span{flex-shrink:0}.etf-price-date-control input{accent-color:#21664d;width:100%;min-width:0;min-height:32px}.etf-price-reading{flex-wrap:wrap;gap:10px 20px;padding:10px 0;font-size:14px;display:flex}.etf-price-reading time{color:#65758a}.etf-price-reading>span{align-items:center;gap:8px;display:flex}.etf-price-reading b{font-weight:500}.etf-price-reading i,.etf-price-metrics th i{border-radius:50%;flex-shrink:0;width:9px;height:9px;display:inline-block}.etf-price-metrics{margin:14px 0}.etf-price-metrics table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}.etf-price-metrics :is(th,td){text-align:right;border-bottom:1px solid #e2e8ef;padding:12px 8px}.etf-price-metrics thead th{color:#65758a;font-size:12px;font-weight:500}.etf-price-metrics th:first-child{text-align:left}.etf-price-metrics tbody th{font-weight:600}.etf-price-metrics th i{margin-right:8px}.etf-price-metrics .is-positive{color:#21664d}.etf-price-metrics .is-negative{color:#b74235}.etf-price-unavailable{color:#65758a;padding:14px 0;font-size:13px;line-height:1.7}.etf-price-unavailable p{margin:8px 0}.etf-price-unavailable ul{padding-left:18px}.etf-price-unavailable li>*{margin-right:10px}.etf-price-note,.etf-price-sources{color:#65758a;font-size:12px;line-height:1.7}.etf-price-note{max-width:90ch;margin:8px 0}.etf-price-sources{margin-top:12px}.etf-price-sources summary{cursor:pointer;color:#21664d;width:fit-content}.etf-price-sources ul{margin:10px 0;padding:0;list-style:none}.etf-price-sources li{flex-wrap:wrap;gap:5px 14px;padding:5px 0;display:flex}@media (max-width:600px){.etf-price-comparison{padding:18px 14px}.etf-price-heading{display:block}.etf-price-periods{margin-top:14px}.etf-price-metrics :is(th,td){padding:11px 4px}.etf-price-metrics table{font-size:13px}.etf-price-date-control{gap:10px}}